Jamboo's Webs and Blogs

Le barre di navigazione sono molto comuni nei siti web. Esse forniscono il meccanismo principale attraverso cui gli utenti sfogliano un sito, quindi l’apparenza di una barra di navigazione stabilisce la mappa concettuale dell’utente necessaria per capire come un sito è organizzato. In altri termini una barra navigazionale è un sommario dell’intera organizzazione del sito. Stabilire quali elementi includere nella barra di navigazione è un m0mento critico nel processo di design.

Troppi link creano confusione, pochissimi link rendono i percorsi più lunghi rallentandone la navigazione. Tipicamente gli utenti hanno bisogno di arrivare da qualunque punto essi si trovano sulla Home Page, su qualunque pagina si trovi prima della pagina corrente e sulla prima pagina della sezione corrente. Secondo il tipo di compito gli utenti hanno anche bisogno di accedere alla pagina successiva o alla pagina precedente secondo una sequenza.

Navigazione minima

Nella sua forma minima, una mappa del sito o una Home Page può contenere collegamenti a tutte le pagine del sito, e ciascuna pagina necessita di un solo link (il link Home per tornare indietro).

In un sito dalla struttura gerarchica si può risparmiare un po’ di tempo fornendo la lista di link che conducono alle sotto pagine della pagina corrente. Quando si sfogliano i singoli prodotti è utile avere i link “precedente” e “successivo” per muoversi fra i vari prodotti, o anche un link che conduca all’inizio della categoria più recente.

Questo approccio minimale fornisce uno schema di navigazione che necessita di poca manutenzione. Per aggiungere una pagina o rimuovere una pagina si può semplicemente aggiungere o rimuovere il singolo link dalla categoria in cui è contenuto. Da un lato la navigazione è breve e facile da intuire, dall’altro essa non indica chiaramente come è organizzato il sito.

Briciole

Le briciole mostrano la gerarchia delle pagine lungo un percorso che parte dalla Home Page sino alla pagina corrente. Questa è una concisa rappresentazione della struttura del sito e della posizione corrente dell’utente nella struttura.

Sei qui: Home > Prodotti > Informatica > Schede video

oppure

Home > Prodotti > Informatica > Schede video (Sei qui)

Alcuni utenti possono confondere questa lista con una barra di navigazione tradizionale dove ciascuna delle opzioni si trova sullo stesso livello. Il simbolo > (maggiore di) aiuta a capire che le briciole indicano una relazione di ordine.

Le briciole facilitano e rendono più veloce la navigazione su ogni livello della gerarchia. Nei siti dove sono presenti dei database è possibile elencare il percorso attuale che un utente ha intrapreso per arrivare al punto corrente piuttosto che la gerarchia ideale rappresentata nelle briciole tradizionali. Questo si può attuare ad esempio nelle pagine di un sito alle quali si può accedere seguendo svariati percorsi. Facendo ciò si forniscono all’utente opzioni più rilevanti, ma si perde la possibilità di indicare la struttura del sito.

Le categorie di livello superiore

Fornire la lista delle categorie di livello superiore aiuta l’utente a definire lo scopo del sito e facilita l’accesso alle informazioni primarie del sito.

Home > Chi siamo > Prodotti > Dove siamo > Contattaci

Schede video: Ati > Nvidia

La sottobarra di navigazione è mostrata per la pagina corrente, ma le categorie intermedie sono omesse (Informatica – Schede video). Ciò rende la navigazione concisa, ma la rende anche difficile per quanto riguarda le categorie intermedie. Infatti questo procedimento funziona solo per i siti poco profondi, a uno

o due livelli di navigazione. Nei siti più profondi l’assenza della navigazione intermedia potrebbe creare confusione.

Profili che si espandono

Uno dei più comuni stili di navigazione è quello di mostrare una lista di opzioni contenente una serie di categorie che si espandono quando vengono selezionate.

Home Chi siamo Prodotti

Informatica Schermi Masterizzatori Schede video

-Ati

-Nvidia Arredamento Articoli da regalo

Dove siamo Contattaci

Questo approccio aiuta l’utente a crearsi una buona mappa concettuale dell’organizzazione del sito. È l’alternativa più vicina al mostrare in maniera semplice tutti i link di un sito fornendo all’utente una veloce navigazione delle opzioni presentate. Il problema dei profili che si espandono è che la lista diventa incontrollabile quando il numero delle opzioni si allarga. I profili che si espandono sono adatti per siti a tre livelli di navigazione, mentre a quattro o più livelli di navigazione lo spazio può non essere più sufficiente.

Pagine in sequenza

Quando alcune pagine seguono una sequenza lineare naturale è una convenzione comune utilizzare una lista di pagine con pagine Precedenti e Successive:

1 2 3 4 5 6 7 8 9 – Precedente Successiva

Questo tipo di lista è comune nei risultati dei motori di ricerca o negli articoli che si dividono in più pagine.

Siti molto grandi

Nei siti molto grandi bisogna analizzare attentamente il filo conduttore di ogni informazione. Un approccio tipico è il seguente:

Sei qui: Home > Prodotti > Informatica > Schede video [Contattaci] [Mappa del sito] Home > Chi siamo > Prodotti > Dove siamo > Contattaci Schede video: Ati > Nvidia

Il seguente approccio include le briciole, le pagine utili (Contattaci e Mappa del sito), la barra di navigazione principale (categorie di livello superiore) e la sottobarra di navigazione che elenca le sotto pagine della pagina corrente. Ciò evita confusione ma impiega all’utente un po’ di tempo in più per capire il meccanismo poiché la barra di navigazione deve essere interpretata.

Sottositi indipendenti

Quando il sito diventa troppo grande, una strategia è quella di creare dei sottositi a sé stanti dove si può includere un link che riporta alla Home principale dell’intero sito web oppure la briciola. Il sottosito si presenta come se fosse un sito indipendente, con la sua Home Page e il suo sistema di navigazione, così riducendo l’apparente complessità per l’utente.

Barre di navigazione ridondanti

Fornendo una ulteriore barra di navigazione testuale a piè di pagina si crea una ridondanza utile nella pagina. Se la barra di navigazione principale è costituita da una serie di link grafici, le immagini grafiche non possono essere accessibili da parte di quegli utenti che sospendono il caricamento delle immagini attraverso le funzionalità del loro browser oppure di quegli utenti che usano gli screen readers. Inoltre se una pagina è lunga, è più conveniente trovare la barra di navigazione in basso alla pagina in modo che lo scroll non sia necessario per navigare.

Tuttavia , se le pagine sono corte o variano nella loro lunghezza, questa barra di navigazione testuale ridondante potrebbe non essere necessaria confondendo gli utenti, i quali potrebbero desumere che se vedono due barre di navigazione nella stessa pagina ci deve essere una significativa differenza tra di loro.. Per ridurre questo problema sarebbe necessario assicurarsi che non ci siano inconsistenze tra le due versioni.

Se le pagine sono sempre corte e la barra di navigazione principale è presentata come testo HTML, allora non c’è alcun bisogno di una barra ridondante.