it-swarm.it

Utilizzo di una combinazione di navigazione orizzontale con sottomenu e navigazione laterale verticale con sottomenu in un sito Web

Sono stato coinvolto in una riprogettazione del sito Web in cui la navigazione include un menu di navigazione orizzontale principale con un livello di menu a discesa e navigazione secondaria nella colonna di sinistra che ripete il sottomenu dal menu principale e un livello aggiuntivo di elementi in un formato ad albero.

Top navigazione:
libri
Fiction
Scienza
Web design

Navigazione laterale:
Fiction
Letterario
Storico
Crepuscolo
Scienza
eccetera
eccetera

Il livello secondario di navigazione laterale (come in Letterario nell'esempio) può diventare molto lungo (10 o più collegamenti) ed estendersi molto al di sotto della fine del contenuto. Il nav laterale agisce come un pannello a fisarmonica per ogni oggetto.

Qualcuno è a conoscenza di studi sulla UX o anche di discussioni aneddotiche su questo tipo di sistema che influenza l'interazione dell'utente, positiva o negativa? Vorrei fornire alcuni motivi per abbandonare questo tipo di navigazione: basandoci solo su test interni e diversi monitor, ecc., Perdiamo un sacco di beni immobili per la navigazione senza alcun vantaggio reale (non esiste un budget zero per qualcosa come A/Test B, ecc.). Mi sembra che i mega-menu o i menu a discesa a due livelli siano più la norma in questi giorni.

11
sscott

Kingsbury JR e Andre AD (2004, un confronto tra menu Web a tre livelli: strutture di navigazione. Gli atti del 48 ° incontro annuale di HFES, p1513-1517; riepilogati ) hanno condotto alcune ricerche su menu gerarchici come il tuo ciò suggerisce che gli utenti hanno generalmente prestazioni migliori quando selezionano dal menu della barra laterale di sinistra prima , quindi il menu in alto, anziché viceversa.

Tuttavia, sembra che il tuo menu di secondo livello possa essere troppo lungo per essere in cima. Puoi rompere gli elementi di livello inferiore nel menu di secondo livello per creare un menu di livello terzo in alto per adattarsi a tutto. Ciò ha funzionato bene per Kingsbury e Andre, ma hanno testato solo gerarchie di menu a 3 livelli e, in generale, un menu a livello singolo di 10 elementi raggruppati o meno supererà due brevi menu gerarchici. (ad es. vedi Snowberry K, Parkinson SR e Sisson N (1983), Computer Display Menu, Ergonomics, 26 (7), p699-712).

Vorrei prendere in considerazione l'idea di mettere tutto nel menu della barra laterale, che Kingsbury e Andre hanno riscontrato prestazioni vicine a sinistra e poi in alto su varie misure. Tuttavia, questa prestazione si basa sull'avere due menu della barra laterale, uno per ogni livello, che potrebbe richiedere troppo spazio orizzontale nel tuo caso. Puoi usare gli espansori per mantenere tutti i livelli con lo stesso margine, ma non so cosa farà per le prestazioni degli utenti

Parlando più dall'aneddoto che dalla ricerca, sono un po 'preoccupato per la barra laterale che ripete il menu a discesa dalla barra in alto. Come te, non sono chiaro quale sia il vantaggio di questa ridondanza: non vedo come un metodo sarebbe sostanzialmente superiore a un altro a seconda degli utenti o delle circostanze (ad esempio, non è come se il mondo fosse diviso in barra laterale utenti che navigano e utenti che navigano verso il basso). Nel frattempo ha i seguenti potenziali problemi:

  • Gli utenti potrebbero chiedersi se i collegamenti siano davvero gli stessi o meno, e finire per fare clic su entrambi. Questo è particolarmente vero se non si utilizza un codice colore riconoscibile per distinguere i collegamenti visitati da quelli non visitati (che quasi nessuno fa più).

  • Anche se gli utenti si rendono conto che i collegamenti sono gli stessi, ora l'utente deve decidere quale metodo di navigazione utilizzare. Questo po 'di pensiero li rallenta. Forzare questo pensiero è positivo quando il payoff si traduce in una risposta netta più veloce, ma non credo che tu l'abbia qui.

Spesso si preferisce offrire agli utenti un modo migliore di fare qualcosa piuttosto che una scelta. Se sei preoccupato che alcuni utenti non si rendano conto che la barra laterale è determinata dal menu in alto (o viceversa), risolvilo con la progettazione grafica collegando visivamente l'attuale selezione del menu principale con il menu secondario.

Per un menu relativamente complesso come quello che hai, quei menu a tendina possono essere problematici, il che suggerirebbe di andare solo con la barra laterale. Tuttavia, date le tue preoccupazioni immobiliari, i mega-dropdown potrebbero davvero essere la strada da percorrere , dato che affrontano molte delle limitazioni dei dropdown ordinari.

6
Michael Zuschlag