Alberto Mucignat

Alberto Mucignat


Random thoughts around web stuffs (è tutto un equilibrio sopra la follia)

ottobre: 2019
L M M G V S D
« Ott    
 123456
78910111213
14151617181920
21222324252627
28293031  

Categorie


Font e leggibilità: big is better

AlbertoAlberto

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:

Comments 2
  • Giacomo Mason
    Posted on

    Giacomo Mason Giacomo Mason

    Author

    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


  • Jonathan
    Posted on

    Jonathan Jonathan

    Author

    Ottimo, faccio subito delle prove… grazie!