La struttura della pagina web gioca un ruolo fondamentale per l’usabilità. In questo post vediamo 5 semplici, ma preziose, regole per poter rendere usabile un sito.

Ecco 5 regole d’oro per organizzare in modo usabile i contenuti di un sito

L’ostacolo più frequente che può incontrare un utente intenzionato a rimanere su di un sito web, è dovuto alla poca leggibilità.

E’ quindi fondamentale strutturare la pagina web per agevolare l’utente nella sua lettura, accompagnando il suo sguardo attraverso forti gerarchie visive e pagine ottimizzate per l’esplorazione.

#1. Definiamo visivamente la struttura della pagina web

  • Utilizziamo lo spazio bianco per raggruppare contenuti e per separarli tra loro
  • Ricorriamo ad un design di siti web che abbia aree di contrasto ove mettere in rilievo gli inviti all’azione
  • Usiamo il design di contrasto per evidenziare i punti chiave a cui potrebbe essere interessato l’utente target nella sua ricerca di indizi
definiamo visivamente la struttura della pagina web
E’importante strutturare la pagina per rendere chiaro all’utente come raggiungere i propri obiettivi

#2. Controlliamo il livello di dettaglio

  • Riveliamo progressivamente le informazioni in modo che gli utenti possano controllare il livello di dettaglio e se decidono di fermarsi avranno comunque acquisito i dati più importanti.
  • Usiamo il grassetto per le parole importanti seguendo una struttura ad Effe della pagina web

#3. Ottimizziamo la leggibilità dei contenuti

  • Semplifichiamo le descrizioni con elenchi puntati
  • Usiamo frasi e parole brevi
  • Usiamo font Sans Serif ottimizzati per il web (basta cercare su Google Font)
  • Utilizziamo una dimensione di carattere sufficientemente grande
  • Evitiamo il tutto maiuscolo
  • Usiamo un contrasto adeguato per i colori dei font e dello sfondo
  • Lasciamo uno spazio significativo tra i paragrafi
  • Lasciamo uno spazio adeguato tra titolo e paragrafo facendo in modo che si capisca che quel titolo appartiene a quel paragrafo
ottimizzare la leggibilità dei contenuti
Lo spazio è fondamentale per organizzare i contenuti
la poca leggibilità derivata da troppi formati grafici diversi
Troppi formati grafici creano confusione e ostacolano la leggibilità

#4. Curiamo il linguaggio in modo da fornire una traccia delle informazioni

L’odore delle informazioni è un concetto che fa parte di una teoria chiamata Information Foraging secondo cui gli utenti cercano di odorare come raggiungere il proprio obiettivo sul sito web, prima ancora di interagire con esso.

Per aiutare l’utente in questa ricerca, è bene dargli gli indizi tramite la struttura dei paragrafi e la forma.

  • Utilizziamo un linguaggio semplice e chiaro per evitare la cattiva comunicazione della pagina web
  • Illustriamo i contenuti con video e immagini attinenti al contesto
  • Evitiamo i tecnicismi
  • Descriviamo in modo esplicito dove mandano i link
  • Trasmettiamo come prima informazione e in modo chiaro lo scopo di ogni pagina
  • Siamo coerenti nella forma senza passare da un lei al tu e dal noi all’impersonale
  • Usiamo la forma attiva al posto della forma passiva
  • Usiamo le affermazioni al posto delle negazioni
    Esempio: chi non ha in casa dei quadri che non sa dove appendere?
    Meglio: tutti abbiamo in casa dei quadri che vorremmo esporre nel punto meglio illuminato.

#5. Aiutiamo gli utenti a raggiungere i loro obiettivi (che sono anche i nostri)

  • Una sola chiamata per ogni azione chiaramente identificabile
  • Un solo format grafico per ogni funzionalità
  • Le chiamate all’azione con meno importanza non devono essere in concorrenza con le chiamate principali. Evitiamo quindi di mettere chiamate secondarie uguali visivamente a quelle principali e di posizionarle subito dopo di esse
l'utente deve aver chiaro come raggiungere gli obiettivi sul nostro sito
In 5 secondi l’utente deve orientarsi e capire cosa deve fare per raggiungere i propri obiettivi sul sito

Conclusioni

Bisogna sempre considerare le convenzioni del web e le aspettative degli utenti quando si sviluppa la struttura di una pagina.

Lo sforzo mentale per interpretare una pagina web è 10 volte maggiore di quello richiesto per una conversazione e non è possibile trasmettere emozioni nè il tono nè le espressioni facciali. Quindi, come diciamo sempre nella nostra agenzia di siti web a Padova, è molto importante che la struttura, la grafica e i testi si focalizzino sulla chiarezza espositiva più che sugli effetti speciali.

Approfondimenti

Alcuni casi di studio con immagini e spiegazioni puoi trovarli sul mio post: Valutazione Usabilità: 4 Casi di Studio