Sommaire
Lisibilité
- scannabilité : 79% des lecteurs scannent d'abord la page. Accrocher le regard
- Lisibility/Readability : capacité perceptive/cognitive. Écrire pour l'œil (voir), écrire pour le cerveau (comprendre).
- Indice de Flesch : ratio entre la moyenne du nombre de mots par phrase et la moyenne du nombre de syllabes par mot. Un bon score : entre 60 et 70 (plus il est élevé, meilleur c'est).
- Indice de Flesch/Kincaid : âge moyen à partir duquel le texte est compréhensible (indice 8 : élève de 3ème)
Largeur de texte
- 1 1/2 alphabet
- 25 caractères pour le titre
- 40 caractères pour le reste de la titraille
- 60 caractères pour les paragraphes
Densité
- Aération : gestion des blancs, des vides et des pleins.
- Rapport texte/image (illustratif, descriptif, métaphorique)
- Densité des mots-clés et des focus : cf. référencement
- Voir la page Navigation
- Fil d'Ariane (breadcrumbs), menus déroulants
- Liens d'évitement
Typographie
Choix d'une police
- L'orthotypographie
- Les classiques
- Avec ou sans empattement (serif), standard ou exotique
- Hauteur de X, ligatures, signes diacritiques, caractères spéciaux
Les entités ou caractères spéciaux
- les inférieurs et les supérieurs : <>
- l'esperluette (ou et commercial) : & &
- les symboles : ♠ ♠, Σ Σ, © ©,…
- Liste complète sur W3C (trad. LaGrange)
Contraste et choix de couleurs
- Respect de la charte graphique
- Générateurs de palettes : colorschemedesigner, Adobe Kuler
- Pensez aux dysopties