Un negozio può avere un ottimo catalogo, prezzi corretti e foto pulite — e i clienti se ne vanno comunque perché non trovano quello che cercano. In quei momenti, il problema di solito non è il prodotto ma la navigazione. Questo articolo passa in rassegna ciascun tipo di menu comune su Shopify e, cosa più importante, il collo di bottiglia che ognuno è stato pensato per risolvere. La parte tecnica resta al minimo, con l’attenzione rivolta a dove aiuta i clienti a comprare più facilmente.
Prima dei dettagli, un dato che vale la pena ricordare: secondo il Baymard Institute, il tasso medio di abbandono del carrello si attesta intorno al 70% ed è rimasto stabile per anni. Non tutto deriva dalla navigazione, ma una parte riguarda clienti che non riescono a raggiungere la pagina che vogliono, o la raggiungono troppo tardi e rinunciano.
Mega Menu: mostrare ai clienti l’intero catalogo a colpo d’occhio
Un Mega Menu apre un pannello ampio che mostra molte categorie contemporaneamente, spesso con immagini. Risolve un collo di bottiglia preciso sul desktop: i clienti non sanno cosa vende il negozio, né quanto sia ampia la gamma.
Immagina un negozio di moda con qualche centinaio di SKU. Se il menu elenca solo “Uomo / Donna / Accessori”, i clienti devono cliccare, aspettare il caricamento della pagina e solo allora vedere cosa c’è dentro. Ogni clic è un’occasione per cambiare idea. Un Mega Menu permette loro di scorrere con lo sguardo “Camicie, Jeans, Giacche, Scarpe…” con un solo passaggio del mouse, con qualche immagine a stimolare l’interesse.
Funziona perché i clienti tendono a scorrere un menu ampio con raggruppamenti chiari per orientarsi, invece di brancolare livello dopo livello. Per un negozio con molte linee di prodotto, questo è spesso il primo tipo di menu Shopify da prendere in considerazione per la versione desktop.
Una nota: un Mega Menu è efficace quando il catalogo è abbastanza ampio da meritare di essere messo in mostra. Se hai solo 15 prodotti, un menu normale basta; stiparli in un Mega Menu apparirà vuoto e disordinato.
Tab Bar: abbandonare l’hamburger e portare le azioni chiave a portata di dito
Su mobile, molti negozi scelgono per impostazione predefinita di nascondere tutta la navigazione dietro l’icona a tre linee (il menu hamburger). È qui che una Tab Bar — una barra di navigazione fissa in fondo allo schermo — aiuta di più.
Ci sono due ragioni. La prima: la ricerca sull’usabilità del Nielsen Norman Group dimostra che una navigazione nascosta dietro un hamburger viene notata e usata molto meno di una navigazione tenuta visibile; le operazioni richiedono anche più tempo. In breve: ciò che è nascosto riceve meno tocchi.
La seconda è il modo in cui le persone tengono il telefono. Una ricerca di Steven Hoober, che ha osservato più di 1.300 persone, ha rilevato che la maggior parte tiene il telefono con una mano e lo usa principalmente con il pollice. L’area che il pollice raggiunge più facilmente è la metà inferiore dello schermo. L’hamburger sta nell’angolo in alto — proprio nella zona difficile da raggiungere. Una Tab Bar colloca Home, Categorie, Ricerca e Carrello in fondo allo schermo, esattamente dove riposa il pollice.
Per i commercianti vietnamiti, dove quasi ogni ordine arriva da un telefono, un solo tocco per aprire il carrello o cercare può fare la differenza tra un ordine e un’app chiusa. Questo è quello che di solito suggerisco di provare per primo su mobile.
Slide Menu: presentare un albero di categorie a più livelli senza sopraffare
Una Tab Bar è ottima per pochi percorsi principali, ma non può contenere un intero albero di categorie profondo. È il compito dello Slide Menu — un pannello che scorre dentro dal bordo dello schermo.
Il collo di bottiglia qui è un negozio con una struttura a più livelli: grandi reparti, sottocategorie, poi sottocategorie di quelle. Mostrare tutto in una volta sopraffà i clienti; nasconderlo troppo bene significa che non lo vedranno mai. Uno Slide Menu gestisce la cosa aprendo un livello alla volta — toccando “Casa” si scorre verso il livello degli articoli al suo interno.
Un esempio familiare è un negozio di alimentari online o un negozio di ricambi, dove ci sono decine di gruppi di prodotti. I clienti seguono l’albero delle categorie senza scorrere una lista infinitamente lunga. Uno Slide Menu mantiene lo schermo ordinato a ogni passo, lasciando che i clienti vadano più a fondo al proprio ritmo.
Slide Menu e Tab Bar non si escludono a vicenda. Una configurazione comune è lasciare che la Tab Bar gestisca i percorsi più frequentati, mentre una scheda “Categorie” apre uno Slide Menu per la struttura completa.
FAB: tenere sempre a portata di mano un’azione importante
Un FAB (floating action button) è un pulsante rotondo fisso, di solito nell’angolo in basso, che fluttua sopra il contenuto mentre i clienti scorrono. Risolve un collo di bottiglia piccolo ma comune: i clienti leggono fino a metà di una pagina prodotto e il pulsante importante è già scomparso dalla vista.
Mentre i clienti scorrono in basso per vedere la descrizione, le foto e le recensioni, il pulsante “Aggiungi al carrello”, “Chatta su Zalo” o “Chiama per ordinare” che era in cima è sparito. Devono risalire scorrendo all’indietro, e ogni passo in più è un’occasione per andarsene. Un FAB ancora l’unica azione che vuoi che i clienti compiano, sempre presente, e collocata nella zona comoda per il pollice.
La chiave è la moderazione: un FAB dovrebbe contenere una sola CTA. Stiparci dentro tre o quattro pulsanti fluttuanti coprirà il contenuto e si rivelerà controproducente. Un pulsante, un compito.
Velocità di caricamento: un menu bello ma lento è peggio di uno brutto
Questa sezione conta tanto quanto i quattro tipi sopra. Un menu che sembra elegante ma fa scattare la pagina e la fa caricare lentamente perderà i clienti prima ancora che riescano a usarlo.
Google misura l’esperienza attraverso i Core Web Vitals, con soglie “buone”: LCP sotto 2,5 secondi (quanto velocemente appare il contenuto principale), INP sotto 200 millisecondi (la reattività al tocco) e CLS sotto 0,1 (la stabilità, evitando che il layout salti in giro). Un menu pesante può tirare giù tutti e tre — soprattutto il CLS, quando un menu che si carica in ritardo fa saltare il contenuto sottostante, portando i clienti a toccare la cosa sbagliata.
Vale la pena notarlo perché i negozi spesso installano molte app, e ogni app aggiunta può aumentare il carico. Un’app per il menu scritta con poca cura rallenterà silenziosamente ogni pagina.
È qui che Navi+ cerca di fare le cose in modo diverso. Navi+ è un costruttore di navigazione no-code che può creare una Tab Bar, un Mega Menu, uno Slide Menu, un FAB e un Grid Menu, configurare mobile e desktop separatamente, ed è ottimizzato per non penalizzare i Core Web Vitals. Il menu rimane inoltre intatto quando cambi tema, così non devi ricostruirlo da zero ogni volta che rinnovi l’aspetto. Puoi saperne di più su naviplus.io. Lo cito qui perché la velocità è il criterio che i commercianti tendono a dimenticare quando scelgono un’app per il menu — e incide sulle conversioni più di quanto pensiamo.
In sintesi
Ogni tipo di menu si adatta a un diverso collo di bottiglia. Non esiste un “migliore” in assoluto — solo quello che si adatta al modo in cui i tuoi clienti si perdono:
- Mega Menu — i clienti non vedono l’intero catalogo sul desktop.
- Tab Bar — azioni chiave nascoste dietro l’hamburger su mobile.
- Slide Menu — un albero di categorie a più livelli che sopraffà.
- FAB — la CTA principale che si allontana mentre i clienti scorrono.
- Velocità — la base che rende significativi i quattro tipi sopra.
L’approccio pratico è ripercorrere il percorso del cliente sul tuo negozio, individuare dove tende a bloccarsi e poi scegliere il tipo di menu che risolve quel punto preciso — invece di installare tanto per farlo.
Questo articolo fa parte della guida più ampia su Perché i clienti visitano il tuo negozio ma non comprano — e quale ruolo ha la navigazione.