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...

BigThink: nuovo logo, nuova avventura!

BigThink: nuovo logo, nuova avventura!

Come già anticipato e promesso, BigThink si rinnova! I cambiamenti più evidenti li avete sotto gli occhi: Un nuovo logo molto più professionale e distintivo rispetto a quello precedente (che, diciamola tutta, era davvero inguardabile!). Un header più alto per far spazio anche alla nuova Tag-line: "Social Media Strategies", che sostituisce la vecchia "Grandi Idee dal ...
Tumblr: Impostare una thumb per la condivisione su Facebook

Tumblr: Impostare una thumb per la condivisione su Facebook

Abbiamo già parlato di quanto sia importante l'utilizzo del tag image_src sui vostri siti e blog, perchè vi permette di impostare l'immagine di anteprima in modo automatico, quando condividete una pagina web su Facebook. Lo stesso tag può tornare molto utile anche sul vostro Tumblr, soprattutto se i vostri post vengono spediti in automatico ...

Warning: curl_setopt() [function.curl-setopt]: Invalid curl configuration option in /home/ghido/public_html/wp-content/plugins/alakhnors-post-thumb/lib/post-thumb-functions.php on line 473

Warning: curl_setopt() [function.curl-setopt]: Invalid curl configuration option in /home/ghido/public_html/wp-content/plugins/alakhnors-post-thumb/lib/post-thumb-functions.php on line 473
Aste al ribasso: vince chi offre di meno

Aste al ribasso: vince chi offre di meno

Basta con il solito eBay, ora va di moda l'ennesima trovata 2.0: le aste al ribasso. Vince chi offre di meno. Troppo bello per essere vero: automobili a 1 euro, cellulari a 0,50 euro, televisori a 0,80... Dove sta l'inghippo? Come si vince: per risultare vincitori di questo tipo di aste, bisogna fare l'offerta ...
Meglio il feed completo o il feed breve?

Meglio il feed completo o il feed breve?

Oggi vorrei riflettere su una scelta che può essere oggetto di discussione tra blogger e lettori: è meglio offrire un feed completo o un feed breve? Vediamo insieme quelli che, secondo me, sono i pro e i contro del feed completo: Pro Il feed completo è ovviamente più comodo per chi legge i post direttamente nel ...
BigThink compie due anni di vita!

BigThink compie due anni di vita!

Come vola il tempo! Sembra ieri che scrivevo l'articolo di compleanno con la storia di BigThink. E invece è già passato un altro anno. Le cose cambiano, il mio stile di scrittura si è ormai definito, così come gli argomenti di questo blog: dai post sul web, sulla programmazione e su WordPress, sono passato ...

11 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