Hai appena installato Dawn (o Refresh, o Sense), e il tuo menu funziona. Le categorie vengono visualizzate, l’icona dell’hamburger si apre su mobile e l’icona del carrello si trova nell’angolo in alto a destra. Pensi: “Va bene, passò alle foto dei prodotti.”
Questo istinto ti costerà conversioni. Non perché questi temi siano scadenti—sono davvero ben costruiti. Ma “funziona” e “funziona bene per vendere” sono cose diverse. Ogni tema predefinito fa compromessi di design specifici, e alcuni di questi compromessi danneggiano attivamente i negozi nuovi.
Questa guida analizza i tre temi Shopify gratuiti più popolari—Dawn, Refresh e Sense—e identifica esattamente quali funzioni di menu sono sufficientemente buone da mantenere, quali necessitano di piccoli ritocchi e quali dovresti cambiare immediatamente.
- La navigazione di Dawn è pulita e veloce ma manca il supporto per mega menu e tab bar mobile out of the box
- Refresh (2024) aggiunge un'intestazione più moderna ma utilizza comunque il pattern hamburger standard su mobile
- Sense dà priorità all'appeal visivo e funziona bene per i brand ricchi di immagini, ma può sembrare lento su telefoni meno potenti
- Tutti e tre i temi condividono lacune comuni: niente tab bar in basso, niente icone menu, personalizzazione mobile limitata
- Puoi risolvere la maggior parte dei problemi attraverso le impostazioni del tema—solo alcuni richiedono app o codice personalizzato
Una breve nota sulla scelta del tema
Se non hai ancora scelto un tema, non complicarti la vita. Dawn, Refresh e Sense sono tutti gratuiti, tutti mantenuti da Shopify e tutti hanno buone prestazioni out of the box. Le differenze sono principalmente visive—Dawn è minimalista, Refresh è moderno, Sense è editoriale.
Per la navigazione in particolare, nessuno dei tre ha un vantaggio chiaro rispetto agli altri. Le stesse lacune e i punti di forza si applicano a tutti e tre. Scegli in base all’estetica del tuo brand, quindi personalizza la navigazione.
Dawn: il tema predefinito più popolare
Dawn è il tema gratuito principale di Shopify, e quello con cui la maggior parte dei negozi nuovi inizia. È intenzionalmente minimalista, veloce da caricare e segue le best practice di accessibilità. Analizziamo la sua navigazione.
Cosa funziona bene
Struttura dell’intestazione pulita. L’intestazione di Dawn è semplice: logo a sinistra, menu orizzontale al centro o allineato a sinistra, icone di utilità (ricerca, account, carrello) a destra. Questo segue il layout standard di e-commerce che gli utenti si aspettano.
Menu mobile decente. L’icona dell’hamburger apre un cassetto scorrevole pulito con i tuoi elementi di menu. Supporta un livello di nidificazione (tocca un genitore per espandere i figli), che è sufficiente per la maggior parte dei negozi da piccoli a medi.
Caricamento veloce. La navigazione di Dawn è leggera. Non carica framework JavaScript pesanti o animazioni personalizzate, quindi il menu appare rapidamente anche su connessioni lente. Nei test PageSpeed Insights, Dawn otiene costantemente un punteggio di 85+ sulle prestazioni mobile.
Opzione di intestazione appiccicatizia. In Impostazioni tema → Intestazione, puoi abilitare un’intestazione appiccicatizia che rimane visibile mentre gli utenti scorrono. Questo mantiene il tuo menu, la ricerca e il carrello accessibili in ogni momento—un miglioramento di usabilità significativo che molti proprietari di negozi dimenticano di attivare.
Ricerca integrata. Dawn include un’icona di ricerca nell’intestazione che apre un overlay di ricerca predittiva. Mostra i risultati mentre digiti, il che aiuta i clienti a trovare i prodotti più velocemente.
Cosa ha bisogno di ritocchi
Nessun mega menu per impostazione predefinita. Dawn supporta menu a discesa (un livello di sottocategorie), ma non veri mega menu con layout multi-colonna, immagini di categoria o banner promozionali. Per i negozi con 30+ prodotti, un menu a discesa con 15 sottocategorie diventa un elenco lungo e scorrevole difficile da navigare.
Soluzione alternativa: Puoi creare uno pseudo-mega-menu organizzando la tua navigazione Shopify in gruppi logici (Online Store → Navigation), ma il risultato visivo è ancora un menu a discesa a colonna singola. Per un vero mega menu multi-colonna con immagini, avrai bisogno di un’app di navigazione.
Icona di ricerca vs. barra di ricerca. Su desktop, Dawn mostra solo un’icona di lente d’ingrandimento per impostazione predefinita. Fare clic su di essa apre l’overlay di ricerca, che va bene—ma la ricerca del Baymard Institute mostra che un campo di ricerca visibile (non solo un’icona) aumenta l’utilizzo della ricerca del 20-30%.
Soluzione alternativa: Alcune personalizzazioni di Dawn ti permettono di visualizzare una barra di ricerca persistente nell’intestazione. Controlla le impostazioni del tema o la documentazione di Dawn per le opzioni “ricerca predittiva”. Se la tua versione del tema non supporta questo, un’app focalizzata sulla ricerca può aggiungerlo.
Limitazioni della barra degli annunci dell’intestazione. La barra degli annunci di Dawn supporta testo e un link, ma non messaggi rotanti multipli o timer di conto alla rovescia. Per promuovere soglie di spedizione (“Spedizione gratuita oltre $50”) o offerte a tempo limitato, un singolo messaggio statico è funzionale ma basilare.
Cosa cambiare immediatamente
Abilita l’intestazione appiccicatizia. Vai in Impostazioni tema → Intestazione → seleziona “Abilita intestazione appiccicatizia.” Questo singolo toggle rende la tua navigazione accessibile in ogni momento invece di scomparire durante lo scorrimento. Non ci sono svantaggi.
Attiva la ricerca predittiva. In Impostazioni tema, assicurati che la ricerca predittiva sia abilitata. Mostra suggerimenti di prodotti mentre i clienti digitano, riducendo i passaggi tra ricerca e pagina del prodotto.
Controlla la profondità del tuo menu. Vai in Online Store → Navigation e rivedi la struttura del menu. Se una categoria è annidato più di due livelli in profondità (Categoria → Sottocategoria → Sotto-sottocategoria), appiattiscilo. Il menu mobile di Dawn gestisce bene un livello di nidificazione ma diventa scomodo a due o più livelli.
Refresh: l’aggiornamento moderno
Refresh è uno dei temi gratuiti più recenti di Shopify, rilasciato nel 2024. Prende l’approccio incentrato sulle prestazioni di Dawn e aggiunge più lucido visivo—angoli arrotondati, tipografia più morbida e un layout di intestazione leggermente diverso.
Cosa funziona bene
Layout dell’intestazione aggiornato. Refresh offre molteplici opzioni di layout dell’intestazione: logo a sinistra con menu inline, logo al centro con menu sotto, o un layout compatto per schermi più piccoli. Questa flessibilità ti permette di abbinare lo stile del tuo brand senza codice personalizzato.
Cassetto mobile migliorato. Il cassetto del menu mobile in Refresh sembra più raffinato di quello di Dawn. Include animazioni più fluide, tipografia più chiara e migliore spaziatura tra gli obiettivi di tocco. La gerarchia visiva tra categorie padre e sottocategorie è più distinta.
Filtri della pagina di raccolta. Sebbene non sia strettamente navigazione, la pagina di raccolta di Refresh include funzionalità di filtro e ordinamento integrata che è più pulita rispetto al default di Dawn. I clienti possono filtrare per prezzo, disponibilità e tipo di prodotto—riducendo il carico sul tuo menu principale per mostrare ogni variazione.
Accessibilità. Come Dawn, Refresh segue le linee guida WCAG. Gli elementi del menu hanno etichette ARIA appropriate, gli stati di focus sono visibili per la navigazione da tastiera e i rapporti di contrasto soddisfano gli standard di accessibilità.
Cosa ha bisogno di ritocchi
Limitazioni simili dei mega menu. Refresh eredita lo stesso vincolo di Dawn: i menu a discesa supportano sottocategorie, ma i veri mega menu con immagini e layout multi-colonna richiedono personalizzazione aggiuntiva o un’app.
Prestazioni di animazione su dispositivi più vecchi. Le animazioni più fluide di Refresh sembrano fantasiche su telefoni più nuovi ma possono causare un leggero ritardo su dispositivi più vecchi (iPhone SE, telefoni Android entry-level). Se il tuo pubblico di destinazione include acquirenti sensibili ai prezzi che utilizzano hardware più vecchio, testa su un dispositivo di fascia bassa.
Soluzione alternativa: La maggior parte dei problemi di ritardo relativi alle animazioni può essere mitigata riducendo il numero di elementi del menu e disabilitando gli effetti parallasse nelle impostazioni del tema.
Cosa cambiare immediatamente
Abilita l’intestazione appiccicatizia. Stesso di Dawn—abilitalo in Impostazioni tema → Intestazione. L’intestazione appiccicatizia di Refresh è leggermente più compatta dell’intestazione completa, il che è bene: risparmia spazio sullo schermo mantenendo la navigazione accessibile.
Rivedi le opzioni del layout dell’intestazione. Refresh offre 3-4 varianti di layout dell’intestazione. Prova ogni una e vedi quale offre alle tue categorie la maggiore visibilità. Per i negozi con 5+ categorie di livello superiore, un layout con il menu sotto il logo (larghezza intera) spesso funziona meglio che schiacciare tutto in una riga.
Controlla la spaziatura mobile. Anche se il menu mobile di Refresh ha una spaziatura di default migliore rispetto a Dawn, revisionalo con tap effettivi da pollice. Se gli elementi sono troppo vicini, aumenta il padding del menu nel CSS personalizzato del tuo tema o nelle impostazioni della sezione.
Sense: il tema editoriale
Sense è progettato per i brand che puntano sulla narrazione—pensa a prodotti artigianali, brand di bellezza o negozi di lifestyle. La sua navigazione riflette questo focus editoriale.
Cosa funziona bene
Peso visivo nell’intestazione. L’intestazione di Sense offre più spazio per il tuo logo e l’identità del brand. La navigazione sembra intenzionale piuttosto che utilitaristica, il che si adatta ai brand dove l’estetica è un punto di vendita.
Pagine di raccolta amichevoli alle immagini. Il layout di raccolta di Sense enfatizza l’immaginario dei prodotti, e la navigazione supporta questo mantenendo i menu puliti e senza disordine. Per i negozi dove le foto dei prodotti vendono meglio dei nomi delle categorie, questo è un vantaggio.
Menu mobile elegante. Il cassetto mobile di Sense è visivamente raffinato—tipografia pulita, spazio generoso, transizioni fluide. Crea una sensazione premium che corrisponde ai brand editoriali o di lusso.
Cosa ha bisogno di ritocchi
Meno opzioni di layout dell’intestazione. Rispetto a Dawn e Refresh, Sense offre meno opzioni di personalizzazione per il layout dell’intestazione. La posizione del logo e la posizione del menu sono più bloccate, il che può sembrare restrittivo se la tua struttura di categorie non si adatta al layout predefinito.
Compromessi di prestazioni. Sense carica leggermente più CSS e JavaScript di Dawn, principalmente per effetti visivi. Per la maggior parte dei negozi la differenza è trascurabile (50-100ms su mobile), ma se stai impilando altre app in cima, ogni millisecondo conta.
Soluzione alternativa: Riduci al minimo gli script di terze parti ed evita di installare più app che aggiungono JavaScript all’intestazione. Se stai usando Sense, sii particolarmente consapevole del peso totale della pagina.
Cosa cambiare immediatamente
Semplifica la struttura del tuo menu. Il design elegante del menu di Sense funziona meglio con meno categorie ben scelte (5-7 elementi di livello superiore). Se hai ereditato un albero di categorie complesso da un tema precedente, questo è un buon momento per consolidare.
Testa su dispositivi Android di fascia media. Il polish visivo di Sense è progettato per schermi moderni, ma una parte significativa del traffico di e-commerce globale proviene da telefoni di fascia media. Apri il tuo negozio su un Samsung Galaxy A-series o dispositivo simile e verifica che il menu si apra senza problemi.
Abilita la ricerca in modo prominente. L’icona di ricerca di Sense può sembrare secondaria rispetto al design visivo. Assicurati che sia posizionata in modo prominente nell’intestazione—i clienti non dovrebbero doverla cercare.
Lacune condivise da tutti e tre i temi
Indipendentemente da quale tema scegli, tutti e tre condividono limitazioni di navigazione che influenzano i proprietari di negozi nuovi:
Niente tab bar in basso
Nessuno dei temi gratuiti di Shopify include una tab bar mobile in basso (la navigazione nello stile di Instagram/Amazon in fondo allo schermo). Questo è una lacuna significativa perché:
- Le tab bar mantengono la navigazione visibile senza richiedere un tap per aprire il menu hamburger
- Sono adatte ai pollici (il fondo dello schermo è la zona di raggiungimento più facile)
- Riducono i passaggi da “navigazione” da 2 tap (apri menu → seleziona categoria) a 1 tap
L’aggiunta di una tab bar richiede un’app di navigazione o codice tema personalizzato.
Niente icone menu
Tutti e tre i temi visualizzano solo elementi di menu con testo. Niente icone per Home, Ricerca, Carrello o categorie. La ricerca mostra che l’abbinamento di icone con etichette di testo migliora la velocità di scansione del 20-35% e aiuta i clienti a orientarsi più velocemente.
Personalizzazione mobile limitata
Non puoi configurare menu separati per mobile e desktop in modo nativo. Quello che configuri in Online Store → Navigation si applica a entrambe le dimensioni dello schermo. Ma gli utenti mobile e desktop hanno esigenze diverse—i menu mobile dovrebbero essere più piatti e diretti, mentre i menu desktop possono permettersi più profondità.
Niente analitiche del menu
Nessuno di questi temi ti dice quali elementi del menu vengono cliccati di più, quali categorie guidano il maggior traffico o quali percorsi di navigazione portano agli acquisti. Hai bisogno del tracciamento degli eventi di Google Analytics o di un’app di navigazione dedicata per ottenere questi dati.
| Funzione | Dawn | Refresh | Sense | Ideale |
|---|---|---|---|---|
| Intestazione appiccicatizia | Sì (toggle) | Sì (toggle) | Sì (toggle) | Sì |
| Mega menu | No | No | No | Multi-colonna con immagini |
| Tab bar mobile | No | No | No | 4-5 tab in basso |
| Icone menu | No | No | No | Icone + etichette di testo |
| Ricerca predittiva | Sì | Sì | Sì | Sì |
| Menu separati mobile/desktop | No | No | No | Configurazione indipendente |
| Analitiche dei clic del menu | No | No | No | Tracciamento dei clic integrato |
| Sottocategorie a discesa | Sì (1 livello) | Sì (1 livello) | Sì (1 livello) | 2+ livelli |
Quando il predefinito è sufficiente (e quando non lo è)
Mantieni i predefiniti se:
- Hai meno di 30 prodotti
- La tua struttura di categorie è piatta (5-7 categorie, niente sottocategorie)
- Il tuo traffico è principalmente da desktop
- Stai appena lanciando e vuoi validare il product-market fit prima di investire nella navigazione
In questo scenario, Dawn, Refresh o Sense con l’intestazione appiccicatizia abilitata e la ricerca predittiva attivata ti serviranno bene. Non spendere soldi in app di navigazione fino a quando non avrai dati di traffico che mostrino dove i clienti rimangono bloccati.
Aggiorna se:
- Hai 30+ prodotti con sottocategorie
- Il traffico mobile supera il 50% (controlla in Shopify Analytics → Online Store → Sessions by device)
- Il tuo bounce rate è superiore al 60% e sospetti confusione di navigazione
- Vuoi un mega menu con immagini di categorie, icone o banner promozionali
- Hai bisogno di una tab bar mobile per la navigazione adatta ai pollici
Per questi scenari, un’app di navigazione come Navi+ Menu Builder può colmare il divario tra quello che il tuo tema offre e quello che i tuoi clienti hanno bisogno. Si sovrappone al tuo tema esistente senza sostituirlo, aggiungendo mega menu, tab bar, icone e configurazioni separate mobile/desktop.
Aggiornamenti dei temiShopify aggiorna regolarmente i suoi temi gratuiti. Alcune lacune menzionate qui potrebbero essere affrontate nelle versioni future. Dopo un aggiornamento del tema, ri-testa la tua navigazione per vedere se nuove funzioni sono state aggiunte—e per assicurarti che le personalizzazioni esistenti non siano state sovrascritte.
I tuoi prossimi passi
- Identifica il tuo tema. Vai in Online Store → Themes per confermare quale tema stai utilizzando.
- Abilita l’intestazione appiccicatizia. Ogni tema la supporta. Attivala adesso.
- Abilita la ricerca predittiva. Stesso—un toggle, miglioramento immediato.
- Rivedi la tabella di confronto sopra. Identifica quali lacune sono più importanti per le dimensioni del tuo negozio e il pattern di traffico.
- Decidi: ritocco o aggiornamento. Se i predefiniti soddisfano le tue esigenze, concentrati su contenuti e marketing. Se hai bisogno di mega menu, tab bar o layout specifici per mobile, valuta un’app di navigazione.
I temi Shopify predefiniti ti danno un solido punto di partenza per la navigazione, e per molti negozi nuovi, quel punto di partenza è genuinamente sufficiente. La chiave è sapere quali funzioni abilitare immediatamente (intestazione appiccicatizia, ricerca predittiva) e quali limitazioni conteranno mentre il tuo negozio cresce (nessun mega menu, nessuna tab bar, nessun menu separati per mobile). Inizia con quello che hai, traccia dove i clienti rimangono bloccati, e aggiorna deliberatamente quando i dati te lo dicono.
Questo articolo fa parte della guida più ampia su Nozioni di base sulla navigazione per il tuo primo negozio online: i 5 elementi essenziali.