Webmastering - Webdesign

Concezione del sistema di navigazione

La struttura di un sito web deve essere il riflesso di una strategia. Devono essere elaborati degli scenari di navigazione per spingere l'utente a seguire un percorso all'interno del sito.

Tuttavia non bisogna imbrigliare il visitatore ma lasciarlo libero di spostarsi o cambiare rubrica in ogni momento.

Percorso visuale

Alcuni studi hanno mostrato che l'occhio dell'internauta medio percorre generalmente la pagina web secondo un andamento globale a « zigzag » cominciando dall'angolo superiore sinistro, fino all'angolo inferiore destro.

percorso visuale di una pagina web

La zona centrale superiore rappresenta quindi un luogo particolarmente strategico per piazzare delle informazioni.

Strutturazione di un sito web

La strutturazione di un sito web consiste nel costruire l'architettura globale del sito web organizzando le diverse informazioni,

Si tratta in un primo tempo di fare l'inventario dei contenuti del sito e di raggrupparli per tematica così da costituire delle rubriche, si parla allora di rubricazione.

Una volta identificate le principali rubriche (si farà attenzione a non superare la dozzina), bisogna determinare la loro organizzazione e scomposizione in sotto rubriche. La maggior parte del tempo la strutturazione del sito può presentarsi come un'arbor

Archiviazione

I classici

Alcune caratteristice si ritrovano generalmente da un sito all'altro :

  • Logo del sito web in alto a sinistra. Un clic su questo logo porta direttamente all'homepage del sito ;
  • Link verso la homepage su ogni pagina del sito ;
  • Elementi di navigazione presenti su ogni pagina per permettere all'utente di situarsi nel sito e ritornare facilmente alla rubrica principale.

Elementi di navigazione

Gli elementi di navigazione sono degli strumenti che permettono al visitatore di sapere dove si trova nel sito, di tornare da dove è arrivato o di spostarsi nelle rubriche. Esistono diversi mezzi di attuare gli elementi di navigazione :

Filo di Arianna

Viene detto filo di Arianna (o binari e in inglese breadcrumbs trail), uno strumento di navigazione costituito da una serie di link gerarchizzati. Il filo di Arianna rappresenta il percorso di navigazione e permette all'utente :

  • di individuarsi nel sito 
  • di ritornare facilmente alle rubriche principali.

Un filo di Arianna si presenta come segue :
Homepage > Webmastering > Navigazione

Un filo di Arianna ha le seguenti caratteristiche :

  • Link separati dal carattere « > », per simbolizzare la nozione di gerarchia.
  • Ultimo clic non cliccabile e in grassetto. Rappresenta la pagina sulla quale si trova il visitatore.

Il termine inglese « breadcrumb » (letteralmente « briciola di pane ») fa riferimento alla favola di Grimm, « Hansel e Gretel », che racconta la storia di due bambini perduti nel bosco che

Il termine italiano « filo di Arianna » si riferisce alla mitologia greca. Arianna, innamorata di Teseo, gli offre un gomitolo di lana quando si avventura nel labirinto per uccidere il minotauro. Disfandolo, e poi riaggomitolandolo,

Navigazione per finestre

Le finestre sono degli strumenti di navigazione utili che permettono di distinguere delle rubriche in un sito web e di passare facilmente da uno all'altro. Possono essere usati anche dei codici colori per rinforzare la differenza tra le rubriche.

navigazione per opzioni

Mappa del sito

Una mappa del sito (o in inglesesite map) permette agli internauti di conoscere il sito nella sua globalità in uno solo colpo d'occhio. Un item « voi siete qui » può inoltre permettere all'internauta di situarsi sul sito.

Frecce di navigazione

La presenza di frecce di navigazione (successiva, precedente, ritorno al capitolo, ritorno all'homepage) permette di fornire una navigazione intuitiva all'utente.

Ultime modificazione il venerdì 6 febbraio 2009 alle 16:52:00 da Jeff
Il documento intitolato « Webmastering - Webdesign » da Kioskea.net (it.kioskea.net) è reso disponibile sotto i termini della licenza Creative Commons. È possibile copiare, modificare delle copie di questa pagina, nelle condizioni previste dalla licenza, finché questa nota appaia chiaramente.
Ergonomia
Web design