Da tempo il mio consiglio principale per migliorare la leggibilità dei siti web è di utilizzare un font grande per i titoli/headlines e di sopprimere il testo piccolo per il body (al di sotto dei 12px sei illeggibile).
Diciamo che secondo me il testo dev’essere almeno 13-14 pixel e i titoli 24-32 pixel, a seconda di quanto ti senti cool
In pratica il rapporto titolo/testo>=2.
Ovviamente ci sono anche altre cose importanti da considerare: il font utilizzato, lo spazio tra le lettere, la larghezza del “container” del testo, l’altezza delle righe, etc.
Insomma, la scelta del font e delle sue dimensioni può sembrare banale, ma cambia totalmente l’esperienza di lettura dell’utente.
Segnalo un articolo pubblicato su Smashing Magazine, che riporta i dati di una ricerca condotta tra 50 siti definiti “moderni” e che analizza le proporzioni medie e i pattern tra i vari siti. Allego un paio di immagini.
Personalmente, rimango della mia opinione: font molto grandi per i titoli e font minimo 14px per il testo.
Altri risorse utili:


2 commenti ↓
Grazie per l’ottima risorsa. Mi mancavano un po’ di dati sulla grandezza dei font da mostrare in aula.
Cmq 14 è davvero troppo grande secondo me.
Qui cmq ci sono un sacco di ricerche passate
http://www.surl.org/usabilitynews/archives.asp
Ottimo, faccio subito delle prove… grazie!