Encombrement des textes
Taille des textes
- Corps minimum : entre 11 et 13 pt pour un texte courant (tout dépend de la police choisie). La taille des caractères est à tester pour chaque police afin d'assurer une certaine lisibilité.
- Plus la police est grande, plus il y a de pixels visibles et plus l'affichage sera net.
Longueur des lignes
Le format paysage de l'écran incite à utiliser de longues lignes de texte ; mais lorsque les lignes sont trop longues, l'œil perd le lien avec la ligne suivante. A l'écran, il est conseillé que les lignes soient relativement courtes.
La longueur des lignes doit être en rapport avec leur espacement : plus elles sont longues, plus l'interlignage doit être grand.
Si la colonne est trop courte, la lecture risque d'être hachée.
EXEMPLES
Longueur des textes
L'information doit être fournie par petite quantité, afin que le lecteur l'intègre plus facilement et que son
œil soit mieux guidé. Les blocs texte doivent être courts (10 à 25 lignes).
Pour les longs textes, il est utile de guider l'œil du lecteur en les structurant.
- Utiliser des titres et des sous-titres
- Découper les textes trop longs en paragraphes courts
- Utiliser des puces qui vont ponctuer la lecture
- Instaurer un code couleur pour chaque type d'élément (titre, texte, légende.)
- Utiliser des "ancres" qui renvoient directement à un paragraphe ou un chapitre situés sur une même page
http://blog-ergonomieweb.com/conseils-ancres/
- Faire défiler le texte sans oublier de mettre un retour haut de page en fin de texte (cela évite de défiler dans l'autre sens)
- Ne jamais combiner défilement vertical et défilement vertical de la page
- Faire respirer la page en créant des marges entre les colonnes de textes, sans que les blancs créent une discontinuité
Ferré à gauche, à droite, centré, justifié ?
Il est très difficile (quasi impossible) d'obtenir une gris typographique uniforme pour les textes justifiés (à moins qu'ils soient traités en image évidemment), car la gestion de l'approche est quasi nulle.
EXEMPLES
Remarques
- Traductions
Le français a besoin de plus de place que l'anglais.
L'allemand a besoin de plus de place que le français.
- Impression d'une page
L'idéal est de créer une feuille de style spécifique à l'impression afin d'imprimer uniquement le contenu, sans les zones de navigation.
En résumé
- Tester le rapport entre largeur de colonne / police / corps / interlignage
- Pas trop de diversité typographique et de tailles de caractères
COMPARATEUR DE TYPOS
http://typetester.maratz.com