Ogni negozio parte dallo stesso punto: qualche decina di prodotti, un’idea e tanta incertezza. In questa fase, la navigazione di un negozio nuovo non ha bisogno di essere complessa. Deve essere giusta e sufficiente. La parte difficile non è far sembrare il menu “pieno”: è trattenersi, per non costruire un sistema di navigazione più grande di quanto il negozio richieda davvero.
Questo articolo parla della prima fase: un negozio nuovo con un catalogo ridotto, sotto i 50 prodotti. Descriverò com’è fatta questa fase, cosa serve davvero alla navigazione, alcuni errori ricorrenti e una configurazione consigliata da cui partire.
Com’è fatta questa fase
Il catalogo è piccolo, spesso solo qualche gruppo di prodotti. A volte l’intero negozio sta dentro “tutti i prodotti”, senza che servano ancora delle categorie.
Il traffico è ancora basso e irregolare. I visitatori arrivano da qualche post, qualche condivisione o una cerchia di amici. Da poche decine a poche centinaia di visualizzazioni al giorno è normale.
La cosa più importante: stai ancora sperimentando. Provi quali articoli vendono, provi i prezzi, provi come fotografare, provi come accogliere i clienti. Tutto è ancora in movimento. Una navigazione rigida, costruita con cura fin dall’inizio, diventa un peso che devi correggere ogni volta che cambi direzione.
In altre parole, è un momento che richiede flessibilità più che completezza.
Cosa serve alla navigazione di un negozio nuovo
La risposta breve: semplice e chiara. I clienti devono trovare la strada per comprare in pochi secondi — non hanno bisogno di un bel diagramma di menu.
Su desktop, un header ordinato con 3-5 voci è sufficiente. Per esempio: Prodotti, Chi siamo, Contatti. Le persone di solito scorrono una pagina da sinistra a destra e dall’alto verso il basso, quindi le voci più importanti dovrebbero stare a sinistra e rimanere visibili, non nascoste.
In questa fase non ti serve un mega menu. Un mega menu è adatto a negozi con molte sottocategorie che devono dispiegarsi tutte insieme. Quando il catalogo è ancora piccolo, un mega menu apparirà vuoto e ingombrante: lo apri e vedi solo una riga o due fluttuare in una cornice grande. Fa sembrare il negozio più grande di quello che è, e i clienti non ne ricavano nulla.
Non dimenticare il mobile
È la parte che si trascura più facilmente, eppure è la più importante. Nell’ecommerce di oggi, la maggior parte delle visite a un negozio arriva dagli smartphone — molti dati di settore collocano la cifra intorno al 70-80%. In altre parole, la maggior parte dei tuoi clienti guarda il tuo negozio attraverso un piccolo schermo tenuto in mano.
Il modo in cui le persone tengono lo smartphone decide cosa è facile toccare. La ricerca di Steven Hoober (pubblicata su Smashing Magazine) ha rilevato che la maggior parte delle azioni su mobile viene fatta con il pollice, e l’area più facile da raggiungere è la metà inferiore dello schermo — spesso chiamata “thumb zone”. L’angolo in alto è il punto più difficile da raggiungere.
Ecco perché una barra di navigazione collocata in fondo allo schermo (una Tab Bar) ha senso: si trova proprio a portata di pollice. I clienti non devono allungarsi fino all’angolo in alto per trovare il menu.
Quanto al menu hamburger — l’icona a tre linee che nasconde tutta la navigazione dietro di sé — il Nielsen Norman Group ha verificato che rende le voci più difficili da notare e più lente da trovare rispetto a tenerle visibili. Per un negozio piccolo con poche voci principali, non c’è motivo di nasconderle. Una tab bar di base che mantiene visibili alcuni pulsanti importanti serve i clienti molto meglio.
Due errori comuni
Ho visto questi due errori così spesso che ormai li considero quasi un rito di passaggio per chi inizia.
Errore uno: rendere il menu complesso troppo presto. I venditori guardano i grandi negozi, vedono menu a più livelli e vogliono che il loro negozio sembri “professionale” subito. Così creano categorie per cose di cui non hanno ancora prodotti, oppure dividono un gruppo di sei articoli in quattro sottocategorie per far sembrare il menu pieno.
Il risultato è un cliente che clicca su “Accessori” e trova esattamente due articoli, clicca su “Novità” e la trova vuota. Quell’esperienza è molto peggiore di una pulita categoria “Tutti i prodotti”. Un catalogo ridotto non è una debolezza da nascondere — raggruppare le cose insieme rende in realtà più facile comprare.
Errore due: preoccuparsi solo del desktop e dimenticare il mobile. Di solito si costruisce il negozio al computer, lo si ammira su uno schermo grande e poi ci si dimentica di controllarlo sul telefono. Il menu desktop sembra a posto, ma su mobile le voci si accavallano, i pulsanti si ammassano, oppure la navigazione sparisce dietro una piccola icona in un angolo.
La soluzione è semplice: ogni volta che modifichi il menu, apri il negozio sul tuo telefono e prova a comprare qualcosa come farebbe un vero cliente. Se la tua mano deve allungarsi o sbagli a toccare qualche volta, succederà anche ai tuoi clienti — e loro hanno meno pazienza di te.
Una configurazione consigliata con Navi+
Navi+ ti permette di configurare desktop e mobile separatamente, così non devi imporre un unico design a entrambi. In questa fase, ti consiglio di tenere tutto davvero al minimo.
Su desktop, costruisci un header semplice con 3-5 voci. Scegli esattamente le pagine che servono ai clienti: la categoria principale di prodotti, la pagina chi siamo, la pagina contatti. Tieni da parte il mega menu per quando il catalogo crescerà davvero.
Su mobile, usa una Tab Bar di base a 4 voci. Una disposizione sicura che gli acquirenti già conoscono:
- Home — torna alla homepage
- Shop — alla lista prodotti
- Carrello — il carrello, sempre a portata di mano
- Account — account o accesso
Questi quattro pulsanti coprono quasi tutto ciò che i clienti devono fare. Mettere il carrello proprio nella barra in basso ha anche un risvolto pratico: secondo il Baymard Institute, il tasso medio di abbandono del carrello nell’ecommerce è intorno al 70%, quindi qualsiasi cosa aiuti i clienti a tornare al carrello e proseguire vale la pena di farla. Un pulsante Carrello sempre visibile e sempre facile da toccare è un piccolo passo in questa direzione.
Un’altra cosa da tenere d’occhio fin dall’inizio è la velocità. Google fissa le soglie “buone” per i Core Web Vitals: LCP sotto i 2,5 secondi, INP sotto i 200 millisecondi e CLS sotto 0,1. Il menu è qualcosa che si carica presto e compare su ogni pagina, quindi un menu pesante può trascinarsi dietro tutto il negozio. Navi+ è costruito per non intralciare queste metriche — è una buona abitudine da mantenere fin da subito, perché correggere il problema dopo è sempre più difficile.
Nella fase del negozio nuovo, un menu semplice che i clienti possono usare subito batte sempre un menu elaborato che devi continuare a sistemare.
Poiché Navi+ funziona con il drag-and-drop e non richiede codice, puoi costruire la disposizione qui sopra in pochi minuti e modificarla in qualsiasi momento man mano che il catalogo cresce. Il menu resta inoltre al suo posto quando cambi tema, così gli esperimenti di design della fase iniziale non comprometteranno la navigazione che hai appena costruito.
Inizia in piccolo. Quando il negozio crescerà, far crescere la navigazione insieme a lui non sarà troppo tardi.
Questo articolo fa parte della guida più ampia su La navigazione in ogni fase di crescita di un negozio — da 10 a 10.000 prodotti.