Fiche pratique / Web : typo - webdesign / avril 2012
C’est entendu, on ne lit pas sur écran comme sur papier ! Alors, comment faire pour encourager une lecture a priori moins fastidieuse sur l’espace lumineux de votre ordi ? Voici quelques astuces.
La lecture sur écran était estimée en 1997 environ 25% plus lente que celle sur papier. Même si la qualité des écrans et les polices de caractères se sont améliorées depuis cette étude de Jakob Nielsen, des astuces facilitent la lecture web.
Privilégier les empattements
Les caractères avec des empattements sont réputés offrir une lisibilité supérieure.
Lecture en « F »… et « Z » !
Bien que certaines études utilisant l’eye-tracking aient démontré que l’œil scanne les infos selon un parcours en « F », les habitudes de lecture en « Z » des pages imprimées ont la vie dure. Le consensus : placer les éléments importants au-dessus du fold (partie de la page web qui s’affiche sans défilement vers le bas).
Interlignage de 140 % à 150%
Idéal pour répondre aux contraintes de la lecture à l’écran (définition, contraste, luminosité, distance de lecture) ; à moduler selon la hauteur des caractères, la largeur des pavés de textes…
60 à 66 caractères par ligne
Les numéros gagnants pour la lisibilité et l’intelligibilité des textes. On peut estimer la largeur des pavés à environ 40 fois la taille du caractère qui le compose (soit 640 pixels pour un corps de 16 pixels).
16 pixels
La distance qui nous sépare du support de lecture est un élément essentiel pour expliquer la différence de lecture à l’écran et sur le papier. 16 pixels à l’écran équivalent à 12 points sur le papier !
Et n’oubliez pas, que ce soit sur le fond ou sur la forme, affirmez votre tempérament pour vous différencier. Bien sûr le respect des règles de base s’impose, mais une bonne dose de créativité et un brin de fantaisie apportent également une fraîcheur qui peut rendre « web-lecteur-addict » !
Source : www.css4design.com