Page 1
© UX Boutique www.userexperience.boutique by Jacopo Pasquini www.doctorbrand.it & Simone Giomi www.simonegiomi.com
Come avvicinare le aziende alla user experience attraverso la valutazione euristicaJacopo Pasquini @doctorbrand
Simone Giomi @SimoneGiomi
Page 2
© UX Boutique www.userexperience.boutique by Jacopo Pasquini www.doctorbrand.it & Simone Giomi www.simonegiomi.com© UX Boutique www.userexperience.boutique by Jacopo Pasquini www.doctorbrand.it & Simone Giomi www.simonegiomi.com
Page 3
© UX Boutique www.userexperience.boutique by Jacopo Pasquini www.doctorbrand.it & Simone Giomi www.simonegiomi.com
Ci presentiamo
• Jacopo PasquiniConsulente e docente di marketing e comunicazione digitalewww.doctorbrand.it
@doctorbrand
• Simone GiomiUser Experience Designer & Usability Expertwww.simonegiomi.com
@SimoneGiomi
Page 4
© UX Boutique www.userexperience.boutique by Jacopo Pasquini www.doctorbrand.it & Simone Giomi www.simonegiomi.com
Insieme abbiamo scritto un libro
Page 5
© UX Boutique www.userexperience.boutique by Jacopo Pasquini www.doctorbrand.it & Simone Giomi www.simonegiomi.com© UX Boutique www.userexperience.boutique by Jacopo Pasquini www.doctorbrand.it & Simone Giomi www.simonegiomi.com
Page 6
© UX Boutique www.userexperience.boutique by Jacopo Pasquini www.doctorbrand.it & Simone Giomi www.simonegiomi.com
La valutazione euristica
Della valutazione euristica come tecnica per avvicinare le aziende alla user experience e alle metodologie della progettazione user centered.
Page 7
© UX Boutique www.userexperience.boutique by Jacopo Pasquini www.doctorbrand.it & Simone Giomi www.simonegiomi.com
Il problema
Convincere un’azienda ad applicare le metodologie user centered non è mai impresa semplice.
UX What?
Page 8
© UX Boutique www.userexperience.boutique by Jacopo Pasquini www.doctorbrand.it & Simone Giomi www.simonegiomi.com
Molte tecniche, piccoli budget
Test di usabilità Interviste con gli utenti Card sorting Progettazione partecipativa Osservazione sul campo Concept design e brainstorming Scenarios e Personas Ecc.
Page 9
© UX Boutique www.userexperience.boutique by Jacopo Pasquini www.doctorbrand.it & Simone Giomi www.simonegiomi.com
Una possibile soluzione
Iniziare per gradi può essere una buona idea, specialmente per tutte quelle realtà che sono a digiuno delle pratiche ux.
E se facessimo una valutazione
euristica?
Cioè?@#!
Page 10
© UX Boutique www.userexperience.boutique by Jacopo Pasquini www.doctorbrand.it & Simone Giomi www.simonegiomi.com© UX Boutique www.userexperience.boutique by Jacopo Pasquini www.doctorbrand.it & Simone Giomi www.simonegiomi.com
Page 11
© UX Boutique www.userexperience.boutique by Jacopo Pasquini www.doctorbrand.it & Simone Giomi www.simonegiomi.com
Introducing heuristic evaluation
La valutazione euristica è un metodo di verifica dell’usabilità cosiddetto ispettivo (non empirico).
La valutazione dell’usabilità non viene condotta attraverso gli utenti, ma da 1 o più esperti di user interface che navigano il sito mettendosi nei panni dell’utente.
Page 12
© UX Boutique www.userexperience.boutique by Jacopo Pasquini www.doctorbrand.it & Simone Giomi www.simonegiomi.com
Come funziona?
Le euristiche sono buone pratiche di usabilità, linee guida di web design che funzionano nella maggior parte dei casi.
Gli esperti giudicano il sito sulla base di un certo numero di linee guida – una checklist - provenienti dalla letteratura(Nielsen, Krug…) e dalla loro esperienza pratica.
Page 13
© UX Boutique www.userexperience.boutique by Jacopo Pasquini www.doctorbrand.it & Simone Giomi www.simonegiomi.com
Chiamiamolo usability check-up!
La valutazione euristica è quindi una tecnica di progettazione user-centred semplice, di rapida applicazione e piuttosto economica.
Tuttavia il nome originale suona molto tecnico, per questo meglio rivolgersi alle aziende con il termine check-up.
E se facessimo un check-up di
usabilità?
Ah, sembra interessante!
Page 14
© UX Boutique www.userexperience.boutique by Jacopo Pasquini www.doctorbrand.it & Simone Giomi www.simonegiomi.com© UX Boutique www.userexperience.boutique by Jacopo Pasquini www.doctorbrand.it & Simone Giomi www.simonegiomi.com
Page 15
© UX Boutique www.userexperience.boutique by Jacopo Pasquini www.doctorbrand.it & Simone Giomi www.simonegiomi.com
Il nostro metodo
10 macro-linee guida per valutare l’usabilità di siti web e mobile derivate dalla letteratura e dalla nostra esperienza di consulenti.
Page 16
© UX Boutique www.userexperience.boutique by Jacopo Pasquini www.doctorbrand.it & Simone Giomi www.simonegiomi.com
Il nostro metodo
Identità
Homepage
Navigazione
Ricerca
Scrittura
Lettura
Grafica
Compiti
Tecnica
Ecommerce
1
2
3
4
5
6
7
8
9
10
Page 17
© UX Boutique www.userexperience.boutique by Jacopo Pasquini www.doctorbrand.it & Simone Giomi www.simonegiomi.com
I nostri antenati :)
Ten Usability Heuristicshttp://www.useit.com/papers/heuristic/heuristic_list.html (Molich, Nielsen, 1990)
Page 18
© UX Boutique www.userexperience.boutique by Jacopo Pasquini www.doctorbrand.it & Simone Giomi www.simonegiomi.com© UX Boutique www.userexperience.boutique by Jacopo Pasquini www.doctorbrand.it & Simone Giomi www.simonegiomi.com
Page 19
© UX Boutique www.userexperience.boutique by Jacopo Pasquini www.doctorbrand.it & Simone Giomi www.simonegiomi.com1. Identità Chi siete. Cosa fate. Cosa dicono di voi?
Page 20
© UX Boutique www.userexperience.boutique by Jacopo Pasquini www.doctorbrand.it & Simone Giomi www.simonegiomi.com
Page 21
© UX Boutique www.userexperience.boutique by Jacopo Pasquini www.doctorbrand.it & Simone Giomi www.simonegiomi.com2. Homepage Comunicate l’obiettivo principale del sito
Page 22
© UX Boutique www.userexperience.boutique by Jacopo Pasquini www.doctorbrand.it & Simone Giomi www.simonegiomi.com3. Navigazione Menu né ampi né profondi e nomi chiari
Page 23
© UX Boutique www.userexperience.boutique by Jacopo Pasquini www.doctorbrand.it & Simone Giomi www.simonegiomi.com4. Ricerca In alto, ben visibile e design standard
Page 24
© UX Boutique www.userexperience.boutique by Jacopo Pasquini www.doctorbrand.it & Simone Giomi www.simonegiomi.com
Page 25
© UX Boutique www.userexperience.boutique by Jacopo Pasquini www.doctorbrand.it & Simone Giomi www.simonegiomi.com5. Scrittura «No» al gergale, «si» alla brevità
? ? ?
Page 26
© UX Boutique www.userexperience.boutique by Jacopo Pasquini www.doctorbrand.it & Simone Giomi www.simonegiomi.com5. Scrittura «No» al gergale, «si» alla brevità
! ! ! !
Page 27
© UX Boutique www.userexperience.boutique by Jacopo Pasquini www.doctorbrand.it & Simone Giomi www.simonegiomi.com6. Lettura Curate font, stili e colori
Page 28
© UX Boutique www.userexperience.boutique by Jacopo Pasquini www.doctorbrand.it & Simone Giomi www.simonegiomi.com
Page 29
© UX Boutique www.userexperience.boutique by Jacopo Pasquini www.doctorbrand.it & Simone Giomi www.simonegiomi.com7. Grafica Interfaccia minimale
Page 30
© UX Boutique www.userexperience.boutique by Jacopo Pasquini www.doctorbrand.it & Simone Giomi www.simonegiomi.com8. Compiti Form brevi, messaggi di errore comprensibili
Page 31
© UX Boutique www.userexperience.boutique by Jacopo Pasquini www.doctorbrand.it & Simone Giomi www.simonegiomi.com8. Compiti Form brevi, messaggi di errore comprensibili
Page 32
© UX Boutique www.userexperience.boutique by Jacopo Pasquini www.doctorbrand.it & Simone Giomi www.simonegiomi.com9. Tecnica Funziona su tutti i browser e sul mobile?
Page 33
© UX Boutique www.userexperience.boutique by Jacopo Pasquini www.doctorbrand.it & Simone Giomi www.simonegiomi.com10. E-Commerce Scheda prodotto ovvia e acquisto in pochi clic
Page 34
© UX Boutique www.userexperience.boutique by Jacopo Pasquini www.doctorbrand.it & Simone Giomi www.simonegiomi.com10. E-Commerce Scheda prodotto ovvia e acquisto in pochi clic
Page 35
© UX Boutique www.userexperience.boutique by Jacopo Pasquini www.doctorbrand.it & Simone Giomi www.simonegiomi.com
Infografica: 10 euristiche Giomi-Pasquini
http://bit.ly/sitobrutto
Scarica l’infografica!
Page 36
© UX Boutique www.userexperience.boutique by Jacopo Pasquini www.doctorbrand.it & Simone Giomi www.simonegiomi.com© UX Boutique www.userexperience.boutique by Jacopo Pasquini www.doctorbrand.it & Simone Giomi www.simonegiomi.com
Page 37
© UX Boutique www.userexperience.boutique by Jacopo Pasquini www.doctorbrand.it & Simone Giomi www.simonegiomi.com
Ci chiamano per un e-commerce
LineOnLineStore di prodotti per il fai date, utensileria, idee regalo, oggetti per la casa
Page 38
© UX Boutique www.userexperience.boutique by Jacopo Pasquini www.doctorbrand.it & Simone Giomi www.simonegiomi.com
Ci chiamano per un e-commerce
Vogliamo migliorare l’usabilità
del sito
La richiesta
Page 39
© UX Boutique www.userexperience.boutique by Jacopo Pasquini www.doctorbrand.it & Simone Giomi www.simonegiomi.com
Ci chiamano per un e-commerce
La proposta
E se facessimo un check-up di
usabilità?
Ah, sembra interessante!
Page 40
© UX Boutique www.userexperience.boutique by Jacopo Pasquini www.doctorbrand.it & Simone Giomi www.simonegiomi.com
Ci chiamano per un e-commerce
La valutazione euristica
Page 41
© UX Boutique www.userexperience.boutique by Jacopo Pasquini www.doctorbrand.it & Simone Giomi www.simonegiomi.com
Da cosa nasce cosa
Dopodiché…
Conoscete il servizio
«Crazy-Egg»?
No, di cosa si tratta?
Page 42
© UX Boutique www.userexperience.boutique by Jacopo Pasquini www.doctorbrand.it & Simone Giomi www.simonegiomi.com
Da cosa nasce cosa
Introducing Crazy-Egg and click-tracking
Page 43
© UX Boutique www.userexperience.boutique by Jacopo Pasquini www.doctorbrand.it & Simone Giomi www.simonegiomi.com
Ricapitolando
Valutazione euristica
Click-tracking
Test di usabilità informali o da remoto ???
…to be continued
Page 44
© UX Boutique www.userexperience.boutique by Jacopo Pasquini www.doctorbrand.it & Simone Giomi www.simonegiomi.com
Conclusioni
La valutazione euristica come strumento di pre-engagement
Page 45
© UX Boutique www.userexperience.boutique by Jacopo Pasquini www.doctorbrand.it & Simone Giomi www.simonegiomi.com
Conclusioni
Valutazione euristica
Passo per l’usabilità
Page 46
© UX Boutique www.userexperience.boutique by Jacopo Pasquini www.doctorbrand.it & Simone Giomi www.simonegiomi.com
Restiamo in contatto?
UX Boutique - www.userexperience.boutiqueConsulenza e formazione di user experience e usabilità
Page 47
© UX Boutique www.userexperience.boutique by Jacopo Pasquini www.doctorbrand.it & Simone Giomi www.simonegiomi.com
www.nelsitopiubruttodelmondo.it - @sitobruttoRaccolta aperta di bruttezze web ed errori di usabilità
Restiamo in contatto?
Page 48
© UX Boutique www.userexperience.boutique by Jacopo Pasquini www.doctorbrand.it & Simone Giomi www.simonegiomi.com
Messaggio promozionale