GUIDA PAGINE WEB: WEB DESIGN

Gli utenti hanno bisogno di trovare in modo intuitivo ciò di cui hanno bisogno, orientandosi seguendo il percorso del nostro sito. Spesso, però, la navigazione è così difficile che l'utente sceglie di abbandonare il sito web.

Di seguito le 10 tecniche da seguire:

1) Testata (header) della pagina

Le pagine di un sito dovrebbero innanzitutto avere un header (testata) principale.

Nella testata inseriremo il logo, link importanti, titolo e frase introduttiva sui contenuti offerti nella pagina. Possiamo inoltre usare font di grandezze superiori rispetto al resto della pagina, o ancora usare colori differenti sia per il testo che per lo sfondo per dare più importanza alla testata, infine dare il giusto spazio vuoto (padding e margin) attorno agli elementi che compongono la testata.

2) Percorsi di navigazione

Una tecnica molto usata e utile è quella delle briciole di pane (breadcrumb). Così definita in quanto mostrano dove sono gli utenti in relazione alla homepage.

Esempio:
Home > Categoria > Sottocategoria > Pagina

Questa tecnica di navigazione permette di:

• mostrare agli utenti dove si trovano (utile nel caso in cui entrino in una pagina diversa dalla homepage);
• mostrare agli utenti la struttura del nostro sito web;
• mostrare agli utenti la loro posizione corrente.

3) Menù principale di navigazione

Fondamentale è offrire un menù primario di navigazione il più possibile semplice e visibile per permettere all'utente di orientarsi all'interno del nostro sito internet.

Una regola da seguire riguarda l'evidenziare (marcare) i vari link selezionati con un colore di sfondo diverso dal link iniziale (sia il testo che lo sfondo attorno al link).

4) Menù secondario di navigazione

Come per il menù principale, anche questo dev'essere offerto in modo semplice e visibile e deve seguire la regola del menù principale, in quanto il menù secondario è ugualmente importante perchè permette la navigazione interna delle pagine del sito.

5) I collegamenti (link)

I collegamenti devo comunicare con chiarezza dove porteranno l'utente, quindi il testo del link deve descrivere correttamente il contenuto delle pagina che l'utente andrà a visitare.

Le regole principali da seguire sono che non bisogna usare descrizioni del tipo Clicca qui e che il testo del link che l'utente cliccherà dovrà essere il più possibile simile al testo dell'intestazione principale della pagina in cui l'utente entrerà.

6) Struttura

La struttura deve contribuire ad orientare l'utente all'interno del sito internet.

Quindi, quando realizziamo una struttura, dobbiamo assicurarci che:

• il design non sia ingombrante, se gli utenti sono abituati a determinati layout (due o tre colonne), con una certa disposizione dei contenuti e del menù, mantenere quest'abitudine;
• gli argomenti e in genere i testi all'interno delle pagine mantengano la stessa posizione durante la navigazione. Se il titolo è in alto, dovrà restare sempre in alto in tutte le pagine, se il menù è a sinistra dovrà restare sempre a sinistra, ecc..

7) Barra di progressione

Questa barra viene solitamente utilizzata per aiutare gli utenti ad orientarsi durante un processo di registrazione o acquisto di un prodotto.

Quindi la barra dovrebbe:

• essere facilmente riconoscibile;
• utilizzare un linguaggio semplice;
• evidenziare la posizione corrente e scurire le altre (passi successivi e precedenti).

8) I titoli

Il titolo della pagina è quel testo che troviamo nella barra del titolo del browser.

Dovrebbe essere:

• breve e che allo stesso tempo sintetizzi il contenuto della pagina, in questo modo gli utenti possono orientarsi meglio;
• informativo, in quanto gli utenti si basano sulle prime parole che leggono per decidere se continuare la lettura ma anche i motori di ricerca danno maggiore importanza ai titoli;
• significativo perchè gli utenti potranno vedere il titolo nella cronologia, nella taskbar, nei preferiti.

9) La mappa (sitemap)

Le mappe sono fondamentali quando i siti internet sono formati da molte pagine. Ma è ugualmente importante perchè permette una migliore indicizzazione del sito all'interno dei motori di ricerca. Questa dovrebbe essere chiara e riflettere la struttura del sito.

10) Tagline

La tagline è una descrizione che sintetizza il servizio offerto dal sito internet. Questa va posizionata sotto al logo e dovrebbe essere: significativa, chiara, informativa e brevissima.