Navigazione coerente
I meccanismi di navigazione ripetuti su più pagine — navigazione principale, footer, breadcrumb, ricerca — devono apparire nello stesso ordine relativo su ogni pagina in cui compaiono. Gli utenti che si affidano alla memoria muscolare non devono riscoprire il layout ogni volta.
Cosa richiede
Quando lo stesso meccanismo di navigazione appare su più pagine di un sito, deve trovarsi nello stesso ordine relativo ogni volta. Ciò che conta di più non è la posizione visiva, ma l’ordine nel codice sorgente — se «Home, Prodotti, Prezzi, Contatti» è l’ordine su una pagina, deve essere l’ordine su ogni altra pagina in cui quella navigazione appare.
All’utente è consentito modificare l’ordine (ad esempio, riorganizzando una dashboard personalizzabile) e la regola si applica alla navigazione fornita dal sito stesso.
Come soddisfarlo
- Gestire la navigazione principale da un unico componente o template — non codificare mai a mano le navigazioni per singola pagina.
- Mantenere lo stesso ordine nel footer su tutto il sito.
- Mantenere i breadcrumb nella stessa posizione (tipicamente appena sotto l’intestazione) su ogni pagina che li utilizza.
- Per i campi di ricerca, mantenere la stessa posizione nell’intestazione o nella barra laterale.
- Per i flussi a più passi, mantenere gli indicatori di passo nella stessa posizione per tutto il flusso.
Errori comuni
- Una navigazione principale riorganizzata nelle pagine di marketing rispetto alle pagine dell’applicazione, perché due team diversi gestiscono i template.
- Breadcrumb mostrati sopra l’H1 su alcune pagine e sotto su altre.
- Un link «Aiuto» nell’intestazione sulla maggior parte delle pagine e nel footer sulla pagina di pagamento.
- Un campo di ricerca in alto a destra sulla maggior parte delle pagine e nella barra laterale sul blog.
Perché è importante
Gli utenti di screen reader costruiscono rapidamente una mappa mentale della struttura di un sito. Gli utenti di tastiera vedenti si spostano tra i landmark tramite Tab. Gli utenti con disabilità cognitive si affidano al posizionamento coerente per orientarsi. Quando la navigazione si riorganizza tra le pagine, ogni utente deve reimparare — ma gli utenti di tecnologie assistive pagano il costo più alto, perché non possono scorrere visivamente l’intera pagina per individuare il nuovo layout.
Questo è uno dei criteri di successo più facili da soddisfare se il sito è costruito su un sistema di template condiviso, e uno dei più difficili da correggere in seguito se si dispone di anni di template legacy.