Come rendere un sito facile da navigare? 10 tecniche per percorsi di navigazione usabili (Parte I)
Percorsi di navigazione usabili: 10 tecniche (parte 1)
Immaginate di guidare su una strada e che a causa di alcunilavori in corso, siate obbligati ad una deviazione su unastrada sconosciuta. A questo punto dovrete seguire leindicazioni, sperando che quest'ultime vi portino adestinazione.
All'improvviso vi ritrovate ad una rotonda senzaindicazioni. Girare a sinistra? Oppure a destra? Abbiamo duescelte: tornare indietro e trovare una strada alternativa checonosciamo o tentar la fortuna proseguendo per una stradaignota.
I siti web sono molto simili, non importa quale sia il lorofine d'esistenza, i vostri visitatori hanno bisogno ditrovare intuitivamente ciò di cui hanno bisogno e disapersi orientare seguendo i percorsi che gli avete lasciato.Molto spesso, la navigazione e l'orientamento spariscononei meandri delle pagine interne del sito. E in questi casimolto spesso gli utenti scelgono di abbandonare la"strada che stanno percorrendo" , ossia il vostrosito.
Presentiamo quindi i primi 5 punti da tenere bene in menteper uno sviluppo di un sito usabile e navigabile.
1. Testate delle pagine
Ogni singola pagina del vostro sito dovrebbe avereuna singola,concisa e descrittiva testataprincipale. Naturalmente la testata della paginaprincipale dovrebbe avere i collegamenti corretti allediverse sezioni del sito.
Le testate forniscono un punto di orientamento per gli utentie li informa circa le aspettative sui contenuti che possotrovare nella pagina stessa. Punti chiave per delle testatedi effetto sono:
- Assicurarsi che il font usato sia di due punti più grande rispetto al testo della pagina;
- Usare un colore differente (per il testo o per lo sfondo) per rendere maggiormente visibili le zone più importanti;
- Assicurarsi che ci sia abbastanza spazio vuoto al di sopra e al di sotto della testata;
2. Rendere visibili i percorsi
Spesso definita come una tecnica di navigazione avanzata,l'uso di breadcrumb trails(letteralmente "sentieri di briciole dipane") ha dimostrato recentemente attarverso studidi usabilità di essere una forma di navigazioneaccettata ed apprezzata. I breadcrumb trails sonocollegamenti (di solito messi direttamente sopra la testataprincipale) che mostrano dove sono gli utenti in relazionealla homepage. Per esempio:
Home > Soggetto > Categoria >Pagina
I benenfici nell'uso di questa tecnica permettono di:
- mostrare agli utenti dove si trovano nello schema generale di navigazione (cosa particolarmente importante se i visitatori entrano in una pagina diversa dalla home page);
- aiutare gli utenti ad apprendere la struttura e la gerarchia del sito;
- mostrare agli utenti dove sono giunti e la loro posizione corrente;
- permettere agli utenti si saltare svariati passi alla volta;
Un breadcrumb trail dovrebbe riflettere la veragerarchia del sito, non il percorso che i visitatori hannoscelto per arrivare alla loro destinazione.
3. Navigazione primaria
Potrebbe sembrare scontato ma è importantesottolinearlo: l'uso corretto di una navigazione primariapuò essere uno degli strumenti più potenti perorientare gli utenti sul proprio sito. A seguire le regoled'oro per la navigazione:
- marcare esplicitamente l'oggetto di navigazione selezionato usando un colore di sfondo diverso (e più appariscente). Solitamente cambiare solo il colore del testo non è sufficiente.
- Assicurarsi che le etichette di navigazione combacino con le testate delle pagine di riferimento.
4. Navigazione secondaria
Ancora, potrebbe sembrare ovvio ma lo ricordiamo ugualmente:così come la navigazione primaria porta il visitatorealle sezioni del sito, la navigazione secodaria definisce ipercorsi alle specifiche pagine. Le stesse regole viste perla navigazione primarie si possono applicare anche in questocaso, in particolare il sottolineamento dell'elemento dinavigazione selezionato.
5. Collegamenti
I collegamenti dovrebbero comunicare con chiarezza doveporteranno il visitatore. Il testo dei collegamenti dovrebbeessere descrittivo in maniera tale che i visitatori nondebbano provare ad indovinare dove li porterà ilcollegamento.
Le regole importanti da seguire per i collegamenti sono:
- gli utenti sono portati maggiormente a cliccare su un collegamento se riescono a dedurre dove li porterà. Da evitare assolutamente quindi termini come "Cliccate qui" , che non sono di nessun aiuto.
- il testo dei collegamenti dovrebbe combaciare con la testata della pagina di destinazione (se rilevante).
CONTINUAA LEGGERE LA SECONDA PARTE >>
- Articolo precedente L'obesità telematica: una malattia dei siti Internet
- Articolo successivo Come rendere un sito facile da navigare? 10 tecniche per percorsi di navigazione usabili (Parte II)