Per questo articolo ho deciso di tornare un po’ alle origini e parlare di webdesign e più precisamente di quell’elemento che permette la navigazione nei siti web. I menu.
Il design di un menu ha una forte influenza sul successo o sul fallimento di un sito al pari di altri fattori. Influisce sul traffico e sul ranking, sulle conversioni e sull’usabilità. Ogni elemento importante del tuo sito è connesso alla navigazione, dal contenuto alla URL. Forse non ci hai mai pensato, ma spesso anche solo un piccolo miglioramento nella navigazione può far aumentare il numero di visitatori che trovano ciò che stanno cercando.
Ecco 6 errori che è facile commettere e da cui possiamo imparare molto
Errore 1 – Adottare uno stile non standard
Gli utenti si aspettano di trovare un menu di navigazione orizzontale in alto o verticale sulla parte sinistra. Mettere il menu in questi posti standard rende il tuo sito più semplice anche per quel visitatore che ci entra per la prima volta. Questo vuol dire un basso bounce rate, più pagine visitate e conversioni più alte.
Sii prevedibile. Si è vero, il marketing ci spinge a differenziarci, ma lo stile di navigazione non è l’elemento giusto per esprimere la creatività. Il tuo obiettivo è quello di aiutare le persone a trovare il tuo contenuto, non mostrare un nuovo modo per navigare nel sito.
Errore 2 – Usare etichette troppo generiche o Essere troppo creativi
In entrambi i casi si rischiano problemi di incomprensione.
Il menu dovrebbe essere descrittivo. Le etichette come Prodotti o Servizi sono generici per tutti i tipi di aziende e non comunicano nulla agli utenti. Ironicamente, un “Cosa facciamo” non dice nulla di cosa fai davvero. Fai risparmiare un click al visitatore (e riduci quinti la percentuale di abbandono) cercando di essere il più descrittivo possibile, anche nel menu. E’ vero, non è un lavoro semplice visto che bisogna usare una, due o tre parole al massimo.
Allo stesso modo, cercare etichette troppo particolari là dove ci sono già nomi più convenzionali che capiscono tutti, è un usare nella maniera sbagliata la creatività. Etichette originali rendono felici copywriter e creative director, ma non danno nulla al tuo visitatore. Mostra la tua creatività nel testo e nelle immagini, ma lascia perdere il menu.
Errore 3 – Menu Drop Down
I menu drop down sono sconsigliabili per due ragioni. A seconda di come sono stati pensati, possono rappresentare un problema per i motori di ricerca. Ma soprattutto, il menu drop down annoia! Questo perché noi muoviamo gli occhi molto più velocemente di quanto muoviamo il mouse. Quando spostiamo il mouse su una voce del menu abbiamo già deciso di cliccare e invece il drop down menu ci mostra altre opzioni. Ancora peggio, incoraggia i visitatori a saltare le pagine principali. L’eccezione è data dal Mega Menu: nel momento in cui ci sono molte opzioni, migliora l’usabilità del sito.
Errore 4 – Troppe voci di navigazione
Hai presente quei siti con decine di link incolonnati a sinistra? Orribili. Ma sai che ti dico, che anche 8 sarebbero troppi, e sai perché? La nostra memoria a breve termine ne “conserva” solo 7 . Con meno voci, gli occhi del visitatore hanno il tempo per cogliere quelle più importanti. Ogni volta che elimini una voce, le altre diventano più visibili. Prendila come una sfida con te stesso e cerca di avere come limite 5 voci di navigazione.
Un menu conciso è anche importante per la SEO. Troppi collegamenti a pagine interne rischia di indebolire l’autorità della homepage e la link juice risulta diluita. Puoi usare Link Juice Calculator per contare il numero totale delle voci cliccabili sulla tua home. Amazon ne ha circa 100, ma sono sicura che sia molto più grande del tuo sito, vero?
Errore 5 – Scegliere l’ordine sbagliato
Forse sarà capitato anche a te, quando stili una lista, il primo e l’ultimo elemento sono quelli che ricordi meglio. Il menu di navigazione non fa eccezione. Studi di psicologia mostrano che attenzione e mantenimento sono più alti per ciò che appare all’inizio e alla fine. Viene chiama “Serial Position Effect” e si basa sui principi di primacy e recency.
Parlarealmicrofono.it lo spiega perfettamente:
Dal punto di vista della psicologia cognitiva, l’effetto primacy trova spiegazione nella nostra limitata capacità di trasferire informazioni dalla memoria a breve termine a quella a lungo termine: quando siamo bombardati di informazioni una di seguito all’altra, riusciamo cioè a immagazzinare in maniera duratura solo la prima parte di esse. Sul versante opposto dell’effetto primacy, si colloca invece l’effetto recency, ossia la tendenza a ricordare solo la parte finale di un discorso o di un elenco di elementi che ci vengono sottoposti. A livello psicologico, l’effetto recency si spiega con il permanere nella memoria a breve termine solo delle informazioni acquisite più recentemente. Ci ricordiamo quindi più facilmente le prime informazioni perché entrano a far parte della memoria a lungo termine, e le ultime perché restano nella memoria a breve termine.
Quindi metti le voci più importanti all’inizio o alla fine della navigazione e quelle meno importanti nel mezzo della lista.
Errore 6 – Il menù principale cambia a seconda delle pagine o cambiano le etichette
Le voci devono rimanere le stesse su tutte le pagine del sito e mantenere lo stesso ordine. Le etichette che si sono scelte non devono cambiare: se hai optato per “Offerte” nel menu principale non puoi scrivere “Promozioni” nella navigazione del footer, e far puntare alla medesima pagina. La coerenza è usabilità. Ogni cambiamento nel menu provoca disorientamento nel visitatore e i visitatori che si trovano disorientati semplicemente lasciano il sito.
Conclusioni
Non mettere in difficoltà i tuoi visitatori. Rendi la navigazione semplice. Un singolo errore nel menu può avere effetti sia sul ranking sia sull’usabilità, ma come hai visto basta qualche piccola correzione per avere grandi benefici!
Fonti: http://www.webvanta.com https://blog.kissmetrics.com/common-website-navigation-mistakes/ http://mysiteauditor.com/blog/17-main-menu-mistakes/ Photo by Kelly Brito on Unsplash
Questione di... Social! 