Slide dell'evento UXFUN del 05/09/2015 - presso l'incubatore di startup The Net Value a Cagliari

1. Benvenuti ad UXFUN

2. Perchè siamo qua oggi?

3. Chi siamo?

4. Cosa faremo?
● teoria
● pratica
● networking

5. Cos’è la UX?
L’esperienza utente è l’insieme di
● percezioni
● emozioni
● e reazioni
che l’utente prova quando usa un interfaccia

6. - Buona UX = Sito più intuitivo
- L’utente trova ciò che cerca = è felice = tornerà ancora
- Aumento del tasso di conversione
- I tuoi clienti ti raccomanderanno
Perché la UX è importante?

7. UX in numeri
97%
dei siti ha una scarsa UX*
*Lessons Learned from 1500 website user experience reviews

8. UX in numeri
68%
degli utenti vanno via perchè non si
sentono considerati*
*Taking A Customer From Like To Love: The UX Of Long-Term Relationships

9. UX in numeri
50%
il tempo speso dagli sviluppatori per
risolvere problemi di ux*
*The ROI of User Experience (UX)

10. UX in numeri
5tester bastano per trovare*
85%dei problemi
*Why You Only Need to Test with 5 Users

11. UX in numeri
1€ speso in ux
100€ guadagno*
*Every Dollar Invested In Ease Of Use Returns $10 To $100

12. L’Esperienza Utente deve
soddisfare le aspettative dell’utente

13. Quando un sito ha una buona UX?

14. A cosa serve un
sito web?
Soddisfare un
bisogno

15. L’utente capisce in 5 secondi di
cosa si occupa il tuo sito web?
Homepage

16. E tu, sei in grado di descrivere in una frase
a cosa serve il tuo sito?

17. Gli utenti navigano in modalità
“attenzione selettiva”
eliminando dal loro focus ciò che
ritengono inutile

18. Il sito deve essere semplice e chiaro
affinché l’utente
trovi facilmente ciò che sta cercando.

19. Ogni sito deve avere un motif*,
un tema ricorrente
*Ross Popoff-Walker, UX designer at Google

20. Motif famosi
● post in bacheca (facebook)
● ricerca prodotto (amazon)
● video da 6 secondi (vine)
● create uno stile unico
M

21. La starting interaction
È il primo momento
in cui l’utente
entra a contatto con il sito

22. In questa fase l’utente deve trovare dei
punti di riferimento
per capire come
muoversi nel sito

23. Un aspetto importante da curare è il
pathway o sentiero:
una strada suggerita
all’utente per la
navigazione.

24. Uno di questi punti di riferimento è
il brand
e la sua brand image

25. Qualche esempio?
● il marchio
● il nome dominio
● e-mail con
nome-dominio

26. Durante la navigazione
● clic sul marchio che riporta alla home
● consistenza interna della User Interface

27. “L’esperienza di navigazione nella homepage
deve essere peculiare e, nello stesso tempo,
mantenersi consistente e coerente anche
nelle altre sezioni del sito”
J. Pasquini, S. Giomi - Web Usability

28. Qualche consiglio:
1. non cambiare la posizione degli elementi
principali del layout (header, body e footer);
2. mantieni costante l’impaginazione del layout;
3. mantieni costante lo scrolling del sito;

29. 4. non modificare le etichette delle voci menu;
5. mantieni invariati colori e font;
6. usa sempre le stesse icone, simboli e segni
per rappresentare i medesimi oggetti;
7. usa i breadcrumbs cosicché l’utente sappia
sempre dove si trova.

30. Un sito web deve essere concepito
partendo dai suoi obiettivi di
marketing e comunicazione

31. Un sito ha una buona UX quando
l’utente che lo naviga trova una
risposta a queste domande:

32. 1.Di chi è questo sito web?

33. 2. Che cos’è questo sito?

34. 3. Questo sito si rivolge
a persone come me?

35. 4. Cosa posso fare in questo sito?
5. Cosa c’è in questo sito?
6. Cosa non c’è in questo sito?

36. 7. Perché devo restare in questo sito
e non visitarne un altro?
8. Qual è il valore aggiunto del sito
rispetto ad altri che conosco?

37. 9. Quali sono le cose più importanti?
10. Da dove comincio a navigare?

38. 11. Dove sono ora?
12. Dove posso andare?
13. Come torno indietro?
14. Come arrivo a…?
15. Dove hanno messo…?

39. 16. Perché l’hanno chiamato…?
17. Questa sarà pubblicità?

40. Quindi se la UX del mio sito fa schifo,
con chi me la prendo?

41. I 5 principali ingredienti della UX*
● Daily UX Crash Course
● Psicologia: cosa motiva l’utente?
● Usabilità: naviga con facilità?
● Design: è chiaro come funziona?
● Copywriting: usi un linguaggio chiaro?
● Analisi: analizzi il modo in cui i tuoi utenti
interagiscono con il sito?

42. Quanto dire in homepage?
Tutto o niente?
Evita di mettere l’utente in una
paralisi decisionale

45. Analisi suzuki.it
● logo cliccabile
● menu chiaro
● navigazione chiara
● cta chiare
● maledetto carousel

46. Analisi bmw.it
● logo non cliccabile
● menu poco chiaro
● maledetto carousel
● riquadri eterogenei
● breadcrumbs sopra
footer

48. UX: strumenti di analisi
● test con persone reali
● consigli per migliorare

49. UX: strumenti di analisi
● come gli utenti usano
il sito (video)
● analisi heatmap

50. UX: strumenti di analisi
● cosa cliccano gli utenti
● analisi heatmap

51. UX: strumenti di analisi
● a/b testing

52. UX: strumenti di analisi
● heatmaps
● recordings
● surveys
● free

53. accedi registrati
blog
escursioni 1 giorno
escursioni 1/2 giorno
aperitivo
giochi d’acqua
immersioni sub
giro barca a vela
termini condizioni
cos’è
come funziona
chi siamo

54. Facciamo un pò di pratica
1. elenco delle domande
2. brainstorming (in gruppo)
1. soluzioni creative

56. ERSUCAGLIARI.IT
● identità
● menu di navigazione
● combinazione di colori
● banner sulla destra

58. BADRABBITS.COM
● identità
● di cosa si occupa
● cosa devo fare

60. LOCALTOUR.IT
● identita
● di cosa si occupa

62. IBS.IT
● menu di navigazione laterale
● login (standard in alto a destra)
● alto a sinistra (pubblicita?)

64. ADMUNITY.NET
● a cosa serve
● cosa devo fare
● perchè lo devo usare

66. INSIDEPROJECTOFFICIAL.COM
● cos’è
● di cosa si occupa