Presentación de usabilidad - DAW

1. Usabilitat
UF3 – Accessibilitat i Usabilitat
M09 – DAW

2. Usabilitat web
La usabilitat web és el grau de facilitat d'ús que té una pàgina
web per als visitants que entren i interactuen amb ella.
Una web amb una bona usabilitat és aquella que permet als
usuaris una interacció senzilla, intuïtiva, agradable i segura.

3. Objectius de
la web i tipus
d’usuaris:
aspectes clau en
el disseny web
š Quins seran els objectius de la web a dissenyar?
š Quins usuaris la faran servir?
š Quines tanques es poden trobar aquests usuaris?
š Com s’aconsegueix que la informació sigui
atractiva i fàcilment accessible?
Tenir i definir prèviament un objectiu clar i concís de la
web ajudarà a la definició d’una estratègia que porti
al seu desenvolupament reeixit.
š El disseny, i per tant l’èxit del lloc, anirà
estretament lligat a aquest objectiu, per això la
seva identificació és molt important.

4. Disseny web
amigable
š Depenen el disseny web, l’usuari tornarà a visitar la
página o no.
š Cal identificar correctament els continguts web, el
disseny de la interfície, la navegació i la
interactivitat.

5. Disseny web amigable
š Continguts web à Clars, directes, senzills i apropiats al target.
š Disseny web à Important la primera pàgina, serà la primera impressió
de l’usuari.
š Navegació web à ha de ser intuïtiva, transparent i consistent, i tota
pàgina web haurà de mostrar un menú fàcilment accessible i visible.
š Interactivitat web à suposarà un punt fonamental per a l’èxit de la
web i per millorar l’experiència dels usuaris, mitjançant imatges,
vídeos o formularis, per exemple.

6. Tipus d’usuaris
š Usuari genèric
š Usuari convidat
š Usuari registrat
š Usuari administrador
š Usuari novell
š Usuari intermedi
š Usuari expert

7. Exemple
usabilitat

8. Exemple
usabilitat

9. Exemple
usabilitat

10. Exemple
usabilitat
š www.space-people.org.

11. Estàndards d’usabilitat: les normes ISO
š La norma ISO/IEC 9241-11: 1998 defineix usabilitat com “la part que
tracta del grau amb què un producte pot ser usat per usuaris
específics per arribar a objectius especificats amb eficàcia,
eficiència i satisfacció en un context d’ús concret”.
š La norma ISO/IEC 9126-1: 2001 fa referència a la usabilitat de la
següent manera: “Quan s’avalua la usabilitat d’una web cal centrar-
se en les capacitats concretes que fan que el producte final
acompleixi les funcions d’atractiu per a l’usuari, de capacitat de ser
comprès, après i usat, segons les condicions especificades d’ús”

12. Principis o consells
que ajudin a
aconseguir dissenyar
webs amigables
Tognazzini en el seu article
“First Principles of Interaction
Design (Revised &
Expanded)”

13. Exemple amb
Daltonisme

14. Anàlisi de la usabilitat web. Tècniques
Enginyeria de la usabilitat
š Les tècniques que són objectives o que es poden executar de manera automàtica, amb els
programaris que ajuden a controlar i revisar la usabilitat d’un lloc web. (experts)
š Inspeccions formals (equip experts d’entre 4 i 8 inspectors)
š Assaig cognoscitiu (experts creen escenaris)
š Avaluació heurística (equip experts analitzen interfície web)
š Les tècniques més subjectives, basades a recollir indicacions de les experiències dels usuaris. (usuaris)
š Tècniques d’indagació o sondeig (entrevistes amb usuaris reals)
š Tècniques de prova (testeig final d’activitats amb usuaris)
š Card Sorting (grup d’experts es reuneix per organitzar continguts)

15. Eines per fer proves objectives
š ClickHeat-Clicks heatmap (mapes de calor)
š CrazzyEgg (mapes de calor ratolí)
š WebSAT (analitza codi HTML)
š Load Impact (test de carga online i gratuït per simular el temps de reacció
de la página web simulant l’accés simultani de molts usuaris.)
š Google Analytics (dades de la web amb els usuaris)
š Five Seconds (permet dur a terme un test sobre una página web indicada
en el qual es contestarà de manera rápida unes preguntes concretes)
š Moby Ready (comportament web en diferents navegadors i dispositius)

16. Eines per fer proves subjectives
š Navflow (avalua prototips)
š Camstudio (captura el comportament usuari davant una web)
š VNC (captura el comportament usuari davant una web)
š Morae (captura comportaments i també permet dissenyar i dur a
terme tests d’usabilitat.

17. Eines per fer proves responsive
š Screenfly (simula l’Android, iPad, etc.)
š Windsock (visualitzar web diferents dispositius mòbils)

18. Quins avantatges aporta
š Millorar l'experiència i satisfacció dels visitants.
š Aconseguir una major comunicació i feedback amb l'usuari.
š Aconseguir més trànsit.
š Augmentar la durada de les visites.
š Disminuir el percentatge de rebot.
š Fidelitzar als usuaris, aconseguint que ens tornin a visitar la web.
š Facilitar que els usuaris recomanin la web, generant més visites addicionals.
š Aconseguir que l'usuari es familiaritzi abans amb la pàgina i que el seu maneig sigui
fàcil i intuïtiu.
š Augmentar els ingressos i les vendes a través de la pàgina.