Perché una Navigazione Universale Non Funziona per Tutte le Fasi
La maggior parte degli e-commerce utilizza la stessa navigazione su ogni pagina, indipendentemente da cosa sta facendo il visitatore o da quanto è avanzato nel processo d'acquisto. Lo stesso menu che aiuta un nuovo visitatore a scoprire le categorie di prodotti appare anche nella pagina del carrello, nella scheda prodotto e nella schermata di conferma dell'ordine. Questa uniformità sembra logica — una navigazione coerente è un buon principio UX — ma confonde la coerenza con l'appropriatezza contestuale. Un menu ottimizzato per la scoperta non serve un visitatore che sta confrontando due prodotti specifici. Un menu ottimizzato per la navigazione ampia è un ostacolo per chi ha preso la sua decisione d'acquisto e vuole concludere rapidamente.
La navigazione contestuale non significa mostrare negozi diversi a persone diverse — si tratta di adattare l'enfasi della navigazione per ridurre le frizioni rispetto al compito che il visitatore sta svolgendo. La struttura di navigazione sottostante rimane coerente; ciò che cambia è quali elementi sono visivamente prominenti, quali scorciatoie vengono offerte e quali azioni sono più facilmente accessibili. È lo stesso principio che rende efficaci i layout dei negozi fisici ben progettati: zone di scoperta vicino all'ingresso, aree di confronto focalizzate al centro del negozio, cassa senza frizioni alla fine.
"Abbiamo notato che il tasso di abbandono del carrello era alto anche quando i visitatori aggiungevano articoli — li aggiungevano al carrello e poi ricominciavano a navigare dalla Tab Bar, si distraevano con nuove categorie e se ne andavano senza completare l'acquisto. Abbiamo aggiornato la Tab Bar nelle pagine carrello e checkout per rendere l'icona del carrello l'elemento più prominente, con un badge visibile con il conteggio degli articoli. Tutto il resto restava disponibile ma l'enfasi si è spostata verso il completamento dell'acquisto. Il recupero del carrello dal flusso di checkout è migliorato in modo significativo — le persone che avevano intenzione di acquistare hanno completato l'acquisto."
— Un cliente Navi+, brand di tessili per la casa
Esigenze di Navigazione per Fase del Percorso
Il percorso d'acquisto ha fasi distinte, ciascuna con diverse esigenze di navigazione. Comprendere queste fasi è il fondamento delle decisioni di navigazione contestuale:
Fase di scoperta: nuovi visitatori e navigazione esplorativa. I visitatori che esplorano senza un prodotto specifico in mente hanno bisogno di una navigazione che comunichi l'ampiezza del negozio e li aiuti a trovare una sezione che li soddisfi. In questa fase, gli elementi di navigazione più utili sono i link alle categorie con abbastanza contesto per differenziarle — non solo "Donna" e "Uomo" ma "Donna — Casual" e "Donna — Professionale" o qualsiasi distinzione significativa per il vostro catalogo. I breadcrumb contano meno; i punti di accesso alle categorie contano di più. La Tab Bar dovrebbe dare priorità alle categorie più popolari o più ampie.
Fase di valutazione: confronto prodotti e processo decisionale. I visitatori che stanno confrontando attivamente prodotti all'interno di una categoria sono passati dall'esplorazione alla valutazione. Sanno grossomodo cosa vogliono; stanno determinando i dettagli. Esigenze di navigazione in questa fase: navigazione rapida tra prodotti (link a prodotti simili, categorie correlate), accesso ai filtri e segnali di riprova sociale nella superficie di navigazione. Il breadcrumb acquista più valore come segnale "dove mi trovo nel catalogo". I link profondi a prodotti adiacenti — visibili nella navigazione o nelle schede prodotto — riducono lo sforzo di confronto.
Fase di conversione: carrello e checkout. Una volta che un visitatore ha segnalato l'intenzione d'acquisto — aggiungendo al carrello, iniziando il checkout — le sue esigenze di navigazione si invertono. Non ha più bisogno di scoprire o confrontare; deve completare. Una navigazione che offre facili vie d'uscita dal flusso di checkout (link "Continua gli acquisti" prominenti, navigazione per categoria visibile nell'intestazione) introduce il rischio di reversione della decisione. La navigazione più utile per un visitatore in fase di checkout è un insieme minimale di link a supporto dell'impegno: accesso al carrello, riepilogo dell'ordine, login all'account e un percorso di ritorno chiaro se ha genuinamente bisogno di aggiungere qualcosa.
Fase post-acquisto: conferma e ri-coinvolgimento. La pagina di conferma dell'ordine è un'opportunità di navigazione che la maggior parte dei negozi spreca con un generico messaggio di ringraziamento e un link alla homepage. Un visitatore che ha appena acquistato ha dimostrato la sua propensione ad acquistare da questo negozio. La navigazione nella pagina di conferma dovrebbe portare alla superficie la prossima scoperta più rilevante: novità nella categoria appena acquistata, prodotti correlati, iscrizione al programma fedeltà o link al programma di referral. Ognuno di questi è una decisione di navigazione che può essere presa intenzionalmente.
| Fase del Percorso | Priorità di Navigazione | Cosa Enfatizzare |
|---|---|---|
| Scoperta | Accesso ampio alle categorie | Tab Bar con le categorie principali, Slide Menu con l'intera offerta |
| Valutazione | Navigazione nella categoria | Breadcrumb, filtri, link a prodotti correlati |
| Conversione | Prominenza del carrello | Icona carrello con badge, distrazioni minimizzate |
| Post-acquisto | Link di ri-coinvolgimento | Novità nella categoria acquistata, programma fedeltà, referral |
Implementare la Navigazione Contestuale con Navi+
La navigazione completamente contestuale — in cui l'intero menu cambia in base alla fase del percorso — richiede un investimento di sviluppo che la maggior parte dei proprietari di negozi non può giustificare. Ma i cambiamenti contestuali di maggior valore sono realizzabili attraverso la configurazione della navigazione piuttosto che con lo sviluppo personalizzato. Navi+ consente di configurare la Tab Bar e il Floating Action Button con diversi livelli di prominenza per elementi diversi. Regolare quale slot della Tab Bar mostra un badge attivo, verso cosa punta il FAB e quanto prominentemente il carrello è visualizzato su diversi tipi di pagina crea significativi cambiamenti di navigazione contestuale senza ricostruire la struttura del menu.
Il principio è che la navigazione dovrebbe servire il compito attuale del visitatore, non solo il compito medio di tutti i visitatori. Man mano che la vostra comprensione di dove i visitatori abbandonano, si distraggono o rinunciano migliora attraverso l'analisi, ogni insight è un invito a chiedersi: "Quale navigazione li avrebbe aiutati qui?" Le risposte si accumulano formando un sistema di navigazione contestualmente intelligente costruito attraverso l'iterazione, non attraverso una revisione radicale.
Provalo gratis — nessun codice, nessuno sviluppatore
Installa in pochi minuti su Shopify, WordPress o qualsiasi sito web.