Se potessi scegliere un solo cambiamento per rendere più facile l’acquisto a chi compra dal telefono, aggiungerei una tab bar mobile. È una barra di navigazione fissa in fondo allo schermo, che mostra alcune icone con etichetta. Chi acquista non deve cercare o aprire un menu: basta abbassare lo sguardo e vede subito dove deve andare. È per questo che quasi tutte le grandi app di e-commerce la usano.
Perché metterla in basso fa la differenza
La maggior parte delle persone tiene il telefono con una mano sola. La ricerca di Steven Hoober, che ha osservato oltre 1.300 persone, ha rilevato che circa il 49% tiene il telefono con una mano e tocca con il pollice. Tenendolo così, il pollice raggiunge comodamente solo la parte bassa dello schermo — l’area che di solito viene chiamata zona del pollice.
La parte alta dello schermo è l’opposto: per raggiungerla, le persone devono allungare il pollice o cambiare mano. Il classico menu hamburger sta proprio nell’angolo in alto, il punto più lontano in assoluto. Una tab bar in basso ricade esattamente nell’area facile da raggiungere. Chi acquista agisce più in fretta e sbaglia meno tocchi, semplicemente perché si trova proprio dove il pollice è già posizionato.
Man mano che i telefoni con schermi grandi diventano più diffusi, questa distanza conta ancora di più. Un pulsante in basso è sempre a portata di mano; un pulsante in alto non sempre lo è.
Visibile da subito, senza dover fare nulla
La differenza più grande tra una tab bar e un menu nascosto è la visibilità. È sempre lì, 4-5 icone con etichetta, e chi acquista non deve aprire nulla.
Questo conta più di quanto molti pensino. Il Nielsen Norman Group ha studiato 179 persone su 6 siti web ed è arrivato a questa conclusione: nascondere la navigazione principale riduce sensibilmente la frequenza con cui le persone la trovano, allunga i tempi di completamento delle attività e rende l’esperienza più faticosa. Quando un menu è visibile, le persone lo usano molto più di quando devono prima toccare un’icona a tre righe.
Per un negozio, “chi acquista usa di più la navigazione” di solito significa “chi acquista vede più prodotti”. Un venditore di cosmetici può tenere un’icona Cerca sulla tab bar; chi sta cercando un rossetto specifico tocca una volta sola invece di scavare in un menu. Ogni passaggio in meno è un’occasione per trattenere quella persona.
Quando chi acquista trova facilmente la strada, indirettamente aiuta anche il checkout. Secondo la sintesi di numerosi studi del Baymard Institute, il tasso medio di abbandono del carrello si attesta intorno al 70% e da anni non si è quasi mai mosso. La causa principale risiede nella fase di checkout, ma anche una navigazione confusa che distrae o fa perdere chi acquista gioca la sua parte. Un’icona Carrello sempre visibile in basso, con un contatore di quantità, ricorda a chi acquista che il carrello è ancora lì in attesa.
La regola dei 4-5 elementi: tieni solo le destinazioni principali
La parte più difficile di una tab bar non è tecnica: è la disciplina nello scegliere gli elementi. Lo spazio è molto stretto, quindi va riservato solo alle destinazioni principali — i posti di cui chi acquista ha più spesso bisogno.
Una configurazione classica che funziona per la maggior parte dei negozi:
- Home — ritorno alla homepage
- Collezioni / Shop — verso le categorie di prodotti
- Cerca — ricerca rapida
- Carrello — il carrello, con il conteggio della quantità
- Account — account, ordini o un elemento prioritario a tua scelta
Il quinto elemento è quello da valutare in base al tuo modello di business. Se stai portando avanti una promozione importante, potresti sostituirlo con Flash Sale. Se è il contenuto a far tornare le persone, potrebbe essere Blog. Un negozio di moda stagionale potrebbe metterci temporaneamente Nuovi Arrivi. Il punto chiave: un solo elemento prioritario, niente sovraffollamento.
Perché non più di 5 elementi
Questo limite non è solo una questione estetica. Su uno schermo di telefono, stipare 6-7 icone rimpicciolisce ogni elemento, rende le etichette difficili da leggere e avvicina così tanto le aree di tocco da provocare tocchi sbagliati. Quando tutto è “importante”, niente spicca.
Io stesso ho commesso esattamente questo errore: volevo mettere Prodotti, Promozioni, Contatti, Blog, Account e Carrello tutti sulla stessa barra. Il risultato è stata una fila stipata di icone in cui chi acquistava continuava a non sapere cosa toccare. Ridurla a 5 elementi chiari ha fatto respirare di nuovo tutto. Una tab bar fa bene una cosa sola: porta chi acquista in pochi dei luoghi più importanti, in fretta. Tutto il resto — policy, guide, categorie secondarie — può vivere nello slide menu o nel footer.
Uno schema che chi acquista conosce già
C’è un vantaggio che pochi notano: chi acquista sa già come usare una tab bar prima ancora di arrivare al tuo negozio. La vede ogni giorno nelle app di shopping, nei social, nelle app bancarie. Una barra di icone in basso con Home, Cerca, Carrello e Account è una convenzione che quasi tutti comprendono.
Quando un negozio usa esattamente quello schema, chi acquista non deve imparare nulla di nuovo. Guarda in basso e capisce all’istante cosa fare. Questa familiarità è di per sé una forma di ottimizzazione delle conversioni: riduci l’attrito senza dover spiegare nulla.
Per chi vende su Shopify, l’ostacolo è di solito tecnico: la maggior parte dei temi non include una tab bar in stile app, e programmarne una da soli è costoso e si rompe facilmente quando si cambia tema. È qui che un tool dedicato aiuta. Navi+ ti permette di costruire una tab bar con il drag-and-drop, senza codice, con configurazioni separate per mobile e desktop, e il menu resta al suo posto anche quando cambi tema.
Non barattarla con la velocità della pagina
Un’ultima nota. La tab bar compare su ogni pagina, quindi se è pesante rallenta l’intero negozio. E Google misura la velocità direttamente attraverso i Core Web Vitals: l’LCP dovrebbe stare sotto i 2,5 secondi, l’INP sotto i 200 millisecondi, il CLS sotto lo 0,1. In particolare il CLS — lo spostamento del layout — si compromette facilmente se la barra in basso compare in ritardo e sposta gli altri contenuti.
Quando scegli un tool per costruire la tua tab bar, prediligine uno leggero e stabile che non penalizzi il tuo punteggio di velocità. Navi+ ha valutazioni elevate sullo Shopify App Store e porta il badge “Built for Shopify”. Una buona tab bar deve essere sia facile da toccare sia priva di qualsiasi attesa.
In sintesi, la tab bar è la principale alternativa al menu hamburger sui telefoni: sta nella zona del pollice, resta visibile senza doverla aprire, è limitata a poche delle destinazioni più importanti e si basa su uno schema che chi acquista conosce già. Mettere a posto questi pochi fondamentali è di solito sufficiente per rendere l’acquisto sensibilmente più facile a chi compra da mobile.
Questo articolo fa parte della guida più ampia su Navigazione mobile — perché il menu hamburger sta tramontando e cosa usare al suo posto.