Stai per spendere 500 dollari in pubblicità su Facebook per portare traffico al tuo nuovo negozio Shopify. Prima di farlo, ecco una domanda: hai mai testato se un visitatore per la prima volta riesce a trovare e comprare un prodotto senza perdersi?
La maggior parte dei nuovi proprietari di negozi salta questo passaggio. Hanno costruito il negozio da soli, quindi sanno dove si trova tutto. Cliccano sui menu un paio di volte, pensano “va bene” e lanciano. Ma tu sei il peggior tester possibile per il tuo negozio: conosci già il layout. Un estraneo no.
Questo controllo di 10 minuti esporrà i problemi di navigazione che silenziosamente uccidono il tuo tasso di conversione. Prendi il tuo telefono, apri il tuo negozio in una finestra di navigazione privata e lavora attraverso ogni checkpoint qui sotto. Non servono strumenti di analisi, nessun codice, nessuno sviluppatore: solo tu e occhi freschi.
- Testare la navigazione prima di spendere in pubblicità ti fa risparmiare denaro e previene il traffico sprecato
- Questo controllo copre 5 aree: reperibilità, usabilità mobile, velocità, accessibilità e segnali di fiducia
- Ogni checkpoint richiede meno di 2 minuti e non necessita di competenze tecniche
- Risolvi prima i problemi con il maggior impatto: non hai bisogno di un punteggio perfetto per lanciare
- Esegui di nuovo questo controllo ogni mese mentre il tuo catalogo e il traffico crescono
Prima di iniziare: configura il test
Per ottenere risultati onesti, simula l’esperienza di un visitatore per la prima volta:
- Usa una finestra di navigazione privata/in incognito. Questo impedisce ai dati in cache, alle password salvate o alla cronologia di navigazione di distorcere il test.
- Testa sul tuo telefono vero. L’emulatore mobile di Chrome DevTools è utile per lo sviluppo, ma non replica le condizioni del mondo reale: il disagio dell’uso a una mano, le limitazioni della portata del pollice, l’abbagliamento dello schermo o le connessioni cellulari lente.
- Avere un compito in mente. Non solo “navigare.” Fai finta di voler comprare un prodotto specifico. Scegli il tuo articolo più venduto (o quello che sarà) e prova a trovarlo dalla homepage.
- Cronometra te stesso. Usa un’app cronometro. Se qualsiasi compito richiede più di 15 secondi, c’è un problema.
Se possibile, chiedi anche a un amico o un membro della famiglia, qualcuno che non ha mai visto il tuo negozio, di fare lo stesso test mentre osservi. Non guidarli. Osserva semplicemente dove toccano, dove esitano e dove rimangono bloccati.
Parte 1: Reperibilità (3 minuti)
La reperibilità è la domanda centrale: un cliente può passare dalla homepage a una pagina di prodotto senza confusione?
Checkpoint 1.1: Riesci a raggiungere qualsiasi prodotto in 3 tap o meno?
Partendo dalla homepage, naviga a un prodotto. Conta i tap (o i clic su desktop):
- 1 tap: Homepage → Pagina prodotto (ideale per cataloghi piccoli o prodotti in primo piano)
- 2 tap: Homepage → Collezione → Pagina prodotto (standard e accettabile)
- 3 tap: Homepage → Categoria → Sottocategoria → Pagina prodotto (accettabile per cataloghi grandi)
- 4+ tap: Troppo profondo. Appiattisci la tua gerarchia o visualizza i prodotti popolari prima.
Se ci vogliono 4 o più tap su mobile, la struttura del tuo menu ha bisogno di lavoro. Ogni tap aggiuntivo è un punto dove i clienti abbandonano.
Checkpoint 1.2: Le tue categorie sono nominate nel linguaggio dei clienti?
Leggi i tuoi voci di menu ad alta voce. Un visitatore per la prima volta capirebbe cosa contiene ogni categoria?
Segnali di allarme:
- Codici interni o abbreviazioni (“Collezione SS26” invece di “Estate 2026”)
- Etichette generiche (“Prodotti,” “Acquista tutto,” “Vario”)
- Categorie sovrapposte dove un prodotto potrebbe logicamente vivere in due posti (“Abbigliamento casual” vs “Capi di base quotidiani”)
Correzione veloce: scegli 5 prodotti casuali. Per ciascuno, prevedi quale categoria di menu un estraneo guarderebbe. Se la tua previsione ti sembra incerta, l’etichetta ha bisogno di lavoro.
Checkpoint 1.3: La tua ricerca funziona?
Digita il nome di uno dei tuoi prodotti nella barra di ricerca. È apparso? Ora prova:
- Un errore di ortografia comune del nome del prodotto
- Un termine generale (“camicia blu” invece del titolo esatto del prodotto)
- Un materiale o attributo (“cotone,” “impermeabile,” “sotto i 50 dollari”)
Se la ricerca non restituisce nulla per una query ragionevole, i clienti assumeranno che tu non vendi quello che stanno cercando. La ricerca predefinita di Shopify gestisce le corrispondenze esatte ma fatica con errori di digitazione e sinonimi: annota questo come area di miglioramento futuro.
Parte 2: Usabilità mobile (3 minuti)
Oltre il 60% del tuo traffico probabilmente proverrà da dispositivi mobili. Questi checkpoint testano se la tua navigazione funziona effettivamente su un telefono.
Checkpoint 2.1: Riesci a toccare ogni voce di menu senza tap accidentali?
Apri il tuo menu mobile e prova a toccare ogni voce. Presta attenzione a:
- Dimensione dell’area tocca: Riesci a colpire ogni voce in modo pulito con il tuo pollice, o continui a toccare la cosa sbagliata? Le Linee Guida per l’Interfaccia Umana di Apple raccomandano un minimo di 44x44 pixel per area tocca.
- Spaziatura tra le voci: Le voci di menu troppo vicine causano tap accidentali. Dovrebbe esserci uno spazio visibile tra ogni elemento cliccabile.
- Comportamento della fisarmonica: Se le tue categorie hanno sottocategorie, toccare un padre espande i figli o naviga lontano dal menu? Idealmente, una chevron o un’icona “+” espande le sottocategorie, mentre toccare il nome della categoria ti porta alla collezione.
Checkpoint 2.2: Il carrello è sempre accessibile?
Senza aprire il menu, puoi vedere l’icona del carrello? Scorri verso il basso la homepage: l’icona del carrello rimane visibile (intestazione appiccicosa) o scompare?
Se il carrello scompare nello scorrimento, i clienti che decidono di fare il checkout mentre navigano a metà pagina devono scorrere tutto il percorso verso l’alto. Un’intestazione appiccicosa o una barra di schede inferiore con una scheda carrello risolve questo.
Controlla anche: l’icona del carrello mostra un badge con il numero di articoli? Aggiungi qualcosa al tuo carrello e verifica. Questo badge fornisce un feedback essenziale: senza di esso, i clienti non sono sicuri che la loro azione “Aggiungi al carrello” abbia funzionato.
Checkpoint 2.3: Il menu funziona in modalità paesaggio?
Ruota il tuo telefono di lato. Il menu funziona ancora? Alcuni temi si rompono in orientamento paesaggio: le voci di menu si sovrappongono, l’icona hamburger scompare o il menu diventa scorrevole in modi inaspettati.
Potrebbe sembrare un caso limite, ma gli utenti di tablet e i clienti che navigano in modalità paesaggio lo incontreranno. Un controllo veloce ora previene i reclami in seguito.
| Checkpoint | Superato | Non superato | Correzione veloce |
|---|---|---|---|
| Prodotti raggiungibili in 3 tap | Percorso visibile da homepage | 4+ tap richiesti | Appiattisci le categorie o evidenzia gli articoli popolari |
| Etichette facili da comprendere | Nomi chiari e specifici | Gergo, abbreviazioni | Rinomina usando il linguaggio del cliente |
| La ricerca restituisce risultati | Trova i prodotti in modo affidabile | Zero risultati per query ovvie | Migliora i tag e le descrizioni dei prodotti |
| Le aree tocca sono 44px+ | Facile da toccare in modo pulito | Tap frequenti sbagliati | Aumenta la spaziatura delle voci di menu nelle impostazioni del tema |
| Il carrello sempre visibile | Intestazione appiccicosa o barra di schede | Scompare nello scorrimento | Abilita l’intestazione appiccicosa nelle impostazioni del tema |
| Il carrello mostra il conteggio degli articoli | Badge si aggiorna all’aggiunta | Nessun feedback | Controlla le impostazioni del tema o l’app del carrello |
Parte 3: Velocità (2 minuti)
Una navigazione che impiega troppo tempo a caricarsi è una navigazione che non esiste. I clienti non aspetteranno.
Checkpoint 3.1: Il tuo menu appare entro 2 secondi?
Sul tuo telefono, con una connessione cellulare normale (non WiFi), tocca l’icona hamburger o naviga verso la tua homepage. Il menu completo si renderizza entro 2 secondi?
Se il menu si carica lentamente, controlla:
- Immagini hero grandi che spingono il menu verso il basso mentre si carica
- Troppe voci di menu caricate contemporaneamente (i menu mega con 50+ sottocategorie possono essere pesanti)
- Script di terze parti che bloccano il rendering (widget di chat, popup, strumenti di analisi)
Checkpoint 3.2: La pagina si sposta quando il menu si carica?
Osserva attentamente mentre la tua homepage si carica. L’intestazione salta? Gli elementi si riposizionano? Questo si chiama Cumulative Layout Shift (CLS), ed è uno dei Core Web Vitals di Google.
Un menu che causa layout shift è disorientante. I clienti potrebbero fare clic sulla cosa sbagliata perché il bersaglio si è spostato proprio mentre toccavano.
Puoi misurare CLS formalmente usando Google PageSpeed Insights (gratuito, su pagespeed.web.dev), ma un controllo visivo è sufficiente per ora: se qualcosa salta, ha bisogno di correzione.
Checkpoint 3.3: Esegui un test PageSpeed veloce
Apri pagespeed.web.dev sul tuo desktop, inserisci l’URL del tuo negozio ed esegui un test sia per mobile che per desktop. Concentrati su tre numeri:
- LCP (Largest Contentful Paint): Sotto 2,5 secondi è buono. Sopra 4 secondi è scarso.
- INP (Interaction to Next Paint): Sotto 200ms è buono. Questo misura quanto velocemente la pagina risponde ai tap.
- CLS (Cumulative Layout Shift): Sotto 0,1 è buono.
Non farti prendere dal panico se i tuoi punteggi non sono perfetti. Per questo controllo, annota semplicemente quali metriche sono nella zona rossa o arancione: quelle sono le tue correzioni prioritarie.
Parte 4: Basi di accessibilità (1 minuto)
L’accessibilità non riguarda solo la conformità, ma rendere il tuo negozio utilizzabile per tutti, inclusi i clienti con disabilità visive, difficoltà motorie, o coloro che navigano alla luce del sole.
Checkpoint 4.1: Riesci a leggere facilmente tutto il testo del menu?
Tieni il tuo telefono a distanza di braccio. Riesci ancora a leggere ogni voce di menu? Se un testo è troppo piccolo, ha un contrasto insufficiente o si fonde con lo sfondo, correggilo.
Controlla il contrasto: il testo del menu dovrebbe avere un rapporto di contrasto di almeno 4,5:1 rispetto allo sfondo. Usa WebAIM Contrast Checker (webaim.org/resources/contrastchecker) per verificare.
Checkpoint 4.2: Riesci a navigare usando solo una tastiera? (Solo desktop)
Su desktop, metti il tuo mouse da parte. Usando solo il tasto Tab, riesci a muoverti tra le voci di menu? Premere Invio apre una categoria? Riesci a raggiungere ricerca, carrello e account?
Molti clienti usano la navigazione da tastiera, inclusi coloro che usano lettori di schermo, coloro con disabilità motorie e utenti esperti che preferiscono i tasti di scelta rapida. Se Tab non funziona, il tuo tema potrebbe aver bisogno di miglioramenti alle etichette ARIA.
Parte 5: Fiducia e chiarezza (1 minuto)
La navigazione non riguarda solo trovare prodotti. Comunica anche legittimità e professionalità.
Checkpoint 5.1: Le pagine “Chi siamo” e “Contatti” sono facilmente reperibili?
I nuovi visitatori, specialmente quelli provenienti da pubblicità, spesso controllano la tua pagina Chi siamo o Contatti per verificare che il negozio sia legittimo. Queste pagine dovrebbero essere accessibili dal menu principale o dal footer entro un clic.
Se hai nascosto “Chi siamo” dietro tre livelli di un menu footer, i clienti che cercano rassicurazioni non lo troveranno.
Checkpoint 5.2: I clienti riescono a trovare le politiche di spedizione e restituzione?
“Spedizione gratuita oltre i 50 dollari” e “Resi entro 30 giorni” sono elementi di costruzione della fiducia che riducono l’ansia di acquisto. Dovrebbero trovarsi in:
- Una barra di annuncio in alto (visibile su ogni pagina)
- La navigazione del footer
- O entrambi
Verifica che queste pagine di policy esistano, siano collegate dal footer e si carichino correttamente.
Checkpoint 5.3: Il selettore di lingua è visibile? (Se applicabile)
Se servi più mercati o lingue, assicurati che il selettore di lingua/valuta sia facile da trovare, tipicamente nell’intestazione o nel footer. Un cliente che atterra sulla versione nella lingua sbagliata e non riesce a cambiare se ne andrà immediatamente.
Dopo il controlloClassifica i tuoi risultati per impatto. Risolvi prima la visibilità del carrello e la ricerca non funzionante: questi influenzano direttamente il fatturato. La chiarezza dell'etichetta e i miglioramenti della velocità possono seguire. Non hai bisogno di correggere tutto oggi: i miglioramenti coerenti settimanali si accumulano velocemente.
Punteggio del tuo controllo
Dai a te stesso un punto per ogni checkpoint che hai superato. Ecco come interpretare il punteggio:
- 11-12 punti: La tua navigazione è solida. Concentrati sull’ottimizzazione, non sulla revisione.
- 8-10 punti: Buona base con alcuni vuoti. Dai priorità ai checkpoint falliti in base all’impatto sulla revenue (accesso al carrello > chiarezza dell’etichetta > navigazione da tastiera).
- 5-7 punti: Problemi significativi che probabilmente ti stanno costando vendite. Affronta prima i fallimenti della Parte 1 (reperibilità) e della Parte 2 (mobile).
- Sotto 5: La navigazione ha bisogno di un serio lavoro prima di spendere soldi in pubblicità. Ogni dollaro che spendi per portare traffico a un negozio confuso è parzialmente sprecato.
Quando eseguire di nuovo questo controllo
La navigazione non è un’attività “impostare e dimenticare”. Esegui di nuovo questa checklist:
- Prima della tua prima campagna pubblicitaria (non negoziabile)
- Dopo aver aggiunto 10+ nuovi prodotti (i nuovi prodotti potrebbero aver bisogno di nuove categorie)
- Dopo aver cambiato tema (ogni tema Shopify gestisce la navigazione diversamente: Dawn, Refresh e Sense hanno ognuno la propria struttura e impostazioni di menu)
- Mensilmente per i primi 6 mesi (il tuo catalogo e il comportamento dei clienti evolveranno)
- Trimestralmente dopo (a meno che l’analisi non mostri un calo improvviso nell’engagement)
Strumenti che semplificano questo
Per i checkpoint manuali sopra, non hai bisogno di nient’altro che di un telefono e un browser. Ma se vuoi approfondire:
- Google PageSpeed Insights (gratuito): Test formale della velocità e CLS
- WebAIM Contrast Checker (gratuito): Verifica la leggibilità del testo
- Hotjar o Microsoft Clarity (livello gratuito): Registrazioni di sessione che mostrano esattamente dove i clienti rimangono bloccati
- Navi+ Menu Builder: Se il tuo controllo rivela che il menu integrato del tuo tema manca di personalizzazione mobile (nessuna barra di schede, nessun carrello appiccicoso, supporto icone limitato), Navi+ ti permette di configurare la navigazione mobile e desktop separatamente senza modifiche al codice
Eseguire questo controllo di 10 minuti prima di lanciare la pubblicità è una delle attività con il ROI più alto che puoi fare come nuovo proprietario di negozio. Le correzioni sono di solito semplici (rinominare una categoria, abilitare l’intestazione appiccicosa, rendere visibile l’icona del carrello), ma il loro impatto sulla conversione è sproporzionato.
This article is part of the larger guide on Basi della navigazione per il tuo primo negozio online: i 5 elementi essenziali.