Progettazione della navigazione di un nuovo sito Web - manichini

Oltre al design visivo, determinare come un utente navigherà su un sito Web è una delle attività creative più impegnative che dovrai affrontare come web designer. L'obiettivo principale è quello di far sentire le persone sotto controllo del sito e in grado di spostarsi rapidamente ed efficientemente. Niente è peggio di un utente che si sente perso nel tuo sito.

Per aiutare le persone a muoversi e rimanere orientati, il tuo schema di navigazione deve essere una mappa stradale dell'intero sito, completa di cartelli "sei qui".

Navigazione globale per siti web

Ricorda la famosa linea dello spot TV degli anni '70: "Quanti licks ci vogliono per arrivare al centro di un Tootsie Pop? "Con le caramelle, più lecca, meglio è. Sul web, invece, è vero il contrario: gli utenti non troveranno nulla di buono nella navigazione attraverso le pagine di pagine. Il tuo obiettivo è quello di ottenere gli utenti il ​​più rapidamente possibile al loro contenuto desiderato.

Il modo migliore per ridurre il numero di clic è fornire i set di navigazione principale, secondario e terziario in ogni pagina del sito. Questa strategia, denominata navigazione globale, consente alle persone di navigare rapidamente da una sezione principale a quella successiva senza dover ripetere alcuna procedura. Inoltre, è importante che questi set di navigazione si trovino sempre nello stesso posto e non cambino ciò che offrono (scambiando le opzioni di navigazione dentro e fuori). Questa coerenza fornisce un ancoraggio mentale per l'utente.

Credito: © Apple, Inc. Il sistema di navigazione globale di Apple consente agli utenti di rimanere orientati e di passare rapidamente da una sezione all'altra.

Navigazione sezione

Dopo che gli utenti selezionano una categoria dal gruppo di navigazione primario, secondario o terziario, vengono trasportati in una sezione. Supponendo che la sezione abbia alcuni livelli di contenuto al suo interno, è necessario un modo per navigare attraverso di essa. Una pratica tipica è quella di rivelare una serie di opzioni di navigazione nella sezione sulla pagina. Queste scelte sono uniche per la loro sezione, ma la regione selezionata per visualizzarle è la stessa regione utilizzata per visualizzare la navigazione della sezione per altre aree del sito.

Questa sezione di navigazione design rivela il primo livello di pagine nell'area Prodotti del sito web.

Questa sezione del progetto di navigazione rivela pagine di primo e secondo livello nell'area Prodotti.

In alternativa, è possibile visualizzare la navigazione della sezione completamente aperta. Il vantaggio è che gli utenti possono vedere rapidamente tutti i contenuti di primo e secondo livello con una sezione. Lo svantaggio è che la navigazione può occupare molto spazio e può sembrare ingombrante e opprimente per l'utente.

La navigazione della sezione viene spesso visualizzata come menu a discesa e sulla stessa pagina.

In genere, viene mostrato solo il primo livello di pagine, ma i menu a comparsa possono fornire un accesso rapido alle pagine di secondo livello. Va bene avere una sezione di navigazione ridondante, mostrandola sia sulla pagina che includendola come menu a discesa nel sistema di navigazione globale.

Lasciando una scia di briciole di pane

Se Hansel e Gretel possono usare una scia di briciole di pane per ritrovare la strada attraverso la foresta, pensa a cosa può fare una versione digitale delle briciole di pane per i visitatori del tuo sito web. Briciole di pane, come vengono effettivamente chiamate nel settore del web design, sono collegamenti di testo che lasciano in una traccia che segna i tuoi passi mentre vai in profondità in una sezione.

Questo percorso di briciole di pane fornisce un modo conveniente per rintracciare i passaggi in un sito.

Le briciole di pane sono utili per navigare nei siti che hanno una navigazione che supera di due livelli in profondità una sezione. Ad esempio, se si utilizza la sezione di navigazione per andare a una pagina che ha ancora più collegamenti su di essa, ci si sta ora immergendo in un terzo o quarto livello della gerarchia della sezione. Non è pratico visualizzare la navigazione di terzo e quarto livello nella pagina. Così le briciole di pane possono semplicemente registrare i tuoi passi e diventare sempre più a lungo mentre ti immergi più a fondo (si spera non più di quattro livelli o stai entrando nelle catacombe del sito!).

Ogni collegamento bread-brumb fornisce un modo rapido per tornare ai livelli della gerarchia. Non è necessario seguire i collegamenti in sequenza; puoi fare clic su qualsiasi collegamento nel percorso per tornare rapidamente a un livello diverso nella gerarchia. Il percorso ti dà anche una buona idea di dove ti trovi nel sito. A differenza di uno schema di navigazione globale, tuttavia, non è possibile passare a un'altra sezione ; puoi solo tornare a un livello entro una sezione. Pensa a un sistema di briciole di pane come il pulsante Indietro del browser sugli steroidi.

Graficamente, la convenzione di progettazione per un'interfaccia bread-brumb consiste nel mostrare ogni passaggio precedente come un collegamento di testo attivo seguito da un carattere (freccia, due punti o pipe), il tutto in una riga semplice. L'ultima voce alla fine del percorso rappresenta la pagina corrente in cui ti trovi, quindi dovrebbe essere non essere un link - e dovrebbe apparire diversa. Se fosse un collegamento, ricaricherebbe semplicemente la pagina, non l'esperienza utente ideale.