© 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
© 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
© 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
© UX Boutique www.userexperience.boutique by Jacopo Pasquini www.doctorbrand.it & Simone Giomi www.simonegiomi.com
Insieme abbiamo scritto un libro
© 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
© 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.
© 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?
© 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.
© 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è?@#!
© 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
© 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.
© 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.
© 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!
© 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
© 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.
© 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
© 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)
© 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
© 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?
© 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.com2. Homepage Comunicate l’obiettivo principale del sito
© 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
© UX Boutique www.userexperience.boutique by Jacopo Pasquini www.doctorbrand.it & Simone Giomi www.simonegiomi.com4. Ricerca In alto, ben visibile e design standard
© 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.com5. Scrittura «No» al gergale, «si» alla brevità
? ? ?
© UX Boutique www.userexperience.boutique by Jacopo Pasquini www.doctorbrand.it & Simone Giomi www.simonegiomi.com5. Scrittura «No» al gergale, «si» alla brevità
! ! ! !
© UX Boutique www.userexperience.boutique by Jacopo Pasquini www.doctorbrand.it & Simone Giomi www.simonegiomi.com6. Lettura Curate font, stili e colori
© 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.com7. Grafica Interfaccia minimale
© UX Boutique www.userexperience.boutique by Jacopo Pasquini www.doctorbrand.it & Simone Giomi www.simonegiomi.com8. Compiti Form brevi, messaggi di errore comprensibili
© UX Boutique www.userexperience.boutique by Jacopo Pasquini www.doctorbrand.it & Simone Giomi www.simonegiomi.com8. Compiti Form brevi, messaggi di errore comprensibili
© 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?
© 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
© 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
© 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!
© 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
© 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
© 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
© 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!
© 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
© 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?
© 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
© 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
© 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
© UX Boutique www.userexperience.boutique by Jacopo Pasquini www.doctorbrand.it & Simone Giomi www.simonegiomi.com
Conclusioni
Valutazione euristica
Passo per l’usabilità
© 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à
© 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?
© UX Boutique www.userexperience.boutique by Jacopo Pasquini www.doctorbrand.it & Simone Giomi www.simonegiomi.com
Messaggio promozionale