Segnaletica: aiutare gli utenti a navigare nei contenuti
La navigazione di informazioni non familiari sul Web richiede aiuti.
Questi aiuti non hanno un'agenda o un pregiudizio come fa la pubblicità. Invece, aiuti di navigazione aiutano le persone a trovare la strada giusta in base ai loro interessi.
I cartelli sono un tipo di aiuto alla navigazione. Forniscono le informazioni necessarie alle persone per prendere le proprie decisioni durante la ricerca e la navigazione sul Web.
Un progettista dovrebbe preoccuparsi che un sito Web perda lettori? Molti siti Web competono per l'attenzione attirando il pubblico con illustrazioni vivaci, tipografia accattivante e ricche interfacce utente.
Oltre ad essere attraenti, altri siti Web si sforzano di essere utili. L'obiettivo dell'usabilità non è di attirare l'attenzione, ma di ottenere visite ripetute. La pubblicità perde lettori, nel senso che li indirizza ad altri siti web, mentre l'usabilità consiste nell'assicurarsi che non si perdano.
Come le loro controparti del mondo reale, le "segnalazioni" basate sul Web sono spunti visivi che guidano le persone attraverso un nuovo territorio. Nel mondo fisico, le persone si affidano a punti di riferimento, mappe, segnaletica e linee visive per orientarsi in territori sconosciuti.
Online, uno passa per link descrittivi, barre di navigazione e titoli sulla pagina. Real-world e pannelli virtuali hanno lo stesso scopo: aiutare le persone a trovare il percorso migliore verso la loro destinazione.
I collegamenti ipertestuali sono opportunità trascurate
Il Web non funzionerebbe senza collegamenti. Tuttavia, visitatori e designer spesso ignorano i link come eventi unici. Clicca, carica e il gioco è fatto. Ma le giuste informazioni possono trasformare semplici collegamenti ipertestuali in segnalazioni utili che portano i visitatori alle informazioni che cercano.
I collegamenti ipertestuali sono significativi solo quanto il loro testo cliccabile. Un link mal fatto lascerà la gente chiedendosi se il link vale un clic. Le parole dentro e intorno a un link dovrebbero informare le persone su quale sarà il collegamento (ad esempio, reindirizzarle su un'altra pagina o sito Web, scaricare un file, ecc.) E cosa rende il lasciare la pagina corrente più che sufficiente.
- “ Clicca qui per sfogliare la nostra collezione di detective e storie di criminalità ".
- "Sfoglia la nostra collezione di investigatore e storie di crimine “.
- “ Sfoglia la nostra collezione di detective e storie di criminalità “.
Gli esempi sopra sembrano significare la stessa cosa, ma ci sono differenze importanti:
- Il primo esempio usa la frase "clicca qui". L'efficacia di questa frase ha è stato a lungo dibattuto . Sia il W3C e principali motori di ricerca affermare che le parole chiave nei collegamenti sono più utili delle frasi generiche. Cioè, le persone che cercano storie poliziesche sono più inclini a cercare "detective" che a "clicca qui".
- Il secondo esempio ottiene il maggior numero di link nel minor numero di parole. Ogni collegamento è meno specifico di "racconti polizieschi", ma può essere più appropriato a seconda di come è organizzato il contenuto dei siti Web collegati.
- Ci sono due vantaggi per un collegamento come quello del terzo esempio. Innanzitutto, il link contiene parole chiave, il che significa che non vi è alcun dubbio su dove conduce. In secondo luogo, la sua area cliccabile totale è più grande; i piccoli collegamenti richiedono più precisione dal visitatore.
Il design aggiunge significato ai collegamenti
Sfortunatamente, le persone schiaccianti con informazioni sono possibili. Per esempio:
gialli .
Alcune cose da notare:
- Abbiamo spostato la maggior parte del testo all'attributo "titolo". La maggior parte dei browser mostra il titolo solo quando l'utente sposta il cursore sul collegamento, riducendo la confusione sulla pagina.
- Abbiamo lasciato "Ulteriori informazioni su" al di fuori del collegamento. Se rimuovere frasi come "fai clic qui per ..." e "vedi altro ..." dipende dal tuo stile, ma in generale utilizza il minor numero possibile di parole chiave non-chiave.
- Nei browser che supportano HTML5 e CSS3, il
relattributo indica il tipo di collegamento. Designer che usano Selettori di attributi CSS con approvatorelvalori sarà in grado di creare collegamenti in base alla loro rilevanza. - Abbiamo usato un'icona per indicare che il collegamento porterà gli utenti a un altro sito web. Le icone possono essere ambigue, ma un suggerimento è meglio di niente.
Un avvertimento: evita di ripetere le parole dal testo cliccabile nell'attributo del titolo. Se non stai dicendo ai tuoi lettori qualcosa di nuovo, non ha senso includerlo. Per esempio…
Barre di navigazione efficaci: più della somma dei loro collegamenti
Qualsiasi collegamento può essere utile, ma la migliore guida che un sito Web offre dovrebbe apparire nella barra di navigazione.
Una barra di navigazione è un elenco di collegamenti alle parti principali di un sito web. Le barre di navigazione sono generalmente collocate in cima o sul lato sinistro di ogni pagina di un sito Web e variano nell'aspetto. Le barre ben fatte fanno molto di più che fornire link. Essi:
- Offri ai visitatori un'idea dello scopo e delle priorità del sito web.
- Servire come una mappa del sito semplificata.
- Indica la posizione della pagina corrente all'interno di quella mappa.
- Dì ai visitatori dove sono già stati.
Anche se sono sottili, le barre di navigazione meritano più che essere relegate ai margini di un layout. Una barra di navigazione inefficace è vaga o poco utile e potrebbe presentare problemi come:
- Link al testo che potrebbe essere trovato su qualsiasi sito web. "Casa", "Informazioni", "Servizi" e "Contatti" possono essere precisi, ma questi titoli sono troppo generici per dare un senso di identità o di scopo.
- Tutti i link hanno lo stesso stile. Su un sito web complesso, un semplice elenco di link non è solo inutile, è decisamente scortese.
- Collegamenti che rimandano alle pagine sbagliate o alle pagine che non esistono.
Anche se un visitatore decide di non fare clic, il collegamento potrebbe comunque essere un successo. Supponiamo che un visitatore desideri l'indirizzo email di un'azienda. La barra di navigazione sul sito Web dell'azienda potrebbe offrire molte opzioni:
Casa | Servizi | Il tuo account | Servizi | Storia | Opportunità di lavoro | Tariffe e politiche | Contatto
La scelta più ovvia è "Contatto". E ovviamente, essendo errati , gli altri link dicono al visitatore di non fare clic su di essi. Dal punto di vista della ricerca del contenuto, questa barra di navigazione dice:
No | No | No | No | Non probabile | Può essere | No | Probabilmente
Una barra di navigazione può essere piena di "no"? Sicuramente, se il sito web non ha ciò che l'utente desidera. Una buona navigazione non consiste nel fornire la risposta ad ogni costo. Guida semplicemente le persone al contenuto che vogliono con la minima ambiguità. L'obiettivo di una barra di navigazione efficace, quindi, è di trasformare tutti i link "probabilmente" in "sì" o "no".
I cartelli sono strumenti
Come tutti gli strumenti, le segnalazioni sono un mezzo per creare soluzioni ma non sono le soluzioni stesse. Lo scopo delle indicazioni è di semplificare per i lettori, non aggiungere uno strato di complessità.
Le segnalazioni basate sul Web non devono attirare le persone verso le loro destinazioni. Piuttosto, il progettista dovrebbe dire alla gente cosa è disponibile e dare loro la possibilità di decidere dove andare.
Scritto esclusivamente per il Webdesigner Depot di Ben Gremillion. Ben è un web designer chi risolve i problemi di comunicazione con un design migliore.
Come fai a semplificare la navigazione dei contenuti? Qual è il sito più difficile che tu abbia mai dovuto scavare? Condividi le tue storie nella sezione commenti qui sotto.