Ogni negozio ha già un menu in alto.
La domanda è
cosa mettere in basso.
La navigazione in basso è diventata lo standard mobile. I tuoi clienti se l'aspettano. Ma il successo non riguarda l'aggiungere ovunque — riguarda decidere cosa appartiene lì e posizionarlo dove davvero funziona. Questa guida ti aiuta a prendere quella decisione nel modo giusto.
Le zone sicure variano tra i dispositivi
I notch iOS, le barre gestuali Android e la modalità paesaggio richiedono tutti spazio sullo schermo. Un menu in basso deve coesistere con queste realtà hardware, non combatterle.
La navigazione in basso compete con il tuo contenuto
Posizionare una barra in basso riserva spazio che potrebbe mostrare immagini di prodotti o il pulsante aggiungi al carrello. Il posizionamento sbagliato rende lo scorrimento più difficile o nasconde azioni chiave.
Funziona solo con un numero specifico di elementi
Una barra di navigazione a 5 elementi è utilizzabile. 7 elementi diventano affollati. Più di 8 è inutilizzabile. Devi decidere cosa effettivamente va lì — non tutto può stare.
Coesiste con altra navigazione
La maggior parte dei negozi mantiene un header superiore e un menu cassetto. La navigazione in basso non li sostituisce — si sovrappone. Far funzionare questi tre insieme richiede pianificazione.
La navigazione mobile efficace mette le destinazioni più importanti negli slot 3-5 in basso, rispetta le zone sicure dei dispositivi e funziona insieme al menu superiore e al cassetto — senza sovrapposizioni.
Home, Shop, Search, Cart, Account — il set standard
La maggior parte dei negozi mobile si accontenta di questi cinque. Home ti riporta velocemente. Shop è il tuo catalogo. Search aiuta i visitatori a trovare articoli specifici. Cart e Account sono transazionali. Qualsiasi cosa oltre questi cinque di solito significa che qualcosa non appartiene.
Rispetta le aree sicure dei telefoni moderni
Gli indicatori home iOS e le zone gestuali Android richiedono padding. La barra si sposta leggermente verso l'alto per rimanere utilizzabile e toccabile, non nascosta dietro gesti o controlli OS.
Funziona in verticale e orizzontale
La modalità paesaggio ha meno spazio verticale. Una barra in basso ben progettata si riduce con grazia o impila elementi senza rompere il layout o diventare illeggibile.
Si stratifica con il tuo header e cassetto
L'header superiore rimane per il branding e la ricerca veloce. Il cassetto contiene categorie profonde. La barra in basso le collega — accesso veloce alle pagine più utilizzate senza aprire un menu.
Salta certi tipi di negozio
Non ogni negozio beneficia della navigazione in basso. Negozi a prodotto singolo, brand lusso con cataloghi minimalisti e negozi pesanti su desktop potrebbero non averla bisogno. Conosci i tuoi modelli di traffico prima.
Audit del traffico del negozio e degli obiettivi
Controlla l'analisi. Quali pagine visitano di più gli utenti mobile? Quali azioni contano di più per il tuo business? Slot cinque destinazioni nella barra in basso — niente di più.
Progetta per le zone sicure che stai mirando
Decidi quali telefoni usano di più i tuoi clienti. Pianifica il padding per notch e barre gestuali. Prova la modalità paesaggio. Pochi minuti di pianificazione salvano attrito mobile dopo.
Configura la navigazione in basso con Navi+
Scegli le tue destinazioni, icone e colori. Navi+ gestisce automaticamente le zone sicure, i breakpoint e il rilevamento dispositivi. Pubblica e vai live in pochi minuti.
Inset area sicura incluso
Si adatta automaticamente ai notch iOS, Dynamic Island e alla navigazione gestuali Android. Nessun indovinare, funziona su ogni tipo di dispositivo.
Si adatta alla modalità paesaggio
La barra in basso si riduce e rifluisce quando gli utenti ruotano i loro telefoni. Il layout rimane utilizzabile, mai affollato o nascosto.
Si stratifica correttamente con altro UI
Funziona insieme a header fissi, menu cassetto e popover senza conflitti z-index o sovrapposizioni.
Gestione slot
Slot visivi chiari ti aiutano a posizionare esattamente ciò che conta. Gli slot inutilizzati rimangono vuoti — nessun elemento di riempimento forzato.
Multi-mercato pronto
Si adatta automaticamente a diverse lingue e modelli di navigazione regionali. La tua barra rimane leggibile in qualsiasi mercato.
Nessun impatto prestazioni
CSS e HTML leggeri. Nessun overhead JavaScript, nessuna libreria pesante. Il tuo negozio carica esattamente come prima.
Quando le pagine di primo livello vivono in una barra visibile in basso di ogni schermo, più visitatori le usano. Le categorie vengono visualizzate. Gli account vengono controllati. Le liste dei desideri vengono usate. I modelli che i clienti già conoscono da Instagram e Amazon funzionano altrettanto bene nel tuo negozio.
Tab Bar
Aggiungi una barra di navigazione fissa in basso al tuo negozio Shopify. Come un'app nativa — più intuitiva...
Mobile Menu
Sostituisci il cassetto del menu tema con un menu su più livelli. Ricerca integrata, accesso all'account e ...
Floating Button
Aggiungi un pulsante di contatto fisso al tuo negozio Shopify. Sempre visibile — WhatsApp, telefono, email,...
Gratuito da installare. Live in meno di 5 minuti. Nessuna modifica del tema richiesta.