Qui sotto trovi alcuni consigli sulle opzioni di navigazione del sito che puoi utilizzare per migliorare il tuo tasso di conversione. I nostri consigli di usabilità ti aiuteranno a rendere il tuo menu principale—e l'intero negozio online—più intuitivo per gli utenti.
Consiglio #1: Pianifica in anticipo la navigazione della tua homepage
Prima di iniziare a scegliere le voci di menu, è importante pianificare ciascuna funzione e contenuto del tuo sito web. Puoi solitamente dividere le funzioni e i contenuti in categorie principali e sottocategorie. Assicurati di dare nomi chiari e concisi a ciascuna categoria. Gli utenti di solito scorrono velocemente le voci di menu, quindi è importante che possano riconoscerle facilmente e capire immediatamente cosa sono.
Consiglio #2: Metti per primi gli elementi più rilevanti
Le voci di menu più interessanti per i tuoi utenti dovrebbero sempre apparire all'inizio del tuo menu principale. Se sei un fornitore di SaaS, ad esempio, è una buona idea iniziare il tuo menu con elementi che convincano i visitatori che la tua soluzione è giusta per loro. Prova a usare voci di menu come queste:
Perché noi?
Chi siamo
Prezzi
Se gestisci un negozio online di moda, il tuo menu dovrebbe concentrarsi sui prodotti. I link ad altri contenuti, come consigli sui prodotti o post del blog, dovrebbero apparire verso la fine del menu. In generale, i modi migliori per ottimizzare la conversione per il tuo business online dipendono dal settore in cui ti trovi.
Consiglio #3: Usa una struttura visiva
Un menu regolare può solo mostrare testo in un formato semplice. I mega menu a discesa, invece, ti danno la possibilità di evidenziare specifiche voci di menu. Ad esempio, puoi usare diversi:
Dimensioni del testo
Colori del testo
Font
Icone
Questo ti permette di aggiungere più struttura ai contenuti del tuo menu a discesa. Non tutti gli elementi devono essere collegati a una pagina reale; alcune parole possono semplicemente servire come intestazioni non cliccabili per le varie sottocategorie cliccabili.
Consiglio #4: Evita di includere funzioni aggiuntive
Non includere complesse interazioni nei tuoi menu a discesa, come la registrazione alla newsletter o campi di selezione e ricerca, poiché possono spesso risultare scoraggianti per gli utenti. L'ultima cosa che vuoi è che il tuo menu principale abbia un design disordinato. Inoltre, elementi come questi appaiono spesso in più posizioni su un sito. Hanno un impatto maggiore se li posizioni nelle pagine dove si adattano meglio.
Tuttavia, può essere molto efficace includere un pulsante di call-to-action (CTA) nella barra di navigazione. Ad esempio, aggiungi un pulsante che permetta ai tuoi clienti di effettuare una prenotazione o un acquisto con un solo clic. Ricorda solo che il CTA dovrebbe essere posizionato accanto al menu principale e non nel menu a discesa stesso.
Consiglio #5: Scegli tra hovering o clic
Molti siti web usano menu a discesa che si aprono non appena l'utente passa con il mouse sopra la voce di menu. Se stai pensando di utilizzare questa opzione, ci sono alcuni punti da considerare:
Tutto a colpo d'occhio: Un mega menu dovrebbe aprirsi tutto in una volta anziché aprirsi gradualmente, un livello di sottocategoria alla volta.
Tempismo perfetto: Il menu non dovrebbe essere troppo sensibile. Vuoi evitare che 'sfarfalli' quando l'utente passa con il mouse sopra troppo velocemente. Allo stesso tempo, non dovrebbe reagire troppo lentamente. Consigliamo un tempo di reazione di 0,1 a 0,5 secondi per un'usabilità ottimale. È anche una buona idea consentire una breve pausa prima di nascondere il menu, nel caso in cui l'utente si allontani dal menu per errore. Un menu troppo sensibile o irregolare frustra gli utenti e può portarne alcuni a desistere e lasciare il tuo sito.
Programmazione MouseOut: Quando il menu a discesa è attivato, i clienti spostano il cursore dalla barra di navigazione nel menu. A meno che il tuo sito non sia correttamente programmato, registrerà erroneamente un evento MouseOut quando il mouse lascia la barra di navigazione, causando la chiusura del menu. Ecco perché è importante impostare il tuo menu affinché il menu a discesa scompaia solo quando il mouse lascia sia la barra di navigazione che il menu a discesa stesso.
Versione mobile: L'hovering non è possibile su smartphone o tablet. Se vuoi utilizzare un menu a discesa attivato al passaggio del mouse nel tuo sito desktop, ricorda di utilizzare impostazioni diverse nella versione mobile.
Consiglio #6: Rispetta la regola dei tre clic
Sulla maggior parte dei siti web, la navigazione dovrebbe seguire la 'regola dei tre clic'. Ciò significa che i tuoi utenti dovrebbero essere in grado di raggiungere qualsiasi informazione sul tuo sito in non più di tre clic. Ovviamente, questa è solo una linea guida generale. Se hai un sito ampio e dettagliato, il numero di clic non è così importante purché il sito sia ben organizzato. Ciò che conta di più è che i tuoi clienti sentano sempre che è facile orientarsi.
Consiglio #7: Usa più menu
Per i siti web con molte informazioni, può essere utile aggiungere più di un menu. Potresti scegliere un menu a discesa con le categorie dei prodotti come menu principale, utilizzando anche un menu separato nel footer che contenga categorie secondarie. Questo evita che il tuo menu principale diventi troppo disordinato. Dai un'occhiata alla tabella qui sotto per vedere come appare.
Consiglio #8: L'aspetto conta
Un design del menu attraente dovrebbe mantenere la stessa dimensione, anche quando le voci principali del menu contengono un numero diverso di sottocategorie. Se il tuo sito include una funzione di ricerca, assicurati che i menu a discesa non la coprano quando sono espansi.
Dovresti anche includere un piccolo segnale visivo per indicare se una voce della barra di navigazione si espanderà in un menu a discesa se l'utente ci clicca o ci passa sopra. Ad esempio, posiziona una piccola freccia accanto al nome del menu: per i menu a discesa, la freccia dovrebbe puntare verso il basso; per i fly-out, dovrebbe puntare a destra. Questo aiuta i tuoi acquirenti a sapere istintivamente che possono aspettarsi di trovare ulteriori informazioni.