Web Design  »  Articoli  »  Web design 

Cosa rende il design di un sito web veramente efficace? Una grafica accattivante, una scelta attenta dei colori, l'uso di Flash per animare un pò l'interazione con la nostra applicazione. Qualcuno potrebbe giustamente dire che queste sono scelte di design che contribuiranno ad aumentare, o ridurre, l'efficacia che il sito avrà sugli utenti. In parte è vero. Sono infatti l'usabilità e l'utilità di un sito a determinarne il successo o il fallimento, non l'aspetto.

Principi

Vediamo in ordine un insieme di principi base necessari per capire in che modo gli utenti interagiscono con i siti web. Questo ci permetterà di delineare una serie di pattern del comportamento dell'utente sulla base dei quali progettare un design veramente efficace.

1) Non farmi pensare

La prima e la più famosa regola indicata da Steve Krug sull'usabilità. Significa che, per quanto sia possibile, quando guardo la pagina di un sito essa dovrebbe essere autoesplicativa, dovrei poterla usare e interpretare senza sforzo e, appunto, senza pensarci.

2) Creare una chiara gerarchia visiva

Uno dei modi migliori per rendere una pagina facile da afferrare al volo è assicurarsi che l'aspetto delle cose sulla pagina, ovvero ogni indizio visivo, ritragga in modo chiaro e accurato le relazioni tra gli oggetti della pagina: quali cose sono correlate e quali cose sono parte di altre. In altre parole, ogni pagina dovrebbe avere una gerarchia visiva.

• più un elemento è importante, più è messo in rilievo - ad esempio i titoli più importanti sono più grandi, delineati e spaziati;
• alla correlazione logica  corrisponde  anche una correlazione visiva - la similarità degli elementi può essere rappresentata con uno stile visuale comune;
• gli elementi sono visivamente nidificati per mostrare cosa è parte di cosa.

Il principio della gerarchia visiva è ereditato direttamente dalla stampa e dalle sue pratiche di impaginazione dei giornali. Ogni pagina di giornale, per esempio, usa il dare rilievo, il raggruppare e il nidificare per trasmettere informazioni utili sul suo contenuto prima ancora che il lettore abbia letto una sola parola.

Ogni giorno analizziamo gerarchie visive, sia online sia su carta, ed è un fatto che accade in modo così rapido che ce ne rendiamo conto solo quando non riusciamo a farlo. Il vantaggio di una buona gerarchia è che ci risparmia la fatica di pre-elaborare la pagina, organizzando e stabilendo priorità nei contenuti in un modo che ci permetta di scannerizzarla quasi istantaneamente.

Il processo di scansione, diverso da quello di lettura, sarà più lento nelle pagine prive di gerarchia perché dovremo impiegare un maggiore sforzo cognitivo per capire come sono organizzati i contenuti e di cosa parlano.

Analizzare una pagina dalla gerarchia difettosa, dove ad esempio un titolo raccoglie sotto di sé contenuto che non c'entra nulla con esso, è come leggere una frase costruita male, obbligandoci a rallentare la nostra scansione e soffermarci sul contenuto più del dovuto.

3) Le convenzioni sono vostre amiche

Capita spesso, durante la progettazione, di dover scegliere tra innovare o seguire una convenzione. Ogni mezzo di comunicazione sviluppa le proprie convenzioni nel corso del tempo, perfezionandole. Quelle del web sono perlopiù derivate dalle convenzioni di giornali e riviste. Dietro una convenzione c'è sempre un'idea innovativa che, se funziona bene, viene imitata fino a che la sua diffusione si estende al punto di non avere più bisogno di spiegazioni, e questo processo su internet avviene molto più velocemente che su ogni altro media.

Altri articoli

Altre guide

Altre newsletter