Polices, typographie et lisibilité

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

Navigation

  • 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