Mi chiedo da tempo se ci dovrebbe essere una preferenza per l'uso dei menu di navigazione orizzontale o verticali. Ho usato entrambi prima, su vari siti Web, e posso vedere ognuno con pro e contro.
Esistono dati concreti disponibili su questo argomento? Sono interessato a problemi di accessibilità e usabilità.
Risposte:
A parte i problemi di spazio e la facilità di scansione, ci sono alcuni altri fattori che dovresti prendere in considerazione:
Menu disposti orizzontalmente (di lingue disposte orizzontalmente) significano più movimenti del mouse per passare da un elemento al successivo.
Tuttavia, sarà più semplice passare da una voce di menu di livello superiore in un menu orizzontale al menu a discesa corrispondente piuttosto che passare da una voce di menu verticale al menu a comparsa corrispondente. Il problema diagonale è notevolmente amplificato nei flyout rispetto ai menu a discesa perché il bordo condiviso è molto più piccolo.
E poi c'è il problema della velocità di targeting. I menu disposti verticalmente hanno più "profondità" rispetto ai menu orizzontali. Ciò significa che l'utente può spostare il mouse a una velocità superiore verso il menu, perché ha un buffer più grande in caso di superamento. Naturalmente, se il menu orizzontale è posizionato lungo il bordo superiore o inferiore del documento (ovvero profondità infinita), questo è un punto controverso.
Alla fine, penso che sia un lavaggio. Scegli quello che più si adatta al tuo design e ottimizza l'usabilità da lì. Non vuoi usare un menu verticale se significa creare un'enorme colonna vuota sotto di essa per il resto della pagina. E non vuoi usare un menu orizzontale se significa che il tuo layout deve essere largo 2000px.
Bene, sono uno sviluppatore / programmatore / programmatore.
Ciò significa che cerco sempre alcune informazioni sul design prima di rispondere a tali domande. Mi piacciono gli articoli di Jakob Nielsen, perché fanno ricerche prima di pubblicare.
Penso che quei link possano aiutare.
Ora la mia opinione. L'uso dei menu orizzontali è la prima opzione per la navigazione principale, specialmente se si considera l'utilizzo di mega menu a discesa.
Inoltre, l'uso del pangrattato orizzontale, come navigazione ausiliaria per aiutare gli utenti a localizzarsi rapidamente.
Mi piacciono i menu di navigazione verticali, ma tendono ad essere simili agli annunci, ciò che rende gli utenti ciechi nei loro confronti, quindi prima di tutto assicurati che i tuoi menu verticali NON siano come un banner o annunci di Google.
In secondo luogo, preferirei utilizzare i menu verticali per la navigazione "contestuale", per visualizzare contenuti correlati o elementi delle sottosezioni.
Se si dispone di voci di menu di una o più parole, esiste un limite fisico al numero di voci che rientrano in un menu orizzontale prima che sia necessario uno scorrimento. Quindi, per questo motivo, tenderei a favorire il menu orizzontale per le voci di livello principale / superiore.
Per quanto riguarda l'accessibilità (supponendo che sia visivamente OK) potrebbe non esserci molta differenza, dal momento che potrebbero essere contrassegnati allo stesso modo. Un elenco di collegamenti non ordinati, ad esempio.
Pubblicherò l'opposto della risposta degli errori ...
Sebbene leggiamo da sinistra a destra, tendiamo a scansionare dall'alto verso il basso. Se le voci di menu sono disposte verticalmente, è più semplice confrontare rapidamente le voci se sono sovrapposte.
Se hai solo una manciata di collegamenti, orizzontale va bene. Mantieni i nomi brevi ma chiari e non hanno più di 6-7. Ovviamente, l'altra opzione è una combinazione: alcune "intestazioni" in orizzontale con i menu a discesa al passaggio del mouse su tutto in quella categoria.
La risposta è probabilmente che ci sono momenti in cui utilizzare entrambi, ma per quanto riguarda gli studi di tracciamento oculare, l'occhio esegue la scansione della pagina in un modello a forma di F , quindi è probabilmente meglio mantenere la navigazione in alto a sinistra o attraverso il superiore.
Entrambi potrebbero anche essere usati insieme, come un menu orizzontale nella parte superiore per i collegamenti di navigazione (home, chi siamo, contatti, ecc.) E un menu a sinistra per categorie, articoli e simili.
Un altro punto da considerare per quanto riguarda i menu a discesa è che possono avere implicazioni SEO. Danny Sullivan di Search Engine Land suggerisce che i menu a discesa possono diluire l'autorità dei collegamenti avendo molti collegamenti a ogni pagina e che un menu gerarchico potrebbe passare meglio il collegamento dei collegamenti. Inoltre, perché nascondere gli elementi di navigazione dei tuoi utenti in un menu a discesa in cui potrebbero perdere ciò che stanno cercando.
IMHO, tendo a classificare la sezione principale come menu orizzontale .. dove come sezioni descrittive di qualsiasi sezione principale attiva nel menu verticale.
Ad esempio:
------------------------------------------------------------------------------
Home News Product
------------------------------------------------------------------------------
| About Us | | |
| Mission | | Here is describing content |
| Contact Us | | |
Poiché Home, News e Product fungono da categorie principali, le ho tenute in layout orizzontale, dove come Chi siamo, Mission, Contattaci sono le sezioni più descrittive della Home Page, quindi ho mantenuto come menu verticale accanto alla porzione di visualizzazione del contenuto per un facile accesso .
Abbastanza semplice, dimmi, cosa è più facile da leggere: ABCDEFGHIJKLMNOP...Zo
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
.
.
.
Z
Quando lo leggi, pensa a come si muove l'occhio. Con il primo esempio, è - - - ecc. Con il secondo esempio, è ZZZ etc; significa che il tuo occhio si muove secondo uno schema a Z. Con il modello Z il tuo occhio deve pensare più al prossimo punto di informazione, che al primo. Più una informazione è vicina all'ultima informazione, più è facile da usare. Più informazioni sono compatte, meglio è, puoi sempre aggiungere spazio, ma alcune informazioni saranno compatte solo finora. Ad esempio, posso aggiungere più spazio in questo modo, ma è ancora più breve se si misura l'estremità più lunga dell'esempio 2: ABCDEFGHIJKLMNOPQRSTU VWXYZ
Sono sicuro che qualcuno pubblicherà ricerche o qualcosa del genere, potrebbe anche dire che ho torto, ma il fatto è che la mia logica è abbastanza semplice da capirla, ha senso per me e non ho bisogno di un rapporto di fantasia per dirmi che è giusto o sbagliato ... perché immagino che quel rapporto di fantasia non abbia senso, ed è solo un campione di dati basato sulla struttura del test dato ...
Allora, cosa ne pensi?