come mettere un menu sul sito che la gente usa
design · 2026-09-12 · 3 min
un menu è una lista breve di posti, non la mappa della tua azienda. i menu migliori rispondono alla domanda che il visitatore si sta già facendo: cosa fai, posso vedere, quanto costa, come ti raggiungo. quattro-sette voci è la gamma abituale; oltre, le etichette cominciano a competere.
la struttura deve venire dalle pagine che vendono, non dall'organigramma. "chi siamo" è spesso meno utile di "lavori" per chi arriva la prima volta.
cosa ci va
la home è il logo, non una voce di menu, anche se includerla non è un crimine. poi le una o due pagine che portano l'offerta, una pagina di prove se hai lavoro vero da mostrare, e i contatti. il blog va per ultimo, e solo se è aggiornato.
le etichette devono essere le parole che usano i clienti. "servizi" va bene; "soluzioni integrate" no. tienile abbastanza corte da stare su una riga su un telefono.
desktop e mobile
su un telefono il menu si chiude in un pulsante. assicurati che il pulsante sia almeno 44 per 44 pixel, si apra al tocco, si chiuda toccando fuori e tenga il focus mentre è aperto se ti interessa chi usa la tastiera. il pannello deve scorrere se ha molte voci.
su desktop, una barra orizzontale resta il modello più chiaro. un mega-menu a colonne è la soluzione a un problema che quasi nessun sito piccolo ha.
ancore e accessibilità
se il sito è una pagina sola, il menu punta alle sezioni e il browser scorre. se sono più pagine, il menu punta agli url. mescolare le due cose in una barra confonde: un link che salta giù e un link che carica una pagina sembrano identici.
usa un elemento nav, una lista di link e aria-current sulla pagina attiva. prova con la tastiera: tab attraverso il menu, invio, e controlla che il focus sia visibile. non è un punto extra; è la differenza tra un menu e una decorazione. le stesse regole sono le prime che controlla una revisione ux: ux designer a parma.
faq
quante voci deve avere un menu?
quattro-sette è la gamma comoda. se te ne servono di più, raggruppale sotto un'etichetta invece di rimpicciolire il font.
il logo deve portare alla home?
sì, su ogni pagina, compresa la home. è la convenzione che la gente usa per ricominciare.
serve un menu hamburger su desktop?
no. nasconde una navigazione che ha lo spazio per essere visibile. usalo sugli schermi piccoli, dove lo spazio è il vero vincolo.