Schemi di navigazione
di CyberBizia, 25 Novembre 2002
L'articolo proviene da Cyberbizia.com ed è stato riprodotto per gentile concessione dell'autore.
Quando progettiamo un sito web, cerchiamo sempre di creare uno schema di navigazione per il sito che (a) sia coerente su tutto il sito e (b) permetta ai visitatori del sito di trovare facilmente e rapidamente le informazioni a cui sono interessati. Uno schema di navigazione coerente dimostra ai potenziali clienti che vi preoccupate di rendere agevole e comodo l'accesso ai vostri prodotti o servizi sul sito web.
Collegamenti testuali
Molti novizi del web comprendono che un testo blu e sottolineato è un collegamento ipertestuale. Per questo motivo pensiamo che, in generale, sia una buona idea includere, nelle pagine del sito web, dei collegamenti testuali che affiancano le immagini grafiche.
I colori dei collegamenti testuali dovrebbero risultare il più possibile familiari ai visitatori. Un testo blu solitamente indica un collegamento non visitato mentre un testo viola o rosso scuro solitamente indica un collegamento che è già stato visitato. Se decidete di non usare i colori usuali, i vostri collegamenti testuali dovrebbero in qualche modo essere riconoscibili come tali: in grassetto, mediante caratteri più grandi, delimitati tra aste verticali o parentesi quadre, o una combinazione di questi elementi. I collegamenti testuali dovrebbero essere univoci, cioè, non dovrebbero avere lo stesso aspetto dell'altro testo del sito. Sicuramente non è auspicabile che i visitatori tentino di cliccare su di un titolo perché pensano che essi rappresentino dei collegamenti.
- Vantaggi:
Il principale vantaggio dell'utilizzo di collegamenti testuali è il breve tempo di caricamento della pagina web. Se utilizzate immagini grafiche pesanti (in KB) nelle vostre pagine web, potrebbe essere meglio avere uno schema di navigazione testuale.
Un altro vantaggio dei collegamenti testuali è che alcune delle parole dei collegamenti potrebbero essere parole chiave. - Svantaggi:
Lo svantaggio principale dei collegamenti testuali è che essi potrebbero risultare noiosi e poco attraenti specialmente se si ha un gran numero di collegamenti testuali sparsi su tutte le pagine. Agli utenti di Internet piace la semplicità e la facilità di navigazione. Perciò, se esiste un modo di rendere i collegamenti testuali più attraenti dal punto di vista estetico e più facilmente individuabili, come, per esempio, situandoli all'interno di una cella colorata in una tabella o in una barra laterale, vi raccomandiamo di farlo.
Immagini grafiche/Bottoni di navigazione
Le immagini grafiche conferiscono unicità, colore e personalità ad un sito web. La maggior parte dei siti web che si vedono oggigiorno utilizzano la grafica (i bottoni) come schema di navigazione.
- Vantaggi:
Le immagini grafiche sono visivamente attraenti. L'attenzione delle persone viene naturalmente attratta da una macchia di colore o da una variazione di dimensioni.
Il principale vantaggio dell'utilizzo dei bottoni di navigazione è che essi danno al visitatore una rappresentazione visuale immediata di come navigare nel sito, specialmente se i bottoni di navigazione sono visibili e situati nella parte superiore dello schermo.
Un altro vantaggio dell'utilizzo di immagini/bottoni per la navigazione è che fintanto che i bottoni di navigazione hanno un testo alternativo nel codice HTML, è ancora possibile navigare nel vostro sito web anche se i visitatori hanno disabilitato la visualizzazione delle immagini. Se i bottoni di navigazione vengono usati insieme ai collegamenti testuali, avrete più posti in cui situare parole chiave: sia nei collegamenti testuali che nel testo alternativo associato ai bottoni di navigazione. Molti specialisti della ottimizzazione per i motori di ricerca raccomandano una tale combinazione ai fini di una buona indicizzazione nei motori di ricerca. - Svantaggi:
Il tempo di scaricamento è una considerazione importante nel determinare se utilizzare bottoni di navigazione o meno. In generale, occorre far si che i files dei bottoni di navigazione abbiano dimensioni di memoria di 1-5 KB e dimensioni fisiche di 60-165 pixel in larghezza e 25-60 pixel in altezza.
Sicuramente non bisogna che il messaggio principale del vostro sito sia rappresentato dai bottoni di navigazione, né vorreste che gli utenti se ne vadano dal vostro sito a causa dei tempi di caricamento elevati causati da bottoni di navigazione troppo pesanti.
Molti siti hanno imparato ad evitare effetti di rilievo dei bottoni di navigazione. Lo svantaggio di questa scelta è che molti visitatori potrebbero non riconoscere una data immagine quale bottone di navigazione. Uno dei motivi per cui i bottoni in rilievo sono così popolari è che la gente crede che una immagine "a forma di bottone" sia "cliccabile".
Immagini grafiche e mappate
Un'immagine mappata è un'unica immagine grafica che consente agli utenti di accedere alle diverse pagine del sito web cliccando su aree differenti dell'immagine stessa. Sul nostro sito web (Cyberbizia.com), utilizziamo diverse immagini mappate, ma le più importanti si trovano nella pagina iniziale del sito e in testa alle altre pagine per la navigazione.
- Vantaggi:
A volte una singola immagine mappata è più veloce da scaricare di molti bottoni di navigazione separati, come nel caso del nostro sito web.
Un altro vantaggio delle immagini mappate per la navigazione del sito è che i progettisti grafici possono mostrare un po' più di creatività nel progettare una immagine mappata piuttosto che una serie di bottoni di navigazione.
È possibile inserire il testo alternativo anche nel codice HTML delle immagini mappate. - Svantaggi:
A molti progettisti grafici che si specializzano nel design per la stampa piace dimostrare il proprio talento artistico creando bellissime immagini mappate che però spesso richiedono tempi di caricamento lunghi. Avere una immagine mappata molto bella a volte può aumentare le vendite e mostrare creatività e unicità, ma è anche alta la probabilità che un potenziale cliente esca dal sito prima che la pagina abbia terminato lo scaricamento.
Inoltre, i motori di ricerca non riescono a seguire i collegamenti all'interno di una immagine mappata e perciò è molto importante inserire anche collegamenti testuali o bottoni di navigazione in altri punti e nelle altre pagine del sito web.
Menu a tendina - Javascript - Cgi, etc.
JavaScript è un linguaggio di programmazione supportato dalla versione 2.0 di Netscape Navigator e dalla versione 3.01 di Microsoft Internet Explorer. È possibile programmare in JavaScript direttamente all'interno del codice HTML delle pagine, ed è una modalità di realizzare lo schema di navigazione di un sito web diventata ormai molto diffusa. Uno schema di navigazione, inoltre, può essere programmato con script CGI. Ecco come si presenta un menu a tendina azionato da un piccolo script JavaScript:
Attenzione: i link sopra elecati sono puramente esemplificativi e non puntano ad alcun url.
- Vantaggi:
Il vantaggio principale dei menu a tendina è il risparmio di spazio sulla pagina web rispetto alle immagini grafiche. Se sapete che la maggior parte dei visitatori al vostro sito hanno la modalità JavaScript del browser abilitata, questo è un sistema di navigazione molto valido. - Svantaggi:
Lo svantaggio principale di questo tipo di schema di navigazione è che i browser di vecchia generazione non sono abilitati per JavaScript. Se sapete che la maggior parte dei visitatori del vostro sito non ha l'abilitazione a JavaScript, allora è preferibile utilizzare qualche altro schema di navigazione.
Se la navigazione sul vostro sito utilizza script CGI, dovete avere un server web che consenta questo tipo di programmi.
Pagine generate dinamicamente
Uno schema di navigazione generato dinamicamente, come lo sono le pagine generate nelle funzioni di ricerca, è più adatto a siti web che che sono collegati a basi di dati. Per esempio, negozi in rete che immagazzinano un grande inventario necessiteranno di una funzione di ricerca affinché i loro utenti possano trovare i prodotti desiderati.
- Vantaggi:
Le pagine generate dinamicamente, particolarmente nel caso dei negozi online, aiutano i loro potenziali clienti a reperire i prodotti o i servizi in maniera molto rapida. I visitatori del sito possono digitare un termine di ricerca e trovare ciò che stanno cercando entro il limite dei tre clic.
Le funzioni di ricerca, inoltre, non richiedono molto spazio su schermo. - Svantaggi:
Lo svantaggio principale di questo schema di navigazione è che i motori di ricerca non riescono a seguire i collegamenti generati dinamicamente e perciò, affinché il vostro sito possa essere indicizzzato, è preferibile registrare nei motori di ricerca solamente quelle pagine che non vengono generate dinamicamente.
Inoltre il mantenimento contemporaneo di una base di dati che generi dinamicamente le pagine e di pagine statiche (HTML) può essere costoso sia in termini finanziari che di tempo.
