Come ottimizzare la navigazione del sito per le conversioni (Guida)

Sai che la sensazione quando entri in un negozio non riesci a trovare la cosa per cui sei venuto, e l’unico dipendente sul pavimento non e’ misteriosamente da nessuna parte? Non scavate in ogni corridoio. Vai via. Questo è esattamente ciò che accade sui siti web con menu confusi – ed è per questo che imparare a ottimizzare la navigazione del sito per le conversioni è una delle mosse con le più alte leva in tutta l’ottimizzazione delle conversioni. La versione breve: il lavoro della tua navigazione è quello di aiutare ogni visitatore a trovare la cosa per cui sono venuti in pochi secondi. Lo fai diagnosticando come le persone si muovono effettivamente attraverso il tuo sito, rinominando le voci di menu nelle parole dei tuoi visitatori invece del gergo interno, mantenendo la struttura superficiale e basata sull’intento, rendendo le pagine di denaro come i prezzi facili da trovare e testando attentamente le modifiche perché la navigazione tocca ogni singola pagina.

La navigazione è il cavallo di battaglia silenzioso del tuo sito web. Nessuno si complimenta con un grande menu – le persone trovano solo ciò di cui hanno bisogno e si convertono. Un menu confuso? E’ l’assassino silenzioso. I visitatori raramente si lamentano di questo; se ne vanno e le tue analisi si stringono e lo chiamano rimbalzo. Quindi cerchiamo di risolvere questo, passo dopo passo, con un sistema che puoi iniziare a utilizzare oggi.

Cosa significa ottimizzare la navigazione del sito per le conversioni?

Ecco la parte che nessuno ti dice: la tua navigazione non è una mappa del tuo sito web. È uno strumento di supporto decisionale per una persona che è arrivata con un lavoro specifico in mente. Qualcuno atterra sul tuo sito pensando “Ho bisogno di vedere cosa costa”, o “Voglio sapere se funziona per la mia situazione”, o “dove devo accedere?” Il menu o risponde in un colpo d’occhio – o li fa lavorare per esso.

E quando i visitatori devono lavorare per questo, la maggior parte di loro non lo fa. Non presentano un reclamo o ti inviano un’email per il menu a discesa confuso. Premi il pulsante Indietro e prova il risultato successivo su Google. Questo è quello che intendo quando dico che la confusione è l’assassino silenzioso: un checkout rotto getta errori che puoi vedere, ma una navigazione rotta sanguina silenziosamente i visitatori che non ti dicono mai perché se ne sono andati.

Quindi l’obiettivo non è l’eleganza, l’astuzia o la spremitura in ogni pagina che hai mai pubblicato. L’obiettivo è la velocità di destinazione. E un avvertimento onesto prima di tuffarci: una buona navigazione serve il visitatore prima e conversioni seconda. Fortunatamente, questi due obiettivi puntano quasi sempre nella stessa direzione e quando sono in conflitto, la prima scelta del visitatore è anche la scelta di fiducia e di guadagno a lungo termine. Torneremo su questo.

Come si fa a diagnosticare i problemi di navigazione prima di cambiare qualcosa?

Ok, siamo onesti: la maggior parte dei riprogettazioni di navigazione inizia con qualcuno importante che dice “Non mi piace il menu”. Sapere come ottimizzare la navigazione del sito per le conversioni inizia con prove, non opinioni — Quindi, passa una settimana a raccoglierlo prima di toccare una singola etichetta. Questa è la stessa disciplina che guida tutti i buoni conversion research — osservare il comportamento reale prima, formare ipotesi secondo, riprogettare terzo.

Ecco cosa guardare, in ordine di sforzo:

1. Clic di navigazione rispetto ai percorsi previsti. Apri le tue analisi e confronta dove le persone navigano effettivamente con dove vuoi che vadano. Se il menu superiore ha sette elementi e il novanta per cento dei clic va a due di essi, gli altri cinque sono per lo più rumore. — o sono pagine importanti con etichette che nessuno capisce. Se una pagina che consideri critica (prezzi, demo, iscrizione) ottiene a malapena il traffico di navigazione, questo è un semaforo rosso lampeggiante.

2. query di ricerca sul posto. Questo è oro, e quasi tutti lo ignorano. Ogni ricerca che qualcuno digita nella casella di ricerca del tuo sito è, in un senso molto reale, una confessione di errore di navigazione. Hanno guardato il tuo menu, non sono riusciti a trovare la cosa e l’hanno digitato. Esporta il registro delle query di ricerca e leggilo. Le parole che le persone digitano sono le etichette che la tua navigazione dovrebbe probabilmente usare — e le query con risultati zero sono le lacune di contenuto o di etichettatura che ti fanno più male.

3. Modelli di rabbia nelle registrazioni di sessione. Guarda le registrazioni di sessioni reali e cerca i segni rivelatori: rapidi clic ripetuti sulle voci di menu (clic di raffica), librarsi avanti e indietro tra gli elementi a discesa come qualcuno che scansiona un corridoio di cereali, aprire un mega-menu e chiuderlo senza fare clic su nulla o rimbalzare ripetutamente tra due sezioni. Ognuno di questi è una persona che dice silenziosamente: “Non so dire quale di questi significa la cosa che voglio”.

4. Drop-off subito dopo l’atterraggio. Guarda i visitatori che atterrano su una pagina, scorrono un po’, aprono la navigazione… e se ne vanno. Un’alta percentuale di uscita subito dopo aver interagito con il menu suggerisce che il menu non prometteva nulla di rilevante. La pagina di destinazione li ha interessati abbastanza da cercare un passo successivo e la navigazione non è riuscita a offrirne uno che hanno riconosciuto.

5. Just ask. Un sondaggio di una domanda — “Cosa sperava di trovare oggi?” — su pagine ad alto traffico ti dà il vocabolario visitatore direttamente dalla fonte. Cinque test di usabilità rapidi ti mostreranno più di un mese di dashboard-staring. Resistete alla tentazione di saltare questo passo; tutto il resto dipende dal sapere cosa è effettivamente rotto, e vi prometto che i dati vi sorprenderanno almeno una volta.

Come si scrive le etichette di navigazione che i visitatori capiscono davvero?

Se prendi una cosa da questo articolo, prendi questa: nomina le cose come le chiamano i tuoi visitatori, non quelle che chiami internamente. La chiarezza dell’etichetta è il singolo errore di navigazione più comune che vedo, ed è anche il più economico da risolvere.

Pensa alla parola “soluzioni”. Che tipo? Soluzioni a cosa? Per chi? E’ un’etichetta che significa qualcosa nella tua sala conferenze e niente nel cervello del tuo visitatore. Lo stesso vale per “Resources” (è che i post del blog? documentazione? download?), “Platform” (contro “Prodotto”? qual è la differenza?), e qualsiasi etichetta che è un marchio per una funzione (“Introdurre Nimbus TM” – il visitatore non sa cos’è Nimbus, mi dispiace così).

Il tuo Org Chart interno è il nemico qui. Le aziende organizzano i menu nel modo in cui sono organizzati i loro team – le pagine del marketing qui, le pagine del prodotto lì – e il visitatore, che non ha mai visto il tuo grafico di org e mai lo farà, viene lasciato decodificarlo. Raggruppa ed etichetta per quello che il visitatore sta cercando di fare, stop completo.

Il test del tronco: il controllo della qualità dell’etichetta

L’esperto di usabilità Steve Krug ha reso popolare un controllo meravigliosamente semplice chiamato test del tronco. La premessa: immagina di essere stato guidato nel bagagliaio di una macchina (porta con me) e lasciato cadere su una pagina casuale di un sito web. Bendaggio – puoi rispondere immediatamente: Che sito è questo? Su che pagina sono? Quali sono le sezioni principali? Come faccio a cercare? La navigazione dovrebbe rispondere a tutto questo in un colpo d’occhio, su qualsiasi pagina, senza contesto.

Applicare lo stesso spirito a ogni singola etichetta: se uno sconosciuto che non ha mai sentito parlare della tua azienda leggesse solo questa voce di menu, potrebbe prevedere cosa c’è dietro? Passa “prezzi”. Passa “piani e prezzi”. “Opzioni di valore” non riesce. “Come funziona” passa. Il nostro approccio è traballante. “L’esperienza Nimbus” fallisce in modo spettacolare.

Dove trovi le parole giuste? Li hai già raccolti nella fase di diagnosi: query di ricerca sul posto, risposte ai sondaggi, ticket di supporto, note sulle chiamate di vendita e commenti e DM sui tuoi canali social. I visitatori ti consegnano il loro vocabolario ogni giorno. Il tuo unico compito è usarlo.

Come strutturare il menu per le conversioni?

Una volta che le etichette sono oneste, la struttura è la prossima. Tre principi fanno la maggior parte del lavoro qui.

Mantieni il livello superiore stretto — da cinque a sette elementi. Questa è una linea guida, non una legge della fisica, ma regge per un semplice motivo: ogni elemento aggiuntivo di livello superiore rende ogni altro elemento più difficile da scansionare. Un menu con dodici voci non è dodici opzioni utili; è un muro di testo che il visitatore deve leggere, analizzare e classificare. Quando tutto è promosso, nulla è reperibile. Se stai combattendo oltre l’ottavo slot, il vero problema è di solito che due elementi esistenti dovrebbero essere uniti o retrocessi.

Raggruppa per intento dell’utente, non per grafico di org. Chiedi a ogni pagina: cosa sta cercando di realizzare il visitatore quando lo vuole? Le pagine che servono lo stesso intento vivono insieme, anche se diversi dipartimenti li possiedono. Una sezione “Impara” che contiene il tuo blog, le guide e i webinar ha senso per un visitatore. Una sezione “Marketing” che contiene le stesse pagine ha senso solo per il tuo team di marketing.

Non seppellire le pagine dei soldi. Le pagine che generano entrate — prezzi, iscrizione, demo, contatto — dovrebbe essere visibile dal livello superiore o al massimo un clic ovvio di distanza. E sì, questo significa prezzi nella navigazione principale. So che c’è una scuola di pensiero che dice di nascondere i prezzi per forzare una conversazione di vendita. Ecco la mia opinione onesta: per la maggior parte delle aziende, nascondere i prezzi frustra le persone che sono pronte ad acquistare e segnala che i giochi vengono giocati. I visitatori che non riescono a trovare un prezzo assumono che sia costoso, che ci sia un’attesa di vendita difficile o che semplicemente vadano a trovare un concorrente che rispetti il loro tempo. Se il tuo prezzo richiede davvero una conversazione (vera impresa, build personalizzate), dillo in una pagina dei prezzi — “Ecco come funziona il prezzo ed ecco cosa lo influenza” — piuttosto che fingere che l’argomento non esista.

Un menu, un’azione evidenziata

La tua navigazione dovrebbe anche portare esattamente una chiamata all’azione visivamente distinta – un pulsante, non un semplice link, per la singola azione che più desideri: “Avvia prova gratuita”, “Ottieni una demo”, “Acquista ora”. Uno. Quando il menu ha tre pulsanti che gridano contemporaneamente, hai ricreato il problema dei dodici elementi in miniatura. Tutto il resto nel nav è wayfinding; questo un elemento è la domanda. Mantienilo coerente su ogni pagina in modo che ogni volta che il visitatore diventa pronto, il passo successivo sia nello stesso luogo familiare.

Mega-menu o semplice menu a discesa – che converte meglio?

Risposta onesta: dipende dal tuo catalogo, e chiunque ti dica che uno vince sempre sta vendendo qualcosa.

Simple dropdowns (una manciata di link sotto ogni elemento superiore) sono giusti per la maggior parte delle aziende di software, aziende di servizi e siti di contenuti. Se il tuo intero sito è sotto poche decine di pagine significative, un mega-menu è una villa per una famiglia di tre persone. — impressionante, per lo più vuoto, facile perdersi in.

Mega-menus (i grandi pannelli con colonne, intestazioni e talvolta immagini) guadagnano il loro mantenimento quando si dispone di un catalogo veramente grande — pensa ai rivenditori con centinaia di prodotti in molte categorie o agli editori con gerarchie di argomenti profondi. La loro forza sta mostrando il paesaggio di un’intera categoria in una sola volta in modo che i visitatori possano saltare direttamente nella sottosezione destra senza fare clic sulle pagine intermedie.

Se si utilizza un mega-menu, alcune istruzioni di cura: gruppo con intestazioni di colonna chiare (che dovrebbero superare il test del tronco), resistere allo spazio di riempimento solo perché esiste lo spazio, rendere la tastiera del pannello navigabile (più sull’accessibilità presto), e assicurarsi che l’elemento di primo livello stesso sia ancora cliccabile su una pagina di categoria sensibile – alcuni visitatori fanno clic sul genitore invece di librarsi, e dovrebbero atterrare da qualche parte utile, non da nessuna parte.

Qualunque sia la tua scelta, il test è lo stesso: un visitatore per la prima volta arriva a destinazione più velocemente? Non “sembra più premium”. Piu’ veloce.

Che aspetto ha una buona navigazione mobile?

Ecco il controllo della realtà: per molti siti, la maggior parte dei visitatori sono su un telefono, il che significa che la tua navigazione mobile non è la versione di compromesso – è l’evento principale.

Il menu dell’hamburger è un compromesso, non un peccato. Quell’icona a tre righe ti compra uno schermo pulito al costo di nascondere le tue opzioni; fuori dalla vista è davvero fuori dalla mente per una parte dei visitatori. Di solito non puoi evitarlo su schermi piccoli, ma puoi ammorbidire il commercio: abbina l’icona con la parola “Menu” quindi non c’è ambiguità e fai emergere una o due destinazioni più importanti al di fuori dell’hamburger — un collegamento persistente “Prezzi” o il pulsante CTA principale seduto accanto all’icona funziona magnificamente.

Design per i pollici. Le persone tengono i telefoni in una mano e toccano con un pollice che raggiunge comodamente il centro e il fondo dello schermo, non gli angoli superiori. Rendere i target del rubinetto di dimensioni generose e ben spaziati — collegamenti stretti che richiedono precisione a livello di chirurgo causano errori di battitura e errori di battitura causano la versione mobile dei clic di rabbia. All’interno del menu aperto, questo è anche il motivo per cui meno elementi più chiari contano ancora di più che sul desktop.

Usa la navigazione appiccicosa con giudizio. Una barra sottile che rimane disponibile mentre il visitatore scorre significa che il percorso in avanti è sempre a portata di mano — davvero utile sulle pagine lunghe. Ma un’intestazione appiccicosa che mangia un terzo dello schermo di un telefono è una cabina a pedaggio sul proprio contenuto. Tienilo breve, considera di nasconderlo a scorrimento verso il basso e di rivelarlo a scorrimento verso l’alto e testalo sempre su un vero e proprio piccolo dispositivo, non solo l’anteprima reattiva del tuo browser.

Che dire della navigazione a piè di pagina, delle breadcrumb e della ricerca in loco?

Il menu principale non può trasportare tutti. Tre sistemi di supporto catturano i visitatori che manca, e meritano più amore di quanto non ottengano di solito.

Il piè di pagina: la tua rete di sicurezza

Guarda le registrazioni delle sessioni e lo vedrai costantemente: un visitatore che non riesce a trovare qualcosa scorre direttamente in fondo alla pagina. Il piè di pagina è dove le persone perdute vanno di proposito. Quindi trattalo come una directory generosa e ben organizzata: intestazioni di colonne chiare, collegamenti a tutto ciò che ha significato (comprese le pagine che non hanno fatto il taglio di livello superiore), oltre ai punti di riferimento di fiducia che le persone si aspettano laggiù: contatto, supporto, politiche, carriere. Il piè di pagina è anche dove è appropriato un elenco in stile sitemap leggermente più completo; le regole di moderazione che regolano l’intestazione non si applicano strettamente qui, perché il visitatore che scorre sul piè di pagina è attivamente a caccia.

Pangrattato: per siti profondi

Se il tuo sito ha una profondità reale — categoria, sottocategoria, prodotto o documenti con sezioni annidate — breadcrumbs (quella piccola Home ? Categoria ? Page trail) tranquillamente fanno tre lavori: dicono ai visitatori dove sono, offrono mosse con un clic su un livello, e sono particolarmente gentili con i molti visitatori che atterrano in profondità nel tuo sito dai motori di ricerca o dai collegamenti sociali e hanno un contesto zero su dove “qui” è. Se il tuo sito è poco profondo (la maggior parte delle pagine a un clic da casa), saltale; le briciole di pane su un sito piatto sono decorazioni.

Ricerca sul posto: i tuoi visitatori più intenzionati

Le persone che usano la ricerca del tuo sito ti dicono esattamente cosa vogliono: trattali come i visitatori motivati che sono. Tre regole:

• Renderlo visibile. Una vera casella di ricerca (o almeno un’icona inconfondibile) nell’intestazione, non una funzione sepolta dietro due tocchi. Se la diagnosi ha mostrato un uso pesante della ricerca, dagli più risalto, non di meno.
• Make it forgiving. La ricerca dovrebbe sopravvivere a errori di battitura, plurali e sinonimi. Se un visitatore digita “prezzi” e la tua pagina è intitolata “Piani”, dovrebbe comunque arrivarci. Controlla regolarmente le tue query con risultati zero e aggiungi sinonimi o contenuti di conseguenza.
• Rendi utile la pagina dei risultati. Titoli chiari, una linea di contesto, un ordine sensato — e un percorso utile in avanti quando non ci sono risultati (“no match, ma qui ci sono le nostre pagine più popolari”), mai un vicolo cieco. Mentre stai riparando i vicoli ciechi, dai lo stesso trattamento alle tue pagine di errore — Un ben costruito 404 è l’ultima linea di difesa della navigazione, e abbiamo un’intera guida su Ottimizzare il tuo 404 pagina I visitatori persi trovano la via del ritorno invece di rimbalzare.

Le landing page dovrebbero avere una navigazione?

Ecco una domanda che fa un sacco di marketing riflessivo, quindi gestiamolo onestamente.

Per una pagina di destinazione della campagna mirata – traffico a pagamento o una campagna sociale dedicata che arriva a una pagina con un solo lavoro – la riduzione della navigazione è una pratica legittima e consolidata. Meno uscite significa meno vagabondaggi metà interessati al tuo blog. Un lander spogliato con solo un logo e l’offerta è una scelta di design ragionevole e onesta, e vale la pena testare una versione full-nav per il proprio pubblico.

Ma c’e’ una linea, e conta. Ridurre la navigazione va bene; intrappolare le persone non lo è. Rimuovere ogni percorso di fuga, disabilitare il link del logo a casa, dirottare il pulsante Indietro o impilare blocchi stradali in modo che il visitatore non possa letteralmente andarsene senza combattere – non è ottimizzazione, è coercizione con un tasso di conversione. Erose la fiducia, può incorrere in politiche di piattaforma pubblicitaria e le “conversioni” che produce distorcere verso le persone infastidite che hanno maggiori probabilità di rimborsare, zittire e ricordarsi di te male. Un buon test: ti senti a tuo agio a spiegare la scelta del design al viso del visitatore? “Abbiamo rimosso il menu in modo da poter mettere a fuoco” passa. “Abbiamo rotto il pulsante posteriore” non lo fa.

La stessa regola di onestà si applica ovunque nel tuo nav, a proposito: nessun link pubblicitario mascherato vestito come voci di menu, nessuna etichetta “Download” che in realtà apre un muro di iscrizione, nessuna cattiva direzione. La navigazione è una promessa su ciò che c’è dietro ogni porta. Mantieni le promesse.

Un’altra nota dal mio angolo del mondo: se stai eseguendo campagne social, ricorda che un visitatore che arriva da un link bio Instagram o un post su LinkedIn spesso atterra nel profondo del tuo sito senza alcun contesto. Questi percorsi di atterraggio social meritano la stessa navigazione chiara di qualsiasi altro ingresso – una pagina di passaggio del test del tronco con ovvi passaggi successivi. (È una delle prime cose che controlliamo a SocialBlaze quando un cliente dice che il loro traffico sociale “non si converte” – spesso i post stanno facendo il loro lavoro e l’esperienza di atterraggio sta facendo cadere il testimone.)

Come rendere la navigazione accessibile a tutti?

L’accessibilità non è un’appendice piacevole da avere a questo argomento – è centrale. La navigazione è l’unica interfaccia che ogni visitatore deve utilizzare, inclusi i visitatori che utilizzano tastiere, lettori di schermo, dispositivi di commutazione o controllo vocale. Se il menu funziona solo per un mouse, non funziona.

Gli elementi essenziali:

• Full keyboard navigation. Ogni voce di menu, menu a discesa, e il menu mobile deve essere raggiungibile e operabile con Tab, Enter, Escape, e tasti freccia da solo. Scollegare il mouse e cercare di raggiungere la pagina dei prezzi. Se non puoi, anche alcuni dei tuoi visitatori non possono.
• Visible focus states. Gli utenti di tastiera devono vedere dove si trovano. Se il tuo foglio di stile ha rimosso il contorno di messa a fuoco perché qualcuno pensava che fosse brutto, ripristinalo — stile ben se lo si desidera, ma chiaramente visibile.
• Skip links. Un link “Skip to main content” come primo elemento di messa a fuoco risparmia tastiera e utenti screen-reader dalla tabulazione attraverso l’intero menu su ogni singola pagina. Può rimanere invisibile fino a quando non è concentrato.
• Punti di riferimento del lettore di schermo e markup corretto. Use a real nav elemento con un’etichetta significativa, collegamenti reali e pulsanti (div non cliccabili) e correggi gli attributi ARIA nei menu a discesa — Lo stato espanso/collasso dovrebbe essere annunciato, non solo visivamente implicito.
• Non fare affidamento solo sul liver. Hover non esiste sui touchscreen ed è scomodo per molti utenti con disabilità motorie. I menu dovrebbero aprirsi anche su click/tap, e tutto ciò che viene rivelato sul hover deve essere raggiungibile anche dalla tastiera.
• Dimensioni target di contrasto e tocco sufficienti. Il testo del menu deve soddisfare gli standard di contrasto sullo sfondo — incluso su intestazioni trasparenti sopra le immagini dell’eroe, che falliscono costantemente.

Il segreto: ognuno di questi miglioramenti aiuta tutti. I target più grandi aiutano i pendolari su un treno accidentato; i menu click-to-open aiutano gli utenti di laptop touchscreen. Il lavoro di accessibilità è un lavoro di conversione che indossa scarpe sensibili.

Come ottimizzare la navigazione del sito per le conversioni senza rompere le cose?

Le modifiche alla navigazione sono subdole e pericolose da testare, per un semplice motivo: il menu vive su ogni pagina. Una modifica all’intestazione non è un test di pagina; è un intervento a livello di sito. Quindi anche la misurazione deve essere a livello di sito. Questo è dove il lavoro di navigazione si inserisce nella più ampia disciplina di conversion-focused web design — struttura, gerarchia e evidenza sull’opinione.

Misurare in modo ampio, non stretto. Se misuri solo i clic sulla voce di menu modificata, perderai la storia vera. Una nuova etichetta potrebbe ottenere meno clic, ma inviare visitatori di gran lunga più qualificati che si convertono a un tasso più elevato. Traccia la conversione a livello di sito, le pagine per sessione, il volume di ricerca sul sito (dovrebbe diminuire se il tuo navigatore è migliorato) — meno confessioni fallimentari) e tassi di uscita sulle pagine chiave.

Cambia una dimensione alla volta quando puoi. Se rinomini tre etichette, riordina il menu e aggiungi un’intestazione appiccicosa tutto in una volta, imparerai che “qualcosa ha funzionato” o “qualcosa si è rotto” e non saprai mai cosa. Sequenza delle modifiche: prima le etichette (più economiche, più a impatto), poi la struttura, poi il comportamento come appiccicosità.

Dai ai test più tempo del solito. I visitatori che tornano hanno la memoria muscolare per il tuo vecchio menu; aspettati un breve periodo in cui il loro comportamento si riduce puramente dalla familiarità. Giudicare il cambiamento sui nuovi visitatori prima e su una finestra abbastanza lunga per i clienti abituali per ri-imparare.

Attenzione al traffico di sfollati. Quando si rimuove o si rimuove una voce di menu, il traffico verso quella pagina non svanisce educatamente. — Va da qualche parte. Verifica se è stato reindirizzato attraverso il piè di pagina o ricerca (fine), o se il traffico della pagina e le sue conversioni a valle sono evaporate (non bene — Forse hai fatto qualcosa che contava).

Prepara un rollback. Poiché i cambiamenti del navigatore toccano tutto, trattali con rispetto della distribuzione: conosci i tuoi numeri di base, spedisci dietro un facile ripristino e controlla i dati a intervalli prestabiliti piuttosto che aspettare un mese per scoprire un problema.

E se il tuo traffico è troppo piccolo per i test A / B statisticamente significativi – questo è molti siti, ed è ok – appoggiati invece al toolkit qualitativo: test di usabilità a cinque persone, test sugli alberi (chiedere alle persone di trovare elementi in una versione solo testo della struttura proposta) e prima / dopo i confronti letti con l’umiltà appropriata.

La tua lista di controllo di controllo di navigazione

Ecco l’intero sistema per ottimizzare la navigazione del sito per le conversioni, condensato in una lista di controllo che puoi eseguire questa settimana. Prendi un caffè, apri il tuo sito in una finestra in incognito e sii spietatamente onesto.

Diagnosis

• Seleziona i dati di navigazione e confrontali con i percorsi dei visitatori previsti
• Esportazione e lettura di query di ricerca in loco, ricerche a risultato zero contrassegnate
• Guardate almeno dieci registrazioni di sessione, notando i clic di rabbia e l’esitazione del menu
• Verifica delle tariffe di uscita per i visitatori che interagiscono con il navigatore poco dopo l’atterraggio

Labels

• Ogni etichetta di livello superiore supera il test del tronco (uno sconosciuto può prevedere cosa c’è dietro di esso)
• Nessun gergo interno, nomi di reparto o nomi di marchi inspiegabili nel menu
• Le etichette usano parole estratte da query di ricerca, ticket di supporto e sondaggi dei visitatori

Struttura

• Circa cinque a sette elementi di primo livello, raggruppati per intento del visitatore
• Prezzi (o pagina di denaro equivalente) visibili dalla navigazione principale
• Esattamente uno CTA visivamente evidenziato nell’intestazione, coerente su ogni pagina
• Lo stile del menu (mega vs. semplice) corrisponde alla dimensione effettiva del catalogo, non all’estetica
• La navigazione è coerente in tutte le pagine – stessi articoli, stesso ordine, stesso posto

Cellulare

• Hamburger etichettato o accoppiato con i collegamenti chiave/CTA fuori di esso
• Toccare gli obiettivi comodamente dimensionati e distanziati per i pollici
• L’intestazione appiccicosa (se presente) è sottile e testata su un dispositivo reale

Safety nets

• Footer è una directory ben organizzata con intestazioni chiare
• Breadcrumbs presenti su gerarchie profonde (e assenti su siti piatti)
• La ricerca è visibile, tollerante al tipo e mai senza fine; 404 pagine reindirizzano i visitatori persi

Integrity and access

• Nessuna uscita nascosta, interferenza con il pulsante di retro o annunci mascherati in qualsiasi punto del navigatore
• Le pagine di destinazione possono ridurre la navigazione ma lasciare sempre una via d’uscita onesta
• Intero menu operabile da tastiera con stati di messa a fuoco visibili
• Salta il link presente; nav utilizza i punti di riferimento appropriati e annuncia lo stato a discesa
• Il contrasto soddisfa gli standard, comprese le immagini degli eroi

Test

• Metriche di base registrate prima di qualsiasi modifica
• Modifiche sequenziate (etichetta, struttura, comportamento)
• Successo misurato in tutto il sito, con piano di rollback pronto

Il foglio di lavoro etichetta-chiarità (il tuo script di test del tronco)

Vuoi testare le tue etichette questo pomeriggio? Ecco un semplice script. Hai bisogno di tre o cinque persone che non lavorano nella tua azienda: amici, un vicino di casa, persone da un pannello di test a basso costo. Quindici minuti ciascuno.

Impostazione: Screenshot della navigazione (desktop e menu mobile aperto). Per i dropdown, visualizzali aperti. Stai testando parole, non clic, quindi le immagini statiche sono perfette — e impediscono alle persone di “imbrogliare” esplorando.

Script, per participant:

• Passo 1 — Lettura a freddo. Mostra la navigazione per cinque secondi, quindi nascondila. Domanda: “Che cosa fa questa azienda? Quali sezioni ricordi?” (Test di scansione generale e se qualcosa si attacca).
• Passo 2 — Previsione delle etichette. Mostra di nuovo il nav. Per ogni elemento di primo livello, chiedi: “Senza fare clic, cosa ti aspetti di trovare dietro questo?” Scrivi le loro parole testuali. (Tests the trunk test direttamente — le differenze tra la loro previsione e il contenuto effettivo sono la tua lista di correzione.)
• Passo 3 — Luogo dell’attività. Dare tre a cinque compiti reali: “Dove fare clic per scoprire quali sono i costi?” “Dove cercheresti aiuto?” “Dove andresti per iniziare?” Nota esitazione, ipotesi sbagliate e soprattutto qualsiasi “hmm, potrebbe essere questo o quello” momenti — L’ambiguità tra due etichette è un segnale di fusione o di rinomina.
• Passo 4 – Le loro parole. Chiedi: “Se stavi cercando [your key offering], che parola ti aspetteresti di vedere in un menu? “(Lessico Harvests per la tua rietichettatura.)

Scoring: Per ogni etichetta, segnala in verde (predetta correttamente da tutti), giallo (misto) o rosso (incompreso dalla maggior parte). I rossi vengono rinominati usando le parole di Step 4. I gialli hanno un’occhiata più da vicino. Quindi ripetere il test con le nuove etichette — È di quindici minuti a persona, e guardare uno sconosciuto capire immediatamente il menu è davvero uno dei momenti più soddisfacenti in questo lavoro.

Domande frequenti

Quanti elementi dovrebbe avere un menu di navigazione del sito web?

Circa cinque a sette elementi di primo livello è una solida linea guida per la maggior parte dei siti, perché ogni elemento in più rende tutti gli altri più difficili da scansionare. È una linea guida piuttosto che una regola difficile: i grandi cataloghi hanno legittimamente bisogno di più struttura, di solito tramite un mega-menu ben organizzato. Se stai lottando per aggiungere un ottavo elemento, la mossa migliore è di solito fondendo due esistenti.

I prezzi dovrebbero essere nella navigazione principale?

Per la maggior parte delle aziende, sì. I visitatori che sono pronti a valutare seriamente vanno alla ricerca di prezzi, e nasconderlo frustra i tuoi migliori potenziali clienti e segnali che i giochi vengono giocati. Se il tuo prezzo richiede davvero una conversazione, tieni comunque una pagina dei prezzi nel nav e usala per spiegare onestamente come funzionano i prezzi e cosa li influenza.

I menu degli hamburger danneggiano le conversioni?

Essi comportano un vero e proprio trade-off: uno schermo più pulito in cambio di nascondere le opzioni, e le opzioni nascoste ottenere meno attenzione. Su schermi di piccole dimensioni di solito non puoi evitarne uno, quindi ammorbidisci il costo – etichetta l’icona “Menu” e tieni visibile il tuo singolo link più importante o CTA al di fuori di esso. Quindi prova con il tuo pubblico piuttosto che fidarti della rivendicazione universale di qualcuno.

Qual è il test del tronco per la navigazione?

È un rapido controllo di qualità reso popolare dall’esperto di usabilità Steve Krug: immagina di essere inserito in una qualsiasi pagina casuale di un sito senza contesto – dovresti essere immediatamente in grado di dire su quale sito ti trovi, su quale pagina stai, quali sono le sezioni principali e come cercare. Applicato alle etichette, significa che uno sconosciuto dovrebbe essere in grado di prevedere cosa c’è dietro ogni voce di menu senza fare clic.

È giusto rimuovere la navigazione dalle pagine di destinazione?

Ridurre la navigazione su una pagina di destinazione di una campagna mirata è una pratica legittima e comune: meno uscite mantengono l’attenzione sull’unica offerta e vale la pena testare per il tuo pubblico. Quello che non va bene è intrappolare i visitatori: disabilitare il link del logo, dirottare il pulsante indietro o rimuovere ogni via d’uscita onesta. Ridurre la distrazione, non rimuovere mai la fuga.