Étiquettes : , ,

La lisibilité (legibility) fait référence à la mise en forme (scannability) et au contenu (readibility). Lorsque vous n’avez pas le temps de changer vos contenus Print en profondeur pour les rendre « Webfriendly », il suffit parfois de quelques aménagements pour améliorer la lisibilité de vos contenus Web. Voici une check-list en 30 points que vous pouvez suivre chaque fois que vous devez mettre du contenu en ligne (avec ou sans CMS).

Lay-out

  1. Police sans serif (Verdana, Tahoma, Arial)
  2. Police de taille suffisante (10 ou 12)
  3. Fond d’écran clair et uni.
  4. Police sombre.
  5. Pas d’italique
  6. Ni titres, ni phrases en majuscules.
  7. Texte aligné à gauche & Images d’illustration à droite des pages.
  8. Paragraphes aérés.
  9. Mots clés en gras
  10. Liens visibles.

Contenu

Micro-contenu

  1. Titres clairs et informatifs.
  2. Titre et accroche répondent aux 5 W.
  3. Premier paragraphe suivant le titre répond au titre.
  4. Intertitre après 2 ou 3 paragraphes.
  5. Les mots importants d’abord.
  6. 1 idée par paragraphe
  7. Commencer par la « conclusion »
  8. Liens regroupés
  9. Liens éloquents et utiles
  10. Liens sous les adresses web et mail.

Macro-contenu

  1. Contenu organisé logiquement
  2. Contenu orienté sur l’utilisateur
  3. Interaction orientée audience
  4. Voix active
  5. Phrases courtes
  6. Vocabulaire courant
  7. Verbes simples
  8. Aller à l’essentiel dès la première phrase des paragraphes
  9. Conjugaisons simples
  10. Marqueurs de temps utilisés à bon escient.

Commentaires

  1. Sympa cette liste Muriel, par contre j’aurais préféré « mise en forme » à « layout », qui est plus francophone et french-user friendly 😉

  2. @ Sébastien: merci pour ton commentaire. En ce qui concerne mon franglais, déformation professionnelle locale oblige, mon cher Sébastien. Ici (en Belgique), on fait toutes nos analyses et rapports en anglais (langue pivot pour les néerlandophones et francophones qui ne se comprennent pas autrement). Chez vous, on dirait que la loi Toubon bat de l’aile également, à en croire certains 🙂

    http://motsandco.com/blog/index.php?204-francais-obligatoire-dans-les-entreprises

  3. Avatar Anna dit :

    Merci Muriel pour cette liste très claire et très utile !

  4. Avatar Nico dit :

    Bonjour Muriel,
    je retombe sur ce billet très intéressant mais me poser la question de pourquoi une taille suffisante n’est que de 10/12 px, alors que par défaut les navigateurs implémentent du 16px ?

  5. @ Nico : désolée pour cette confusion. Je parlais des tailles en format txt ou Word 100%, prenant pour base des outils de traitement de texte (plus connu des rédacteurs). Mais il est vrai que cette mesure est relative. Merci pour ta remarque pertinente. Soit dit en passant, j’apprécie assez que les règles d’accessibilité nous invitent aujourd’hui à placer au niveau de la fonctionnelle le choix de la taille de fonte.

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Devenez chroniqueur

Vous souhaitez devenir chroniqueur ou nous soumettre un article? Rien de plus simple.

Ça m'intéresse

#EPW sur Twitter

#EPW sur Facebook

À propos

Votre blog Écrire pour le web en chiffres
  • Plus de 25.000 sessions par mois
  • Plus de 35.000 pages vue chaque mois
  • 1500 abonnés à la newsletter
  • Créé en 2006
  • 1e position dans Google sur des expressions métier
En savoir plus