Una buona navigazione aiuta il visitatore a riconoscere il punto di partenza giusto, scegliere una pagina utile e capire come proseguire. Parti dalle domande che le persone rivolgono alla tua azienda, assegna a ciascuna una destinazione chiara e prova i percorsi da telefono e con la tastiera. Un menu più corto è utile solo se le pagine importanti restano facili da trovare.
Questa checklist è pensata per le aziende che progettano un nuovo sito o verificano quello esistente. Usala per prendere decisioni con chi cura il design prima di approvare un’intestazione rifinita graficamente. Il risultato utile è una mappa breve e condivisa di esigenze, pagine e collegamenti.
Parti dal compito del visitatore
Scrivi da tre a cinque situazioni con le parole dei clienti: «Devo sapere se operate nella mia zona», «Voglio confrontare i vostri servizi» oppure «Sono già cliente e mi serve assistenza». Sono esempi da adattare, non un limite fisso. Esamina le richieste reali e chiedi a chi risponde dove i visitatori incontrano difficoltà.
Per ogni situazione, indica il pubblico, la domanda, la pagina che risponde e il passo successivo utile. Un potenziale cliente può aver bisogno di capire un servizio prima di contattarvi; un cliente attuale può cercare assistenza immediata. Far passare entrambi dallo stesso modulo commerciale introduce una deviazione evitabile.
Separa il compito del visitatore dalla tua organizzazione interna. Il nome di un reparto appartiene alla navigazione solo se i clienti lo capiscono. Se due gruppi propongono entrambi «Soluzioni», chiedi che cosa il visitatore si aspetterebbe dai rispettivi link. Registra nomi e destinazioni concordati nel brief del progetto web.
Decidi dove collocare ogni percorso
L’intestazione è solo una parte della navigazione. I collegamenti nel contenuto possono portare da una domanda alla risposta proprio quando serve. Questa tabella aiuta a scegliere dove inserire ciascun accesso.
| Esigenza del visitatore | Punto di partenza utile |
|---|---|
| Uno dei motivi principali per visitare l’azienda | Un collegamento chiaro nella navigazione principale |
| Confrontare diversi servizi correlati | Una pagina panoramica; aggiungi un sottomenu se facilita la scelta |
| Consultare un dettaglio durante la lettura | Un collegamento descrittivo nella pagina pertinente |
| Consultare informative o informazioni generali sull’azienda | Un link nel piè di pagina, integrato da collegamenti contestuali dove necessario |
| Trovare molti elementi già noti per nome | Valuta una ricerca insieme a una struttura che si possa esplorare |
Non esiste un numero di voci corretto in assoluto. Valuta i nomi effettivi, lo spazio disponibile e le esigenze concorrenti. I contatti possono meritare una posizione evidente anche quando un’altra sezione riceve più visite. Non nascondere una destinazione essenziale solo per rispettare un limite grafico.
Fai corrispondere il nome alla destinazione
Sostituisci nomi vaghi come «Scopri» con parole che chiariscono la scelta: «Servizi di manutenzione», «Zone servite» oppure «Il nostro team». Questi esempi funzionano per alcune aziende, non per tutti i siti. Chiedi a una persona esterna al progetto che cosa si aspetta scegliendo ciascuna voce, senza mostrarle prima la pagina di arrivo.
La guida WAI sullo scopo dei link spiega come il testo o il contesto associato debbano chiarirne la funzione. Preferisci nomi comprensibili anche da soli.
Una volta arrivati, il titolo della pagina dovrebbe confermare la scelta. «Manutenzione degli uffici» non dovrebbe aprire senza spiegazioni una pagina chiamata «La nostra esperienza». Nelle pagine più profonde, valuta un percorso di navigazione se chiarisce la gerarchia. Deve rappresentare la struttura del sito, non la cronologia del visitatore.
La navigazione ripetuta deve mantenere lo stesso ordine relativo tra le pagine, come chiarisce WAI sulla navigazione coerente. Concorda nomi comuni, comprese le traduzioni, invece di modificare ogni intestazione separatamente.
Controlla il menu mobile e il percorso da tastiera
Esamina il menu funzionante su uno schermo stretto usando le traduzioni più lunghe. Aprilo da un articolo, da una pagina di servizio e dalla pagina di richiesta. Si distinguono le opzioni? Si può chiudere senza perdere l’orientamento? Un’immagine della versione desktop non permette di verificarlo.
La guida WAI all’aspetto dei menu tratta focus visibile, testo ingrandito e stati riconoscibili oltre il colore. Verifica questi aspetti nel sito realizzato.
Metti da parte il mouse. Spostati con Tab e Maiusc+Tab, attiva i link con Invio e verifica i pulsanti del menu con Invio e Spazio. Il focus non deve scomparire dietro un pannello chiuso. Se il menu apre una finestra modale sovrapposta, chiedi di dimostrare la gestione del focus e la chiusura.
I sottomenu devono funzionare da tastiera e al tocco, con un accesso alternativo dalla pagina superiore; consulta il tutorial WAI sui menu a comparsa. Se la voce superiore apre anche una pagina, rendi inequivocabili il suo link e il controllo del sottomenu. Chiedi una dimostrazione di entrambe le azioni.
Il tutorial WAI sulla struttura dei menu spiega le aree di navigazione nominate e l’identificazione tecnica della pagina corrente. Le tecnologie assistive possono così interpretare la struttura visibile.
Un esempio da riutilizzare
Immagina un’azienda di manutenzione degli edifici: è un esempio ipotetico, non il risultato di un cliente. L’intestazione proposta contiene «Soluzioni», «Esperienza», «Risorse» e «Parliamone». Una nuova responsabile degli uffici vuole capire se l’azienda svolge manutenzione ordinaria nella sua città prima di chiedere un confronto.
Il percorso potrebbe essere: panoramica dei servizi → manutenzione degli uffici → zone servite → richiesta. L’intestazione rivista potrebbe mostrare «Servizi», «Zone servite», «Chi siamo» e «Contatti». La pagina sulla manutenzione rimanderebbe direttamente alla copertura territoriale e poi offrirebbe un contatto. I clienti esistenti avrebbero un accesso all’assistenza con un nome distinto.
Prova la mappa prima di discutere dei colori. Presenta a una persona la situazione della responsabile, senza indicare la voce attesa. Annota il primo link scelto, i nomi che suscitano dubbi e se la pagina risponde al compito. Se cerca le zone servite in «Chi siamo», approfondisci questa aspettativa prima di aggiungere un altro livello al menu.
Tieni un registro sintetico delle decisioni, invece di annotare genericamente «migliorare la navigazione». Usa una riga per ogni compito: pagina iniziale, destinazione attesa, scelta effettiva, motivo dell’esitazione, modifica proposta e responsabile. Una prima scelta sbagliata può indicare parole confuse, un link mancante o una pagina che non risponde alla domanda. Non dare per scontato che il problema sia soltanto il menu. Ripeti lo stesso compito dopo la modifica e annota ciò che resta poco chiaro. Parti anche da un link condiviso a un servizio: il visitatore deve potersi orientare senza aver prima visto la pagina iniziale.
Collega le pagine importanti con link significativi
Fai verificare link reali <a href="…"> con testo descrittivo. Le indicazioni di Google sui link spiegano i collegamenti scansionabili e i testi di ancoraggio utili.
Per la scoperta tramite motori di ricerca e IA, il nostro punto di partenza pratico è la stessa struttura comprensibile: argomenti espliciti, link chiari e contenuti utili nelle destinazioni. È un approccio editoriale, non una promessa di indicizzazione, posizionamento o presenza nelle risposte dell’IA. Un percorso leggibile non controlla le decisioni di selezione di un altro servizio.
Checklist di approvazione per l’azienda
- Ogni compito prioritario ha una destinazione concordata e un passo successivo.
- I nomi del menu descrivono le pagine che aprono in tutte le lingue pubblicate.
- Una persona può tentare i compiti prioritari senza suggerimenti; le incertezze vengono annotate.
- I percorsi da mobile e tastiera sono stati dimostrati su pagine funzionanti.
- Sottomenu, indicazioni della pagina corrente e chiusura del menu sono stati controllati.
- Le pagine importanti hanno link interni funzionanti; le URL modificate hanno un piano di reindirizzamento.
- Una persona aggiorna la mappa di navigazione quando cambiano servizi o pagine.
È una verifica mirata di approvazione, non una certificazione di accessibilità. Il tutorial WAI sui menu offre ulteriori indicazioni di implementazione. Se cambia anche la struttura delle pagine, usa la checklist per il rifacimento del sito per pianificare il lavoro completo.
Porta le esigenze dei visitatori e l’elenco delle pagine al confronto sul tuo progetto web. Scopri il servizio siti web di Digital Studio oppure inizia il tuo brief web dai percorsi più importanti per i tuoi clienti.
