Presentació "tècniques per a evaluar la usabilitat d'una web" per a la secció "producció de llocs web" del :FAQ Web 2011

1. `
Tecniques per a
evaluar la usabilitat
d'una web
Jordi Galobart Salvat
@galu

2. `
Que farem?
• Aprendrem les diferents tècniques professionals
per a evaluar la usabilitat d'una web
• veurem com podem simplificar-les per poder fer-
les ser vir nosaltres mateixos i sense cap cost.

3. Classificacio ´
• Quantitatives • Qualitatives
•es treballa amb descripcions • es treballa amb números
•Subjectiu • Objectiu

4. ´
Creacio de perfils
(personas)
An n a
• Definir quins seràn els nostres usuaris
• recollir característiques socio-culturals,
hàbits, webs que utilitza,...
• fotografia, paper i boli, coneguts en el
sector
•0€
http://goo.gl/CcP8o

5. Card Sorting
• Establir una categorització de
continguts, o una navegació
• Post-its amb exemples de continguts,
obert o tancat
• Post-its, paper i boli
• 3€

6. Workflow
• Definir la interacció que ha de tenir
l'usuari a través de la nostra web
• Diagrames de fluxe
• Paper i boli
• 0€

7. Wireframes i
prototips
• Crear esquemes de baixa o alta fidelitat
(arquitectura de la informació)
• Esquemes
• Paper i llàpis
• 0€

8. Tests heuristics
• Evaluació dels criteris bàsics d'usabilitat
• crear checklist i evaluar cada pàgina
• Paper i boli
• 0€
http://bit.ly/UXFAQ11-heuristics

9. Tests de percepcio ´
(five second test)
Groarrr!
• Evaluar la primera impressió que oferim
(diiseny, arquitectura, comunicació)
• Mostrar imatge durant 5 segons
• fivesecondtest.com
• 0€

10. Analitica web
• Evaluar l'e ficàcia de la nostra web
• Definir objectius, crear seguiment de
processos
• Google analytics
• Cost: 0€

11. Entrevistes
(Voice of customer)
• Evaluar qualitativament la satisfacció
dels nostres usuaris
• Eines d'e nquesta
• Google docs, kissmetrics, surveymonkey
• Cost: 0€

12. `
Analisi de clicks i
mapes de calor
• Evaluar la arquitectura de la informació
de les nostres pàgines
• Utilitats de seguiment a través de JS
• Crazy Egg, Click Density
• Cost: 0€

13. Eye-tracking
• Analitzar on centren la visió els usuaris
• Eines especialitzades (monitors,
ulleres, ...)
• Tobii (alt64)
• Cost: €€€€€€€€€€€€€€€€

14. Test A/B i
multivariants
• Evaluar varis dissenys i arquitectures
• Presentar vàries versions d’una mateixa
pàgina i medir un objectiu
• Google Website Optimizer
• Cost: 0€

15. Test amb usuaris
• Avaluar la interacció de diversos usuari
amb la nostra web
• Un participant
• Preferiblement, un ordinador.
• Cost: 0€

16. Cicle d’evaluacio ´
Definició Testejar
Analitzar resultats Implementar

17. `
`
Gracies!
Jordi Galobart Salvat
@galu