Lavora con noi

Web design

Siti tematici

Speciali

Lezioni:

...
<
20
21
22
>
...
Indice

Organizzare la navigazione

Strumenti di navigazione

Gli strumenti di navigazione assumono un'importanza fondamentale all'interno delle nostre pagine. Possono consistere in un indice, ossia un elenco di collegamenti testuali o una serie di pulsanti, associati ciascuno a una delle pagine del sito, in modo che il visitatore possa navigare liberamente da un punto all'altro facendo click sui collegamenti proposti.

La barra di navigazione dovrebbe essere sempre costante e presente in tutte le pagine del sito e deve diventare la bussola dell'utente. Attraverso questo strumento l'utente deve sempre poter scegliere dove andare e cosa fare.

tra le voci che dovrebbero essere sempre presenti in una barra di navigazione, sicuramente troviamo:

mappa del sito: linkala sempre alle diverse sezioni del sito. È di fondamentale utilità nei siti molto grandi, meno importante nei siti piccoli
help: molto utile anche nei siti piccoli, perché rassicura il navigatore
pulsanti avanti e indietro: non servono se si riesce a far stare tutto il testo in una sola schermata.
barra di scorrimento
presenza del mail-to (cioè dell'indirizzo e-mail): fondamentale per l'interazione tra emittente e destinatario.

Ci sono vari tipi di barre di navigazione o navigator:

navigator orizzontale
navigator verticale
navigator doppio
navigator contestualizzato
navigator a scomparsa
navigator statico o dinamico

È bene non usare il navigator doppio in homepage. I navigator contestuali possono cambiare di pagina in pagina. Il navigator contestuale dipende dal principale.

Importantissime sono le coordinate testuali interattive (il path). Come dice la parola stessa sono coordinate, ci segnalano esattamente dove ci troviamo. Generalmente il path è semplice testo linkabile.

La barra di navigazione non sempre è fatta di solo testo, anzi essendo solitamente integrata nella grafica della pagina, è fatta di immagini o pulsanti. Dato che i nostri utenti potrebbero avere disabilitato il caricamento automatico delle immagini nel proprio browser, è bene riproporre una versione fatta di solo testo della stessa barra di navigazione, e comunque usare l'alt text. In questo modo, anche chi non potesse visualizzare le immagini può comunque capire il testo del pulsante in questione, e quindi capire dove arriverà cliccandoci sopra.

Un'altra sana abitudini è riproporre il menù principale in fondo alla pagina web, soprattutto se si tratta di pagine lunghe, che richiedono lo scrolling verticale. Giunti alla fine non obbligare il tuo visitatore a tornare in cima alla pagina per trovare stimoli e proposte per andare nelle altre sezioni del sito: riproponi i link testuali anche sul fondo!

Tutti gli strumenti di navigazione sono basati su etichette testuali. È importantissimo che i nomi scelti per ogni elemento e ogni sezione siano il più possibile significativi per l'utente finale. Orienta il sito in maniera da facilitare all'utente l'esecuzione dei compiti scegliendo nomi di azioni o prodotti per lui significativi.

Icone e metafore

Il problema principale del web design rimane comunque quello di fornire degli indicatori di percorso che consentano una buona. Spesso un'immagine vale più di cento parole: è normale perciò, anche nella progettazione di pagine Web, il ricorso a icone che simboleggiano concetti e funzioni di vario genere. Tuttavia la scelta dell'immagine più appropriata non è sempre immediata: ciò è dovuto al fatto che esse esprimono in genere metafore di oggetti quotidiani, non tutti ugualmente familiari a chiunque.

Altro vantaggio delle icone è che aiutano gli ospiti internazionali, che non conoscono la lingua usata nel nostro sito. Stai attento, quando scegli un'immagine per rappresentare un concetto, a cercare di usare simboli semplici ma efficaci. Per farti degli esempi, le frecce avanti e indietro sono sensi comuni della navigazione da pagina a pagina. L'icona di una matita o di una penna può collegarsi al concetto di una cartolina o di un messaggio da scrivere, un'icona del giornale o di un libro può richiamare il concetto del download o della stampa, e così via.