Presentació
Avui dia, les aplicacions i llocs web són inherents a la nostra vida per consultar informació, fer qualsevol tipus de gestió o tràmit, comunicar-nos amb altres persones… Així, independentement del dispositiu que fem servir, la web és la imatge de l’entitat que representa i és de vital importància que el contingut i les funcionalitats que utilitza l’usuari siguin atractives, amigables, accessibles i senzilles de fer servir, amb una interfície web que tingui un disseny agradable que capti l’atenció d’aquest, aquestes són algunes de les claus de l’èxit d’un lloc web i, especialment a la part de disseny, centrarem el contingut d’aquest mòdul.
Aquest mòdul pretén dotar l’alumne dels conceptes, els criteris, les habilitats 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.
Aquests materials, a nivell de continguts estan organitzats en tres grans àmbits.
Un primer àmbit treballarà el disseny de la interfície web i estils partint de la descripció dels elements bàsics que conformen una interfície web i el seu cicle de vida i com elaborar el prototipus d’un web i la seva implementació (wireframe i mockup), així com el llenguatge html, i com millorar el disseny dels continguts amb CSS. És rellevant el treball de disseny adaptatiu a diferents dispositius i el coneixement de diferents tipus de models de disseny CSS, finalitzant aquest àmbit amb el treball amb diferents entorns de treball com és el cas de CSS Bootstrap, CSS Foundation i CSS Bulma.
En un segon àmbit es treballen els elements multimèdia al web i la seva creació i integració, així es coneixeran les característiques bàsiques i els formats dels elements d’imatge, àudio i vídeo per preparar-los per al web com a elements que aporten dinamisme a la interacció entre l’usuari i el lloc web. Així, inicialment ens centrarem en adquirir els coneixements dels diferents tipus de formats imatges, àudio i vídeo i algunes eines per tractar-los i optimitzar la seva integració al web i, en una segona part, es treballaran llibreries d’interfícies d’usuaris per al desenvolupament web com és el cas de JQuery, React.js i Angular.
Per últim, treballarem l’àmbit de l’ accessibilitat i usabilitat web on s’aborden algunes de 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 un lloc 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 aquest àmbit també s’estudien els aspectes formals que fan que una web sigui amigable o usable. 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. Amb aquest objectiu, es fan servir diverses eines d’anàlisis d’accessibilitat i usabilitat. Altra qüestió que també es tracta en aquesta part és el marketing digital i el SEO com a aspectes a tractar per tal que de fer una difusió òptima del lloc web. De la mateixa manera, i per últim, es treballen aspectes de l’analítica web amb l’objectiu de conèixer l’ús que se’n fa del lloc web i introduir millores al manteniment i evolució del lloc web.
Cal destacar, especialment en aquests materials, que tots els continguts tenen una part teòrica necessària però amb un alt percentatge de component pràctic, amb nombrosos exemples, casos pràctics, vídeos procedimentals, tests i exercicis.
És important explicar que aquests materials han estat pensats i dissenyats a mida de les necessitats del procés d’aprenentatge d’un estudiant d’aquesta disciplina, així s’han organitzat els àmbits en diferents unitats que s’ajusten a una seqüència de continguts a treballar i que comprenen diferents tipus de recursos addicionals implementats a l’aula (lectures, vídeos, exercicis i tests) que, de forma atomitzada, permeten anar treballant i reflexionant sobre cada nucli de contingut, incrementant el grau de dificultat i l’assoliment a mesura que van avançant les unitats.
Al finalitzar l’estudi d’aquests materials, l’estudiant estarà en situació d’haver pogut assolir tots els continguts i adquirit les destresses suficients per esdevenir un dissenyador web per portar a terme, en condicions òptimes, el disseny d’una interfície web.