WUD Rome 2014 - Come avvicinare le aziende alla user experience attraverso la valutazione euristica...

Post on 12-Jul-2015

235 views 1 download

Transcript of WUD Rome 2014 - Come avvicinare le aziende alla user experience attraverso la valutazione euristica...

© 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