Quando un negozio supera la soglia dei 50 prodotti, le cose iniziano a cambiare. Il modo in cui guidavi i clienti agli inizi ora risulta angusto. Il problema della navigazione di un negozio in crescita viene a galla: non si tratta più di “basta avere un menu”, ma di “il menu porta i clienti al posto giusto abbastanza in fretta?”.
Ho gestito in prima persona un negozio che è passato esattamente per questa fase. Il catalogo è cresciuto più in fretta di quanto mi aspettassi, e la vecchia struttura del menu è diventata in silenzio un collo di bottiglia — finché non ho guardato i numeri e finalmente me ne sono accorto.
Come si presenta la Fase 2
Il segnale più evidente è un catalogo che si espande rapidamente. Aggiungi una nuova collezione quasi ogni mese: per stagione, per linea di prodotto, per promozione. Il menu piatto degli inizi, con quattro o cinque voci, ora è sovraccarico.
Anche il traffico cresce. Ma soprattutto, inizi ad avere dati comportamentali concreti: da dove arrivano i clienti, su cosa cliccano, dove abbandonano. Prima tiravi a indovinare; ora puoi misurare.
E c’è un nuovo gruppo di clienti: quelli che tornano. Hanno già acquistato, sanno cosa vendi e questa volta vogliono trovare le cose più in fretta. Non hanno la stessa pazienza di chi visita per la prima volta. Se il menu li costringe ad armeggiare, si innervosiscono anche se prima si erano trovati bene con te.
Quando aggiornare la navigazione
Ci sono alcuni segnali piuttosto chiari. Non devi indovinare; basta guardare i numeri.
- I clienti devono cliccare tre o più volte per raggiungere un prodotto. Ogni clic in più è un’occasione perché un cliente si arrenda. Più le categorie sono annidate in profondità, più lungo è il percorso verso il prodotto, e l’abbandono a ogni passaggio si accumula.
- Il tasso di ricerca aumenta. Quando sempre più persone usano la casella di ricerca, di solito non è un buon segno — il menu non le sta portando dove devono andare, quindi sono costrette a digitarlo da sole. La ricerca dovrebbe essere una soluzione di riserva, non il percorso principale.
- Il bounce rate sale insieme al catalogo. Un catalogo in crescita abbinato a un tasso di uscita che aumenta è una combinazione sospetta. La causa di fondo è spesso che i clienti arrivano, non vedono un percorso chiaro e se ne vanno.
Vale la pena tenere a mente anche il contesto più ampio. Secondo il Baymard Institute, il tasso medio di abbandono del carrello nell’ecommerce si aggira intorno al 70% e non è quasi cambiato in molti anni. Un menu non può risolvere tutto questo, ma un percorso ingarbugliato di certo non aiuta a trattenere i clienti.
Una struttura più chiara per un negozio in crescita
In questa fase, il negozio ha bisogno di una struttura vera, non solo di un elenco di link. È qui che un mega menu inizia ad avere senso.
Su desktop, un mega menu ti permette di mostrare molte categorie tutte insieme in un pannello espanso, invece di nasconderle dietro diversi livelli. Con un solo sguardo, il cliente vede il quadro completo: quali linee di prodotto hai e come sono raggruppate. Questo si adatta al modo in cui l’occhio umano scorre una pagina. Il Nielsen Norman Group osserva che la navigazione nascosta (quella interamente celata dietro un’icona) riduce la scopribilità dei contenuti rispetto a una navigazione visibile, e questo effetto è più marcato su desktop che su mobile.
In altre parole: su uno schermo ampio, non nascondere. Mostra. Il mega menu è stato pensato esattamente per questo.
Con circa 50–500 prodotti, non ti serve ancora un mega menu stipato di colonne. Un layout a due colonne di solito è sufficiente e facile da leggere. Puoi aggiungere immagini per qualche categoria di spicco — per esempio, un negozio di moda che inserisce un’immagine “Nuova Collezione” o “Best Seller” proprio dentro il menu, che insieme guida e invoglia il cliente all’acquisto.
Mobile: la Tab Bar tiene le destinazioni principali, lo Slide Menu gestisce il resto
La maggior parte dei clienti acquista dallo smartphone, quindi il mobile è l’arena principale. E il mobile ha i suoi vincoli: uno schermo stretto e persone che tengono il telefono con una mano sola.
L’area più facile da raggiungere con il pollice è all’incirca il terzo inferiore dello schermo — la thumb zone. Ecco perché una barra di navigazione posizionata in basso (una Tab Bar) è così comoda: le destinazioni più importanti sono sempre a portata di pollice, non spinte fino all’angolo in alto.
Un modo sensato di dividere i ruoli in questa fase:
- La Tab Bar tiene quattro o cinque destinazioni principali, sempre visibili in basso: Home, Categorie, Ricerca, Carrello, Account. Sono i punti a cui i clienti tornano più spesso, quindi tienili a portata di mano.
- Lo Slide Menu gestisce il catalogo diventato ampio. Quando hai decine di categorie e sottocategorie, uno slide menu che si apre dal bordo ti permette di ordinarle con pulizia su più livelli, senza occupare in modo permanente spazio sullo schermo.
Questi due elementi si completano a vicenda invece di sostituirsi. La Tab Bar gestisce la rapidità verso i punti usati di frequente. Lo Slide Menu gestisce la profondità del catalogo. Anche qui vale il principio del Nielsen Norman Group: non nascondere tutto dietro un’icona hamburger — tieni visibili i percorsi più importanti e metti nello slide menu solo il resto.
Inizia a guardare le analisi del menu
La grande differenza tra la Fase 2 e la fase iniziale è che ora hai dati sufficienti per prendere decisioni. È il momento di monitorare seriamente le analisi del menu.
Guarda quali voci del menu vengono cliccate molto e quali non le tocca quasi nessuno. Una categoria che hai messo in evidenza ma che nessuno clicca potrebbe avere il nome sbagliato, la posizione sbagliata, oppure il cliente semplicemente non se ne cura. Al contrario, una voce sepolta in profondità ma che riceve comunque molti clic è il segnale che dovresti portarla in superficie.
Non disporre il menu in base alla sensazione di pancia di qualcuno interno al negozio. Disponilo nel modo in cui i clienti si muovono davvero. Le analisi del menu ti aiutano a vedere quel percorso e ad aggiustarlo gradualmente, invece di fare un’unica grande revisione.
Una cosa da tenere a mente quando aggiungi strumenti: la velocità della pagina. Secondo Google, le soglie “buone” per i Core Web Vitals sono LCP sotto i 2,5 secondi, INP sotto i 200 millisecondi e CLS sotto 0,1. Un mega menu e uno slide menu, se costruiti in modo pesante, possono trascinare giù questi numeri. Più il negozio è grande, più tende a installare app, e ogni app può aggiungersi al tempo di caricamento — quindi il tuo menu dovrebbe essere snello e non rallentare la pagina.
Configurazione consigliata con Navi+
Se non vuoi toccare alcun codice, ecco la configurazione che trovo adatta a un negozio in questa fase, realizzata con Navi+:
- Desktop: un Mega Menu a due colonne, con immagini per una o due categorie di spicco. Abbastanza chiaro senza essere affollato.
- Mobile: una Tab Bar per le quattro o cinque destinazioni principali in basso, combinata con uno Slide Menu per l’intero albero delle categorie.
- Monitoraggio: attiva le analisi del menu per vedere quali voci vengono usate, poi affina gradualmente.
Navi+ configura mobile e desktop separatamente, così non devi forzare un unico layout a servire entrambi. Il menu è drag-and-drop, senza bisogno di codice, e resta al suo posto quando cambi tema — un dettaglio comodo, dato che molti negozi in questa fase tendono a cambiare aspetto. Lo strumento è ottimizzato per non rallentare la pagina e porta il badge “Built for Shopify”.
La cosa più importante nella Fase 2 non è creare un menu grandioso, ma renderlo chiaro e misurabile — così che, quando il negozio crescerà ancora, avrai già le fondamenta e l’abitudine di guardare i numeri per andare avanti.
Questo articolo fa parte della guida più ampia su La navigazione per ogni fase di crescita di un negozio — da 10 a 10.000 prodotti.