Come organizzare il menù di un sito sulla base dei suoi contenuti, dall’architettura delle informazioni alla scelta della tipologia di menù. Un’introduzione alle strategie di mapping - concettuali, tecniche e grafiche - che sono alla base di un sito che raggiunge i propri obiettivi.

1. ETICHETTA I TUOI CONTENUTI
Dana Donato
@danuccia
#WCTRN
Come progettare un menù efficace[ ]

2. “Clear menus and links are the foundations
upon which all great websites are built.”
- Gerry McGovern[ ]

3. NOPE!
UN MENÙ DIFFICILE DA USARE

4. PERCHÉ NON FUNZIONA?
‣ Troppe voci creano confusione e disordine
= 13 Voci
+ + + + +
+ + + + + +

5. PERCHÉ NON FUNZIONA?
‣ Ambiguità nel naming

6. PERCHÉ NON FUNZIONA?
‣ Doppia lingua

7. PERCHÉ NON FUNZIONA?
‣ Voci superflue

8. POSSIAMO FARE DI MEGLIO
?[ ]

9. PROGETTARE IL MENÙ
4 regole per costruire un menù facile da usare[ ]

10. 1) COMUNICA LA TUA IDENTITÀ
Rifletti su:
‣ Chi sei
‣ Cosa fai
‣ Cosa vuoi comunicare
‣ Chi è e cosa cerca
il tuo pubblico

11. 2) NAMING CHIARO
NOPE! YES!
ABOUT US
SHOP
L’UVA
L’AZIENDA
COMPRA ONLINE
LA VIGNA

12. 3) EQUILIBRIO TRA
AMPIEZZA E PROFONDITÀ

13. 4) CONSISTENZA

14. TECNICHE DI MAPPING
3 tecniche da utilizzare per costruire il menù[ ]

15. 1) DISEGNA LA MAPPA

16. 2) CARD-SORTING

17. 3) MAPPA CONDIVISA

18. I TEST
[ ]come so che ho costruito un menù facile da usare?

19. 1) TEST DI USABILITÀ

20. 2) HEATMAP PLUGIN
PER WORDPRESS

21. 3) CONTROLLA IL NAMING

22. Il menù prima e dopo la sua riprogettazione[ ]
RISULTATO FINALE

23. PRIMA
Problemi da risolvere:
‣ Troppe voci creano confusione e disordine
‣ Ambiguità nel naming
‣ Doppia lingua
‣ Voci superflue (disclaimer, cookie policy, ecc..)

24. Problemi risolti:
‣ Il giusto numero di nomi che si ricordano facilmente
‣ Nomi che aiutano a intuire il contenuto della pagina
‣ Stessa lingua (Italiano)
‣ Gerarchia corretta
DOPO

25. GRAZIE PER L’ATTENZIONE!
@danuccia
Continuiamo la conversazione su Twitter?[ ]
#WCTRN