BigThink

10 Linee guida per scrivere un post “usabile”

Scrivere per il web

La lettura su carta stampata e quella su schermo sono due cose ben distinte, ognuna con le sue proprie regole. Innanzitutto il supporto e l’angolo di lettura sono differenti, inoltre il testo su video ha una risoluzione molto inferiore rispetto al testo stampato.

Questi ed altri fattori portano l’utente medio a leggere il 25% più lentamente rispetto alla lettura su carta. Capiamo bene, allora, che dobbiamo aiutare il nostro lettore rendendogli il più agevole possibile la lettura del nostro blog, seguendo alcune linee guida per una maggiore usabilità.

Wall of text1. Paragrafare il testo

Dividere l’articolo in brevi paragrafi (un concetto per paragrafo), spaziandoli bene tra loro ed evitando un monolitico blocco di testo. Tenere inoltre una buona interlinea tra le righe. L’importante è avere una certa quantità di spazi bianchi, che facciano “respirare” il testo.

2. Evitare testi lunghi

Cerchiamo di non spaventare i lettori con post kilometrici: se abbiamo tanto da scrivere dividiamo il post in più pagine, perchè la lettura a schermo è faticosa. L’ideale sono post di 250-300 parole, evitando o riducendo lo scrolling della pagina. Siate brevi e concisi.

3. Produrre uno “scannable text”

Il processo di lettura di una pagina web è più simile alla lettura della pagina di un quotidiano: l’occhio “scorre” qua e là, soffermandosi brevemente su quegli elementi che forniscono “indizi” sui contenuti. Per questo è consigliabile evidenziare le parole chiave più importanti con grassetto, sottolineato e link.

4. Utilizzare liste puntate o numerate

Scrivere un articolo a punti, fissando i concetti in frasi brevi, aumenta la leggibilità del 50%. Meglio una lista puntata di un elenco separato da virgole.

5. Utilizzare font senza grazie

I font sans-serif come Verdana, Tahoma, Arial risultano più leggibili a video, rispetto a quelli con grazie (Times New Roman). Situazione invece opposta sulla carta.

6. Usare caratteri almeno in corpo 12 o maggiore

Un font-size di almeno 12px facilita la lettura, resa invece difficoltosa da un size inferiore. E’ consigliabile rimanere sui 12-14px.

7. Evitare testi in caratteri maiuscoli

Assolutamente da evitare i testi scritti completamente in maiuscolo, la cui leggibilità è di gran lunga inferiore ad un testo scritto in caratteri maiuscoli e minuscoli, che invece l’occhio riconosce più facilmente.

8. Evitare testi scritti completamente in corsivo

Va bene evidenziare alcune parole di un testo in corsivo, ma è meglio evitare di scriverlo tutto in quel modo, perchè si enfatizza l’effetto pixel.

9. Preferire l’allineamento a sinistra

L’allineamento migliore è quello a sinistra o giustificato a sinistra, evitando quello centrato. L’occhio può così avere un riferimento nell’andare a capo e non deve cercare ogni volta l’inizio della riga.

10. Prestare attenzione ai colori di testo e sfondo

Un altro elemento da prendere in considerazione è di ottenere un buon contrasto tra il testo e lo sfondo, facendo attenzione a non affaticare la vista del lettore. Preferibile la polarità negativa (caratteri scuri su sfondo chiaro); da abolire inoltre le immagini di sfondo al testo.

Ovviamente, questi accorgimenti sono validi se associati ad una buona comprensibilità del testo, data da una corretta grammatica e sintassi.

Per approfondire, vi consiglio:

Se avete altri consigli o risorse da segnalare, commentate, commentate e commentate!

Articolo scritto da Ghido

Fondatore di BigThink.it, si occupa dello sviluppo e del coordinamento dei progetti tecnologici. Specializzato nel Marketing su Facebook e nello sviluppo di Applicazioni Social, fa consulenza e formazione ad aziende ed agenzie.

Leggi anche...

4 Consigli per far decollare il tuo blog

4 Consigli per far decollare il tuo blog

Quali siano le tecniche base per portare traffico sul proprio blog ormai lo sappiamo: dai siti di Social News ai Social Network, dal commentare sugli altri blog a fare scambi link... Ma cosa fa davvero la differenza? Come puoi fare il salto di qualità, dopo il quale tutto è in discesa? Come puoi far ...
BigThink compie un anno!

BigThink compie un anno!

Esattamente un anno fa — 4 marzo 2008 — inauguravo questo blog pubblicando il primo post. Era un blog di informatica e web come tanti altri, mai mi sarei aspettato i risultati raggiunti. Intendiamoci, non posso certo dire che BigThink sia un blog famoso o di successo, ma posso ritenermi soddisfatto. Ma da dove ...
Risorse per creare un'applicazione Facebook in PHP

Risorse per creare un’applicazione Facebook in PHP

Facebook è ormai un fenomeno di massa, perchè non approfittarne? Da bravi programmatori PHP quali siamo, ci sarà pur venuta la curiosità di creare una nostra applicazione Facebook, giusto per sperimentare qualcosa di nuovo o magari per promuovere il nostro sito o blog. E' giunto allora il momento di buttarci ed iniziare a studiare ...
A corto di idee per i tuoi post? Ecco la soluzione!

A corto di idee per i tuoi post? Ecco la soluzione!

Avere sempre qualcosa di interessante da scrivere sul proprio blog è importante per non perdere i propri lettori. Facile a dirsi, ma quante volte ti è capitato di non sapere assolutamente cosa scrivere? Apri il tuo editor preferito e passi le ore a guardare la pagina bianca di fronte a te, incapace di buttare ...
6 Temi WordPress in stile Facebook!

6 Temi WordPress in stile Facebook!

Hai mai pensato che potrebbe essere simpatico rendere il tuo blog simile a Facebook? Magari perchè tratti proprio news o tip sul Social Network o semplicemente perchè ti piace l'idea. Ho raccolto qui i migliori temi Facebook-like per WordPress che ti permetteranno di trasformare il tuo blog in... Facebook! 1. Smells Like Facebook Forse il tema ...

5 Commenti

  1. Il punto 5 ha risposto a una cosa che mi domandavo da una vita woo!!
    Grazie per TUTTE le linee guida.

    31 ottobre 2010, 02:23
  2. Premetto che non voglio sminuire il tuo (bel) lavoro.
    Più o meno sono le classiche linee guida dell’usabilità nella tipografia.
    Si fa sempre bene a ricordarle e, dato che il web si aggiorna sempre, integrarle con nuovi modi di scrivere. :wink:

    11 giugno 2009, 23:11
    • Ghido

      In realtà non sono proprio quelle classiche per la tipografia su carta, ma sono specifiche per la lettura su schermo, come ho scritto nell’introduzione :wink:

      12 giugno 2009, 01:18
  3. Avevo già letto questi consigli in giro, principalmente in blog inglesi, hai fatto più che bene a scriverli… Ti consiglio però, a che ci sono, di ingrandire un pò il carattere dei tuoi articoli, per renderlo più leggibile ;) A presto e… su msn non ti vedo più, appena puoi contattami ;)

    13 febbraio 2009, 23:02
    • Ghido

      Io invece li ho presi (e riadattati) dalle slide del corso di Interazione Uomo-Macchina che ho seguito in univeristà. Forse l’unico corso davvero interessante! :D

      14 febbraio 2009, 12:27

6 Citazioni