Spogliare un sito Web nella sua forma più semplice, ignorando per un momento, il contenuto che è solo testo e immagini, tutta l'esperienza di navigazione è, è la navigazione. Sta facendo clic sui collegamenti che ti portano ad altre pagine con più link. La navigazione principale del tuo sito è una parte così cruciale in quanto rappresenta la porta persistente verso le pagine più importanti dei tuoi contenuti.
Molti siti hanno anche una navigazione secondaria, relegata nella parte inferiore del sito, contenente "cose noiose" come i Termini di utilizzo oi collegamenti alle Norme sulla privacy; ha senso non avere quei collegamenti nella tua navigazione principale; non vuoi che rovinino la tua pagina di destinazione. Ma ecco un suggerimento, se devi avere una mappa del sito inclusa in quella barra di navigazione secondaria, stai sbagliando.
Il buon design richiede una buona organizzazione. È necessario capire quali informazioni sono necessarie all'utente e quindi dividerle in sezioni. Questo è un processo standard per i web designer e, a meno che il tuo sito non sia a scorrimento di pagina / parallasse, ti consigliamo di inserirlo in singole pagine per renderlo più facile da digerire, tradizionalmente accessibile tramite una barra di navigazione principale. Il formato standard per questo è una barra orizzontale lungo la parte superiore del sito, e mentre si potrebbe pensare che avere una navigazione carina o capricciosa coinvolgerà l'utente; o pensi di poter ridefinire la 'navigazione' e renderla più utilizzabile avendo un link che si suddivide attraverso i link di nidificazione nelle pagine; non funzionerà
La maggior parte degli utenti non vuole lavorare per utilizzare il sito, ma si aspetterà di vedere il formato standard, sfortunatamente. Per quanto mi piacerebbe vedere disegni innovativi e processi di navigazione, l'utente medio non lo fa e si spegne all'istante. Avere un'interfaccia non standard per la navigazione principale, semplicemente, aumenterà la frequenza di rimbalzo istantaneamente. La cosa più importante qui, tuttavia, non è lo stile, ma la persistenza. Avere la navigazione su ogni pagina è importante, insieme alla coerenza della posizione, in quanto è un punto di riferimento sulla tua pagina, vincolando l'esperienza di navigazione dell'utente.
A questo punto probabilmente avrai notato il punto che sto cercando di battere a casa, il web design è così importante da distinguere, ma la tua navigazione non è il posto giusto per farlo.
Il secondo errore spesso è pensare che la navigazione sia soddisfatta. Non lo è. Immagina se fossi invitato a una festa, ottimo cibo, persone fantastiche e conversazioni; tuttavia l'invito non ti dice questo, non è quello che ti aspetti. Invece di dirti dove, quando o quale sarà la festa, ti darà un nome stravagante, forse "John's Fancy Pants Party of the Century". Hai un'idea. La navigazione deve essere descrittiva, è solo un collegamento, le persone hanno bisogno di sapere cosa aspettarsi. Non dimenticare che fa parte del tuo SEO, quindi se qualcuno cerca su Google i tuoi PRODOTTI, verrà indirizzato alla tua pagina Prodotti, a meno che tu non l'abbia etichettato come "Le nostre creazioni", o qualcosa di altrettanto bello e unico.
Se guardi i siti che hanno vinto premi di design, molto probabilmente interromperanno una delle regole di navigazione che ho esposto qui. Tuttavia, il loro uso di spazi bianchi e design elegante è tutto a scapito dell'usabilità. Questo tipo di sito mal funzionante utilizza ciò che è noto in via derogatoria nel settore del web design come "Mystery Meat Navigation", o MMN. Può sembrare figo, e ha un senso per il designer: "Non è ovvio che il mouse sul lato sinistro della pagina, 45,1 cm in giù sulla pagina porta i link alla pagina evidenziando le mie opinioni politiche? È chiaramente un riferimento a Farenheit 451, il mio libro preferito, e le opinioni politiche di sinistra che condivido con esso. Duh! "A parte gli scenari estremi, MMN può essere un incubo per un utente che in realtà vuole usare il tuo sito, non solo per capire quanto sia bello. Immagina che la frequenza di rimbalzo di un sito che ha attraversato ogni link come un servizio telefonico automatizzato passi attraverso le opzioni! MMN è la stessa cosa! 'Mouse over 1 for: Home ', 'Mouse over 2 for: About ' ... hai l'idea. Devi passare attraverso ogni singolo link per trovare quello che vuoi, e quando hai raggiunto la fine della navigazione, hai dimenticato per cosa sei venuto! Questo vale anche per il feedback sulla posizione, che è in sostanza l'evidenziazione, di solito con un cambio di colore, dove sul sito l'utente è, attraverso la navigazione.
La navigazione è il portale familiare di contenuti nuovi e interessanti. Anche se in precedenza ti dicevo di attenermi alle convenzioni per motivi di familiarità e di mantenere la frequenza di rimbalzo più bassa possibile (a condizione che il tuo contenuto sia buono), ci sono alcuni degli elementi di navigazione utilizzati che dovresti evitare.
Il principale autore del reato è il temibile menu a discesa, il più grande peccato se non si dispone di un'interfaccia mobile separata. Spesso non si estende alle ricerche per indicizzazione del motore di ricerca, e fa male all'usabilità se è inaspettato dall'utente. Vedono i collegamenti principali (principali) e fanno la loro scelta in base a quali opzioni hanno lì, e poi improvvisamente ci sono un certo numero di altre pagine. Non portare i siti figli annidati nella tua navigazione principale, è complicato. Ciò contribuisce ad un punto generale, con molte pagine che diluiscono i risultati, e quindi influisce negativamente sulla SEO correlata al traffico. Se hai bisogno di più pagine di quelle che puoi inserire su una barra di navigazione standard, hai un contenuto cattivo, prolisso e ne risentirai.
Se non l'hai già indovinato, è fondamentale mantenere il numero di elementi nella tua navigazione verso il basso. Il sovraffollamento è particolarmente evidente nei menu di navigazione della barra laterale, dove i progettisti ritengono di poterlo estendere indefinitamente poiché l'utente è abituato a scorrere verticalmente. Ora supponendo che il menu sia facilmente riconoscibile come accennato in precedenza, avere meno elementi li rende più facili da memorizzare a breve termine, il che significa che il tuo sito è più utilizzabile per l'utente medio, in quanto possono ricordare quali sono le pagine e i collegamenti principali.
Si dice spesso che la memoria a breve termine può contenere solo 7 elementi, per un massimo di 20 secondi, il che significa che si dovrebbe limitare la navigazione a 7 voci o meno. Anche se questo ha una logica logica, e odierò approvare la navigazione con più elementi, se hai collegamenti molto specifici per il tuo sito, puoi relegare quelli più familiari a zone meno importanti della barra (che spiegherò più avanti on), come si aspetteranno gli utenti, e sanno che ci sono lì senza dover guardare troppo.
In questo, l'età di Google, sappiamo tutti quanto sia importante un buon SEO; e con "buon SEO" non intendo compromettere il contenuto e il sito per i ranking di ricerca più elevati, perché questo è solo un cattivo SEO. Ottimizzare il tuo sito per i crawler dei motori di ricerca non è sempre l'utilizzo di più parole chiave possibili o qualcosa del genere, può essere semplice come non utilizzare i pulsanti nella tua navigazione. Usa sempre i link per la tua navigazione, è una buona scelta di design a lungo termine e può essere rilevata dai motori di ricerca. Renderà anche il sito più utilizzabile (purché sia ben progettato). Gli utenti con problemi di vista, ad esempio, che aumentano la loro dimensione del testo, ne trarranno vantaggio in particolare; così come gli utenti mobili dovrebbero aspettare più a lungo per caricare le immagini dei pulsanti, quindi attendere qualche altro dopo aver fatto clic su di essi quando è stato caricato il loro stato di aggiornamento! Segmentare l'utilizzo delle immagini dei pulsanti come navigazione, utilizzando immagini reali senza sottotitoli è una cattiva idea. Questo tipo di navigazione non è mai consigliato, il testo deve sempre essere usato e, come indicato più volte sopra, in un formato standard.
Infine, raggiungiamo il più contestato e psicoanalitico di tutti i consigli di navigazione, l'ordine! Spesso si afferma, con una logica abbastanza solida, che il primo e l'ultimo link su una barra di navigazione standard hanno la massima priorità per il subconscio, quindi perché così tanti siti usano un banner come link di una pagina di destinazione / home in questi giorni, invece di avere un link Home tradizionale all'inizio della navigazione. La cosa con l'onnipresente collegamento di Home è che spesso viene trascurato da una semplice aspettativa che sarà lì. Fa davvero poca differenza all'esperienza di navigazione dell'utente medio che sia o non sia, e quindi non viene realmente considerato come "primo" link se si decide di inserirlo.
A parte questo, gli utenti vedranno naturalmente i link da sinistra a destra, assumendo che siano occidentali e letti in quel modo, come è probabile che la maggior parte dei tuoi utenti faccia. Ciò significa che i collegamenti con il minor impatto individuale saranno quelli nel mezzo del menu di navigazione, tuttavia possono avere un effetto collettivo che può avere ripercussioni sul modo in cui il subconscio dell'utente percepisce l'esperienza del tuo sito. Questo è ulteriormente descritto nel mio articolo su raccontando storie con i tuoi disegni , dove spiego come l'ordine in cui posizioni le voci del tuo menu racconta una storia sulla progressione di un utente attraverso il tuo sito. Questa teoria è per lo più speculazione, tuttavia ha senso che avere un link di supporto direttamente dopo un negozio / prodotti nel tuo menu può dedurre sia la mancata consegna sui tuoi prodotti, sia quel supporto è necessario e usato abbastanza da giustificare un posto sul tuo principale Menu di navigazione.
Sebbene tutto questo consiglio sia rilevante per la maggior parte dei siti web tradizionali e migliorerà l'usabilità per l'utente medio, non prendere questi suggerimenti come vangelo. Tutti i siti e i design sono diversi e alcuni potrebbero trarre beneficio ignorando alcune delle linee guida sopra elencate. Soprattutto, rendi il tuo sito utilizzabile in primo luogo e in secondo piano, la frequenza di rimbalzo diminuirà e potrai costruire ciò che hai.
Dai un'occhiata alla navigazione di altri siti e prova a pensare a cosa lo fa funzionare, non funziona o addirittura lo rende inutilizzabile. Prendere RockPaperShotgun , per esempio. Ha una barra di navigazione, sì, e sarebbe stato standard circa 10 anni fa! Funziona, ma il suo formato di base e numerosi link lo fanno sentire molto secondario, e il sito sembra che manchi qualcosa nel grande buco vicino al banner del titolo, dove andrebbe una barra di navigazione; un aggiornamento a un design a schede potrebbe migliorare questo.
O prendere Google.com , un ovvio esempio, ovviamente, questo è un po 'diverso, in quanto hanno una navigazione banner persistente per una rete di siti. Noterai che il link per YouTube (l'unico link in cui il menu banner non persiste) è posizionato nel mezzo. Questo perché YouTube è spesso utilizzato come sito indipendente, piuttosto che come parte della rete di Google, quindi è relegato al punto meno importante sulla barra. La scheda "altro" a discesa è alla fine in modo che sembrerà un'estensione della barra originale, senza elementi che intasano il banner principale. Gli altri che probabilmente hai elaborato per te stesso; il pulsante Cerca è il primo utilizza lo stesso ragionamento del pulsante "Home" e il collegamento Immagini è il secondo più utilizzato, il che significa che è necessario un minimo di spostamento del mouse e degli occhi per poterlo fare clic. Una volta che inizierai a scomporlo, probabilmente inizierai a vedere quanto pensi che Google abbia messo in questo, e puoi capire perché sono uno dei principali innovatori nel campo del design online.
Dai un'occhiata e vedi se riesci a capire perché il resto dei link sono stati messi dove sono, e poi pensa se ci sono dei miglioramenti che puoi apportare alla tua navigazione.
Segui i suggerimenti qui? Preferisci la navigazione a livello singolo o dropdown completi? Fateci sapere nei commenti.
Immagine in primo piano / miniatura, immagine del cartello via Shutterstock.