Presentació
Avui dia, l’ús d’Internet i l’accés a qualsevol web per consultar informació o fer algun tipus de gestió és un fet habitual que està totalment immers en la quotidianitat de les persones. Així, la importància d’un portal web va molt més enllà del que és purament informatiu i la web esdevé, en moltes ocasions, la imatge de l’entitat que representa. Per això és de vital importància, a més dels continguts d’interès per a l’usuari, que la interfície web tingui un disseny agradable que capti l’atenció d’aquest.
En aquest sentit, el primer que caldrà tenir en compte a l’hora de desenvolupar una interfície web serà conèixer quins són els objectius de la web i els usuaris hi accedeixen, així com també altres paràmetres de disseny que s’estudien en aquests materials.
Aquest mòdul pretén dotar l’alumne dels conceptes, els criteris i les eines necessàries que tot dissenyador web requereix conèixer per crear una interfície web que segueixi els estàndards de disseny, basats en l’experiència d’usuari i d’accessibilitat i usabilitat, per tal que la interacció i la navegabilitat per aquesta web sigui al més fàcil i amigable possible.
La unitat “Disseny de la interfície web. Estils” parteix de la descripció dels elements bàsics que conformen una interfície web i explica com implementar aquests en llenguatge HTML, per una banda, i com millorar la presentació i el disseny dels continguts amb CSS, per una altra. Un altre aspecte important és com desenvolupar una web i quines pautes s’han de seguir i, per tant, s’hi explica com elaborar el prototipus d’un web i la seva implementació (wireframe i mockup), així com també diferents tècniques de creació de documents web a partir de plantilles. En aquesta unitat es treballa amb HTML5 i CSS3 i amb diferents eines d’edició, així com també amb el framework Bootstrap.
En la unitat “Elements multimèdia al web: creació i integració” es treballen les característiques bàsiques dels elements d’imatge, àudio i vídeo per preparar-los per a la web i també com integrar-los, ja que actualment la majoria de pàgines web contenen imatges i elements multimèdia que aporten dinamisme a la interacció entre l’usuari i la web. Així, s’adquiriran també uns coneixements bàsics de Javascript i de la llibreria JQuery.
En la unitat “Accessibilitat i usabilitat web” s’aborden les eines necessàries per avaluar i desenvolupar webs accessibles, explicant quines són les limitacions físiques i cognitives que caracteritzen la no-accessibilitat a una web i exposant els principis bàsics, definits per l’W3C en les normes WCAG 2.0., que descriuen els paràmetres formals que defineixen si una web és o no accessible i en quin grau; també es proporcionaran eines a nivell de programari per tal de fer l’anàlisi de qualsevol web. Per altra banda, en aquesta unitat també s’estudien els aspectes formals que fan que una web sigui amigable. Per aquest motiu s’explica com, partint de l’objectiu de la web i del tipus d’usuari que hi accedeix, es defineixen el que s’anomenen dimensions i principis de la usabilitat, que marquen els estàndards per tal d’analitzar en quina mesura és usable o no una web. En aquesta unitat es fan servir diverses eines d’anàlisis d’accessibilitat i usabilitat.
Al llarg de cadascuna de les unitats es desenvolupen casos pràctics per tal que l’alumne apliqui en un cas real els coneixements adquirits.
Aquest mòdul, que requereix conèixer les estructures bàsiques de programació, és eminentment pràctic, i per tant caldrà, per tal d’assolir els resultats d’aprenentage estipulats, que llegiu amb cura els materials i que feu els exemples i les activitats descrits per tal d’adquirir les destresses suficients per portar a terme en condicions òptimes el disseny d’una interfície web.