Jacopo Pasquini in Open Campus. Usability & UX: 10 consigli per il tuo sito web

Cagliari, 3 dicembre 2014
OPEN LESSON
Usability & UX
10 consigli per il tuo sito web!
Jacopo Pasquini (@doctorbrand)
www.doctorbrand.it
www.userexperience.boutique
Usability & UX: 10 consigli per il tuo sito web!
© Jacopo Pasquini | www.doctorbrand.it | www.userexperience.boutique

Buonasera!

Jacopo Pasquini
Consulente e docente di marketing e comunicazione digitale
www.doctorbrand.it

Jacopo Pasquini
in Sardegna… ☺

Di cosa parleremo
• UX & Usability
• Come si progetta un sito?
• Perché la UX è importante?
• Creativo oppure usabile?
• 10 consigli pratici di usabilità

La differenza tra…
UX e
Usability

http://youtu.be/OI5WN35k5jY

USER EXPERIENCE (UX)
ATTIVITA’ +
UTENTI +
CONTESTO =
UX
USABILITY
UX e Usability
Dimensioni della progettazione che si focalizzano sull’uso che
le persone faranno di un prodotto o di un servizio.

UX & Usability fail
Interfacce non intuitive

UX & Usability fail
Prodotti che hanno bisogno di (troppe) spiegazioni

UX & Usability fail
Scelte multiple

UX & Usability fail
Da dove iniziare? Blocco decisionale.

UX & Usability fail
Perché l’avranno fatto diverso da tutti gli altri?

UX & Usability fail
I dettagli contano :)

UX & Usability fail nel digitale
Questo è un sito di….?

UX & Usability fail nel digitale

L’usabilità si sente quando manca
h"p://Se un sito funziona non se ne accorge bakersjunc0on.com/4
nessuno: è quando non funziona che
se ne accorgono tutti - (Sofia Postai)

La user experience capisce l’utente

La grafica non è il punto di partenza
Come si
progetta un
sito?

Digital Strategy: molte componenti
Web &
Mobile
User
Experience
SEO/SEM
Advertising
Brand
identity
Social
Media
Content
strategy
Analytics

Progettare, prima di fare

Le fasi del processo UX Design
CONCEPT DESIGN
PROTOTIPAZIONE
PROGETTAZIONE
(RI-PROGETTAZIONE)
RICERCA/ VALUTAZIONE
ANALISI
USER RESEARCH VALUTAZIONE EURISTICA
ANALISI DEI REQUISITI TEST CON GLI UTENTI

C’è anche (e soprattutto?) il mobile
Se le persone si comportano così….
…i siti web devono adattarsi!

La progettazione (digitale)

Un rapporto di amore e odio…

UX is a good business
Perché la UX
è importante?

Migliora tutte le performance
In un sito caratterizzato da una buona user experience gli utenti
riescono a portare a termine i propri obiettivi: ricerca
informazioni, acquisti, richiesta di assistenza e altro.
+
+
+
+
Aumento delle fiducia in un sito web
Aumento dei visitatori che tornano (fidelizzazione)
Aumento della permanenza sulle pagine del sito
Aumento delle conversioni

Riduce tutti i problemi
_ _
Inoltre:
Riduzione richieste di aiuto
Riduzione costi assistenza
Riduzione delle lamentele
_
Infine:
+ Rafforzamento del brand

Dilemmi quotidiani di design
Creativo
oppure
usabile?

Dove vi posizionate? Bellezza e funzionalità
+ likeability
- usability + usability
- likeability
Horrible
Perfect
Easy
Beautiful

Entrambi!
Bello e funzionale nella prima impressione
Dobbiamo progettare le nostre tecnologie per il
modo in cui le persone si comportano realmente,
non per come vorremmo che si comportassero -
(Donald Norman)

Entrambi!
Entrambi!
Bello e funzionale nello svolgimento di compiti
Don’t make me think! - (Steve Krug)

Entrambi!
Entrambi!
Bello e funzionale nella comunicazione degli errori

EEnntrtarammbbi!i !
Bello e funzionale nella comunicazione degli errori

Entrambi!
Entrambi!
Bello e funzionale nei suggerimenti di uso
Interface is the product - (Aza Raskin)

Ispirazioni di web design
Ispirazioni per la bellezza
h"p://www.awwwards.com/44

Ispirazioni di web design
Ispirazioni per la funzionalità
h"p://li"lebigdetails.com/44

Ispirazioni (di orrori) di web design
Ispirazioni per evitare brutte figure
h"p://www.nelsitopiubru"odelmondo.it/44

Enjoy!
http://youtu.be/jk4b5d95jN8

Siti più efficaci con l’usabilità
Come
migliorare un
sito web grazie
all’usabilità?

Test utente fai da te (low cost)

Valutazione esperta

Le 10 euristiche di Nielsen
Le linee guida di usabilità più famose del mondo:
Ten Usability Heuristics
http://www.useit.com/papers/heuristic/heuristic_list.html (Molich, Nielsen, 1990)

Le 10 euristiche di Pasquini e Giomi
La nostra
usability checklist
per siti di successo!
Identità
Homepage
Navigazione
Ricerca
Scrittura
Lettura
Grafica
Compiti
Tecnica
Ecommerce
1
2
3
4
5
6
7
8
9
104
MADE IN WITH

1. Identità
* Chi siete. Cosa fate. Cosa dicono di voi?

2. Homepage communication
* Comunicate l’obiettivo principale del sito

3. Navigazione
* Menu né ampi né profondi e nomi chiari

4. Ricerca
* In alto, ben visibile e design standard

5. Scrittura
* «No» al gergale, «si» alla brevità

6. Lettura
* Curate font, stili e colori

7. Grafica
* Interfaccia minimale
Si raggiunge la perfezione non quando non c’è più nulla da
aggiungere, ma quando non c’è più nulla da togliere –
(Antoine de Saint-Exupéry)

8. Compiti
* Form brevi, messaggi di errori comprensibili

9. Tecnica
* Funziona su tutti i browser e sul mobile?

10. E-commerce
* Scheda prodotto ovvia e acquisto in pochi clic
Prima legge del commercio elettronico: un utente non può
comprare un prodotto che non trova – (Jakob Nielsen)

Infine
Conclusioni

5 miti da sfatare
Se sei un esperto non devi testare il tuo design
Le persone usano sempre il tuo prodotto nel modo in cui l’hai immaginato
Testare l’usabilità è molto costoso
Se funziona per Amazon, funzionerà per te
Tu sei come i tuoi utenti
Altri pregiudizi qui:
http://it.uxmyths.com/

Cosa abbiamo imparato oggi?
Beautiful
+ likeability
Horrible Easy
- likeability
- usability
+ usability
Perfect

Rendiamo Internet un posto migliore!
Free download:
bitly.com/sitobrutto

Bigliografia indispensabile
Consigli di
lettura

Coincidenze :)

Ciao a tutti!
Thank You!
http://www.doctorbrand.it/
http://www.userexperience.boutique/
http://librowebusability.it/
http://nelsitopiubruttodelmondo.it

Jacopo Pasquini in Open Campus. Usability & UX: 10 consigli per il tuo sito web

Recommended

Recommended

More Related Content

What's hot

What's hot (20)

Similar to Jacopo Pasquini in Open Campus. Usability & UX: 10 consigli per il tuo sito web

Similar to Jacopo Pasquini in Open Campus. Usability & UX: 10 consigli per il tuo sito web (20)

More from Open Campus Tiscali

More from Open Campus Tiscali (6)

Jacopo Pasquini in Open Campus. Usability & UX: 10 consigli per il tuo sito web