[MUSICA]
Parliamo ora di navigazione.
Cos' è la navigazione, perché la navigazione è importante per il tuo sito web?
E come forniamo le informazioni di navigazione sul tuo sito web?
Quindi, queste sono la domanda a cui cercheremo di rispondere in questa particolare lezione.
La prima domanda ovvia che ti viene in mente è,
perché abbiamo bisogno di avere la navigazione sul sito web?
Come ti rendi conto, la maggior parte dei siti web non sono più pagine singole.
Certo, esistono quei siti web a pagina singola
come la pagina web del tuo professore nel tuo dipartimento di informatica.
Ma la maggior parte dei siti web di solito contengono più di una pagina.
Come abbiamo visto con il nostro sito di confusione che stiamo costruendo,
abbiamo già aggiunto una seconda pagina chiamata aboutus.html page.
Ora il modo in cui abbiamo navigato alla pagina aboutus.html era di
digitarlo esplicitamente nella barra degli indirizzi del nostro browser.
Ma questo è un modo molto scomodo di navigare sul tuo sito web.
Sarebbe molto più sensato fornire un mezzo intuitivo per
gli utenti di navigare al tuo sito web.
Questo mezzo intuitivo potrebbe essere fornito da molti approcci diversi, la
barra di navigazione è uno dei metodi più comuni per indicare queste informazioni.
Quindi, esamineremo diversi modi comuni per fornire
modelli di navigazione su siti Web tipici.
In questo contesto, si sente spesso parlare di architettura delle informazioni.
L' architettura delle informazioni inizia con la struttura del sistema,
rispetto al modo in cui le informazioni sono organizzate, etichettate.
E la navigazione è fornita attraverso il contenuto o attraverso queste informazioni.
Ora l'architettura dell'informazione, di per sé, è un campo tutto grande.
E 'al di là dello scopo di questo corso per coprire l'architetto dell'informazione.
Ma, nel caso in cui tu sia interessato ad organizzare e
fornire informazioni agli utenti attraverso, ad esempio
, siti web, allora ti ho fornito alcuni link nelle risorse aggiuntive
che puoi andare a leggere per ulteriori conoscenze.
Ma in ogni caso, quando si progetta un sito web,
è importante comprendere la necessità di
progettare le strutture di navigazione delle informazioni all'interno del sito web.
E questa organizzazione delle informazioni all'interno del tuo sito web determina anche il
tipo di ausili di navigazione che fornisci sul tuo sito web e in
base al modo in cui tali informazioni sono organizzate.
In genere, un sito web sarebbe organizzato in una sorta di albero strutturato o
un modo gerarchico.
E questo ti impone automaticamente
come progettare il supporto di navigazione all'interno del tuo sito web.
L' uso di una barra di navigazione, di breadcrumbs e di
altri mezzi di navigazione sono molto, molto essenziali per
consentire agli utenti di essere in grado di vedere varie parti del tuo sito web.
Quando visiti la maggior parte dei siti web, spesso cercherai la barra di navigazione.
Si tratta di una sorta di barra che è tipicamente allegata nella parte superiore
del sito web, o talvolta nella parte inferiore del sito web, o talvolta sul lato,
che fornisce indicazioni sufficienti verso il tipo
di informazioni a cui è possibile accedere su questo sito. In
questo modo la barra di navigazione conterrà in genere collegamenti a varie pagine che
fanno parte del tuo sito web.
Quindi una tipica barra di navigazione, come si fa a progettare questo?
Quando si progetta una tipica barra di navigazione, si dovrebbe ovviamente
tenere a mente alcune cose da fare e non fare su come si progetta le barre di navigazione.
La prima è che si utilizzano
termini semplici e semplici all'interno della barra di navigazione per indicare i vari link
che gli utenti possono seguire all'interno del tuo sito web per raggiungere informazioni..
Dovresti fornire una navigazione standardizzata, in modo
che ovunque l'utente si trovi all'interno della gerarchia del tuo sito web,
saprà sempre come tornare alla homepage, come passare alla successiva
, precedente o su e giù per la gerarchia di qualche tipo.
Quindi indicare la posizione dell'utente all'
interno della gerarchia del tuo sito web è molto, molto utile
per fornire un modo user-friendly di navigare i tuoi siti web.
Inoltre, ci sono alcune convenzioni standard che gli utenti seguono
quando queste barre di spostamento sono progettate.
In genere, quando
nella barra di navigazione è incluso il logo del tuo sito Web o della tua azienda, un clic su questi logo o su
un pulsante Home dovrebbe riportarti al livello più alto della gerarchia o della
home page del tuo sito Web, in genere la pagina index.html.
Alcune delle cose da non tenere a mente è che non si dovrebbero avere troppe
scelte nella barra di navigazione.
Quanti sono troppi?
Se si scopre che la navigazione utilizzando le barre di spostamento è troppo ingombrante
, significa che ci sono troppe opzioni sulla barra di spostamento.
Fornire un ragionevole insieme di scelte all'interno della barra di navigazione in modo da poter
indicare le indicazioni che l'utente può seguire nella navigazione attraverso il tuo sito web.
E quando si utilizzano questi elementi di navigazione nella barra di navigazione,
non utilizzare etichette generiche, utilizzare etichette significative.
Ad esempio, se inserisci un'etichetta denominata prodotto nella
barra di navigazione, le persone saranno confuse riguardo a cosa intendi per prodotto.
Oppure, se metti un servizio nella barra di navigazione, potrebbero essere confusi.
Che tipo di servizio stai fornendo?
Sarà più significativo fornire un termine più descrittivo
nelle intestazioni nella barra di navigazione.
Un altro mezzo per fornire la navigazione
agli utenti è quello di fornire ciò che viene chiamato come breadcrumbs.
Questi sono in genere forniti da qualche parte in quella pagina,
tipico verso il bordo superiore della pagina Web,
più vicino all'intestazione di quella pagina Web.
Le breadcrumbs indicano una sorta di
gerarchia di navigazione all'interno della quale sei attualmente nel tuo sito web.
Quindi questo fornisce un'opzione di navigazione secondaria per il tuo sito web.
Quindi questo potrebbe essere posizionato da qualche parte sotto la navigazione primaria.
Può indicare la gerarchia delle pagine attraverso le quali sei andato.
E la posizione corrente può essere evidenziata specificamente
nel breadcrumb lì.
Quindi vari modi in cui le persone possono utilizzare breadcrumb
includono la fornitura di una navigazione basata su percorsi.
Supponiamo, ad esempio, se hai un utente che esegue una serie di passaggi per
completare un'attività sul tuo sito web, ad esempio, prenotando un biglietto aereo.
Quindi è possibile utilizzare un approccio breadcrumb per indicare loro
quale passaggio è attualmente attivo l'utente nella sequenza di passaggi.
Allo stesso modo, se stai fornendo la tua navigazione basata sulla posizione per l'
approccio gerarchico all'interno del tuo sito web.
Quindi, quale livello di gerarchia ti trovi e qual è la parte superiore verso
la radice della tua gerarchia, in modo che possa essere indicato dai tuoi breadcrumbs.
Il tuo breadcrumb potrebbe anche essere basato sugli attributi, il che significa che fornisci un insieme
di scelte indicate nel tuo breadcrumb per l'utente nel momento corrente.
Un tipico framework interfaccia utente front-end offre molti
altri modi per fornire la navigazione nelle pagine Web.
Questi includono schede, pillole, impaginazione, menu a discesa,
fisarmoniche, tag e SchrollSpy, e Affix.
Vedremo alcuni di questi in modo più dettagliato mentre passiamo attraverso
le varie lezioni nei moduli che seguono questa particolare lezione.
[ MUSIC]