Jacopo Pasquini in Open Campus. Usability & UX: 10 consigli per il tuo sito web
-
Upload
open-campus-tiscali -
Category
Marketing
-
view
421 -
download
1
Transcript of Jacopo Pasquini in Open Campus. Usability & UX: 10 consigli per il tuo sito web
Usability & UX: 10 consigli per il tuo sito web! © Jacopo Pasquini | www.doctorbrand.it | www.userexperience.boutique
Usability & UX
10 consigli per il tuo sito web!
Jacopo Pasquini (@doctorbrand) www.doctorbrand.it www.userexperience.boutique
OPEN LESSON
Cagliari, 3 dicembre 2014
Usability & UX: 10 consigli per il tuo sito web! © Jacopo Pasquini | www.doctorbrand.it | www.userexperience.boutique
Buonasera!
Usability & UX: 10 consigli per il tuo sito web! © Jacopo Pasquini | www.doctorbrand.it | www.userexperience.boutique
Jacopo PasquiniConsulente e docente di marketing e comunicazione digitalewww.doctorbrand.it
Usability & UX: 10 consigli per il tuo sito web! © Jacopo Pasquini | www.doctorbrand.it | www.userexperience.boutique
Jacopo Pasquiniin Sardegna… ☺
Usability & UX: 10 consigli per il tuo sito web! © Jacopo Pasquini | www.doctorbrand.it | www.userexperience.boutique
Di cosa parleremo
• UX & Usability
• Come si progetta un sito?
• Perché la UX è importante?
• Creativo oppure usabile?
• 10 consigli pratici di usabilità
Usability & UX: 10 consigli per il tuo sito web! © Jacopo Pasquini | www.doctorbrand.it | www.userexperience.boutique
La differenza tra…
UX eUsability
Usability & UX: 10 consigli per il tuo sito web! © Jacopo Pasquini | www.doctorbrand.it | www.userexperience.boutique
http://youtu.be/OI5WN35k5jY
Usability & UX: 10 consigli per il tuo sito web! © Jacopo Pasquini | www.doctorbrand.it | www.userexperience.boutique
ATTIVITA’ + UTENTI + CONTESTO =UX
USABILITY
USER EXPERIENCE (UX)
UX e Usability Dimensioni della progettazione che si focalizzano sull’uso che
le persone faranno di un prodotto o di un servizio.
Usability & UX: 10 consigli per il tuo sito web! © Jacopo Pasquini | www.doctorbrand.it | www.userexperience.boutique
UX & Usability failInterfacce non intuitive
Usability & UX: 10 consigli per il tuo sito web! © Jacopo Pasquini | www.doctorbrand.it | www.userexperience.boutique
UX & Usability failProdotti che hanno bisogno di (troppe) spiegazioni
Usability & UX: 10 consigli per il tuo sito web! © Jacopo Pasquini | www.doctorbrand.it | www.userexperience.boutique
UX & Usability failScelte multiple
Usability & UX: 10 consigli per il tuo sito web! © Jacopo Pasquini | www.doctorbrand.it | www.userexperience.boutique
UX & Usability failDa dove iniziare? Blocco decisionale.
Usability & UX: 10 consigli per il tuo sito web! © Jacopo Pasquini | www.doctorbrand.it | www.userexperience.boutique
UX & Usability failPerché l’avranno fatto diverso da tutti gli altri?
Usability & UX: 10 consigli per il tuo sito web! © Jacopo Pasquini | www.doctorbrand.it | www.userexperience.boutique
UX & Usability failI dettagli contano :)
Usability & UX: 10 consigli per il tuo sito web! © Jacopo Pasquini | www.doctorbrand.it | www.userexperience.boutique
UX & Usability fail nel digitale Questo è un sito di….?
Usability & UX: 10 consigli per il tuo sito web! © Jacopo Pasquini | www.doctorbrand.it | www.userexperience.boutique
UX & Usability fail nel digitale
Usability & UX: 10 consigli per il tuo sito web! © Jacopo Pasquini | www.doctorbrand.it | www.userexperience.boutique
L’usabilità si sente quando manca
h"p://bakersjunc0on.com/4Se un sito funziona non se ne accorge nessuno: è quando non funziona che se ne accorgono tutti - (Sofia Postai)
Usability & UX: 10 consigli per il tuo sito web! © Jacopo Pasquini | www.doctorbrand.it | www.userexperience.boutique
La user experience capisce l’utente
Usability & UX: 10 consigli per il tuo sito web! © Jacopo Pasquini | www.doctorbrand.it | www.userexperience.boutique
La grafica non è il punto di partenza
Come si progetta un sito?
Usability & UX: 10 consigli per il tuo sito web! © Jacopo Pasquini | www.doctorbrand.it | www.userexperience.boutique
Web & Mobile
User Experience
SEO/SEM
Advertising
Brand identity
Social Media
Content strategy
Analytics
Digital Strategy: molte componenti
Usability & UX: 10 consigli per il tuo sito web! © Jacopo Pasquini | www.doctorbrand.it | www.userexperience.boutique
Progettare, prima di fare
Usability & UX: 10 consigli per il tuo sito web! © Jacopo Pasquini | www.doctorbrand.it | www.userexperience.boutique
PROTOTIPAZIONE
CONCEPT DESIGN
PROGETTAZIONE (RI-PROGETTAZIONE)
VALUTAZIONE RICERCA/ ANALISI
VALUTAZIONE EURISTICA USER RESEARCH
ANALISI DEI REQUISITI TEST CON GLI UTENTI
Le fasi del processo UX Design
Usability & UX: 10 consigli per il tuo sito web! © Jacopo Pasquini | www.doctorbrand.it | www.userexperience.boutique
C’è anche (e soprattutto?) il mobile
Se le persone si comportano così….
…i siti web devono adattarsi!
Usability & UX: 10 consigli per il tuo sito web! © Jacopo Pasquini | www.doctorbrand.it | www.userexperience.boutique
La progettazione (digitale)
Usability & UX: 10 consigli per il tuo sito web! © Jacopo Pasquini | www.doctorbrand.it | www.userexperience.boutique
Un rapporto di amore e odio…
Usability & UX: 10 consigli per il tuo sito web! © Jacopo Pasquini | www.doctorbrand.it | www.userexperience.boutique
UX is a good business
Perché la UX è importante?
Usability & UX: 10 consigli per il tuo sito web! © Jacopo Pasquini | www.doctorbrand.it | www.userexperience.boutique
Aumento delle fiducia in un sito webAumento dei visitatori che tornano (fidelizzazione)Aumento della permanenza sulle pagine del sitoAumento delle conversioni
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.
++++
Migliora tutte le performance
Usability & UX: 10 consigli per il tuo sito web! © Jacopo Pasquini | www.doctorbrand.it | www.userexperience.boutique
Riduzione richieste di aiutoRiduzione costi assistenzaRiduzione delle lamentele
Inoltre:
__
_
Rafforzamento del brand+Infine:
Riduce tutti i problemi
Usability & UX: 10 consigli per il tuo sito web! © Jacopo Pasquini | www.doctorbrand.it | www.userexperience.boutique
Dilemmi quotidiani di design
Creativo oppure usabile?
Usability & UX: 10 consigli per il tuo sito web! © Jacopo Pasquini | www.doctorbrand.it | www.userexperience.boutique
+ likeability
- likeability
+ usability- usability
Horrible
Perfect
Easy
Beautiful
Dove vi posizionate? Bellezza e funzionalità
Usability & UX: 10 consigli per il tuo sito web! © Jacopo Pasquini | www.doctorbrand.it | www.userexperience.boutique
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)
Usability & UX: 10 consigli per il tuo sito web! © Jacopo Pasquini | www.doctorbrand.it | www.userexperience.boutique
Entrambi!
Bello e funzionale nello svolgimento di compiti
Don’t make me think! - (Steve Krug)
Entrambi!
Usability & UX: 10 consigli per il tuo sito web! © Jacopo Pasquini | www.doctorbrand.it | www.userexperience.boutique
Entrambi!
Bello e funzionale nella comunicazione degli erroriEntrambi!
Usability & UX: 10 consigli per il tuo sito web! © Jacopo Pasquini | www.doctorbrand.it | www.userexperience.boutique
Entrambi! Entrambi! Bello e funzionale nella comunicazione degli errori
Usability & UX: 10 consigli per il tuo sito web! © Jacopo Pasquini | www.doctorbrand.it | www.userexperience.boutique
Entrambi!
Bello e funzionale nei suggerimenti di uso
Interface is the product - (Aza Raskin)
Entrambi!
Usability & UX: 10 consigli per il tuo sito web! © Jacopo Pasquini | www.doctorbrand.it | www.userexperience.boutique
Ispirazioni di web design
h"p://www.awwwards.com/44
Ispirazioni per la bellezza
Usability & UX: 10 consigli per il tuo sito web! © Jacopo Pasquini | www.doctorbrand.it | www.userexperience.boutique
Ispirazioni di web design
h"p://li"lebigdetails.com/44
Ispirazioni per la funzionalità
Usability & UX: 10 consigli per il tuo sito web! © Jacopo Pasquini | www.doctorbrand.it | www.userexperience.boutique
Ispirazioni (di orrori) di web design
h"p://www.nelsitopiubru"odelmondo.it/44
Ispirazioni per evitare brutte figure
Usability & UX: 10 consigli per il tuo sito web! © Jacopo Pasquini | www.doctorbrand.it | www.userexperience.boutique
Enjoy!
http://youtu.be/jk4b5d95jN8
Usability & UX: 10 consigli per il tuo sito web! © Jacopo Pasquini | www.doctorbrand.it | www.userexperience.boutique
Siti più efficaci con l’usabilità
Come migliorare un sito web grazie all’usabilità?
Usability & UX: 10 consigli per il tuo sito web! © Jacopo Pasquini | www.doctorbrand.it | www.userexperience.boutique
Test utente fai da te (low cost)
Usability & UX: 10 consigli per il tuo sito web! © Jacopo Pasquini | www.doctorbrand.it | www.userexperience.boutique
Valutazione esperta
Usability & UX: 10 consigli per il tuo sito web! © Jacopo Pasquini | www.doctorbrand.it | www.userexperience.boutique
Le 10 euristiche di NielsenLe linee guida di usabilità più famose del mondo: Ten Usability Heuristics http://www.useit.com/papers/heuristic/heuristic_list.html (Molich, Nielsen, 1990)
Usability & UX: 10 consigli per il tuo sito web! © Jacopo Pasquini | www.doctorbrand.it | www.userexperience.boutique
La nostra usability checklistper siti di successo!
Le 10 euristiche di Pasquini e GiomiIdentità
Homepage
Navigazione
Ricerca
Scrittura
Lettura
Grafica
Compiti
Tecnica
Ecommerce
1
2
3
4
5
6
7
8
9
104
MADE IN WITH
Usability & UX: 10 consigli per il tuo sito web! © Jacopo Pasquini | www.doctorbrand.it | www.userexperience.boutique
1. Identità* Chi siete. Cosa fate. Cosa dicono di voi?
Usability & UX: 10 consigli per il tuo sito web! © Jacopo Pasquini | www.doctorbrand.it | www.userexperience.boutique
2. Homepage communication* Comunicate l’obiettivo principale del sito
Usability & UX: 10 consigli per il tuo sito web! © Jacopo Pasquini | www.doctorbrand.it | www.userexperience.boutique
3. Navigazione * Menu né ampi né profondi e nomi chiari
Usability & UX: 10 consigli per il tuo sito web! © Jacopo Pasquini | www.doctorbrand.it | www.userexperience.boutique
4. Ricerca* In alto, ben visibile e design standard
Usability & UX: 10 consigli per il tuo sito web! © Jacopo Pasquini | www.doctorbrand.it | www.userexperience.boutique
5. Scrittura* «No» al gergale, «si» alla brevità
Usability & UX: 10 consigli per il tuo sito web! © Jacopo Pasquini | www.doctorbrand.it | www.userexperience.boutique
6. Lettura* Curate font, stili e colori
Usability & UX: 10 consigli per il tuo sito web! © Jacopo Pasquini | www.doctorbrand.it | www.userexperience.boutique
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)
Usability & UX: 10 consigli per il tuo sito web! © Jacopo Pasquini | www.doctorbrand.it | www.userexperience.boutique
8. Compiti* Form brevi, messaggi di errori comprensibili
Usability & UX: 10 consigli per il tuo sito web! © Jacopo Pasquini | www.doctorbrand.it | www.userexperience.boutique
9. Tecnica* Funziona su tutti i browser e sul mobile?
Usability & UX: 10 consigli per il tuo sito web! © Jacopo Pasquini | www.doctorbrand.it | www.userexperience.boutique
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)
Usability & UX: 10 consigli per il tuo sito web! © Jacopo Pasquini | www.doctorbrand.it | www.userexperience.boutique
Infine
Conclusioni
Usability & UX: 10 consigli per il tuo sito web! © Jacopo Pasquini | www.doctorbrand.it | www.userexperience.boutique
Se sei un esperto non devi testare il tuo designLe persone usano sempre il tuo prodotto nel modo in cui l’hai immaginatoTestare l’usabilità è molto costosoSe funziona per Amazon, funzionerà per teTu sei come i tuoi utenti
Altri pregiudizi qui:http://it.uxmyths.com/
5 miti da sfatare
Usability & UX: 10 consigli per il tuo sito web! © Jacopo Pasquini | www.doctorbrand.it | www.userexperience.boutique
- likeability
- usability
Horrible Easy
Beautiful
+ likeability
+ usability
Perfect
Cosa abbiamo imparato oggi?
Usability & UX: 10 consigli per il tuo sito web! © Jacopo Pasquini | www.doctorbrand.it | www.userexperience.boutique
Rendiamo Internet un posto migliore!
bitly.com/sitobruttoFree download:
Usability & UX: 10 consigli per il tuo sito web! © Jacopo Pasquini | www.doctorbrand.it | www.userexperience.boutique
Bigliografia indispensabile
Consigli di lettura
Usability & UX: 10 consigli per il tuo sito web! © Jacopo Pasquini | www.doctorbrand.it | www.userexperience.boutique
Coincidenze :)