Mettre le contenu en relief

La difficulté de la lecture à l'écran et le fait que les internautes lisent en diagonale font qu'il est très important, sur Internet, de donner du relief visuel à l'information.

Un simple coup d'oeil sur ce fichier vous convaincra de l'importance du relief au niveau de la lisibilité d'une information. L'exemple d'Internet Addict est moins caricatural, mais néanmoins parlant.

Dans le monde anglo-saxon, on parle de "scannability" pour exprimer la qualité de relief d'un document.

Pour améliorer le relief d'une page Web, vous pouvez :

Utiliser des titres et intertitres (en jouant sur la différence de taille et, éventuellement aussi, sur la différence de police de caractère)
Utiliser les caractères gras
Utiliser la couleur (en évitant d'interférer avec les codes couleurs réservés aux hyperliens)
Utiliser les caractères italiques (plus subtils, mais difficiles à lire lorsque les caractères sont petits)
Utiliser des listes à puces ou des listes numérotées
Découper votre information en plusieurs paragraphes ne contenant qu'une idée maîtresse
Découper votre page en plusieurs espaces d'information

(encarts en couleurs, eyebites,...)
Intégrer les visuels au contenu (en y associant des légendes)

Selon Guy Barrier, chercheur à l'Université de Limoges, les titres et intertitres sont 5 fois plus lus que les textes !

Autres éléments engageants : les lettrines (qui augmentent, en moyenne, le taux de lecture de 13%) et les blancs entre les paragraphes (qui augmentent le taux de lecture de 12%). [Source : Netmarketeur.net]

La page d'accueil du Monde, à l'instar de la plupart des médias en ligne, est particulièrement dense en informations... Ce qui sauve sa lisibilité, c'est le découpage (ou chunking).

Tout le défi du découpage de l'information réside dans le fait de rendre ce découpage signifiant. L'information devrait être découpée/regroupée en différentes zones d'une même "famille sémantique", perçue comme telle par l'utilisateur. Certains prestataires, comme Qwentes KANTOR, sont spécialisés dans l'architecture d'information.

Références

Dans son Livre blanc sur la conception des contenus en ligne, La Mine donne des exemples de microcontenus :

Titres
Sous-titres
Sur-titres
Chapeaux
Accroches
Titres de rubrique
Légendes d'illustration
Tables des matières

mais aussi :
Objets des emails
Bandeaux publicitaires
Icônes
Barres de navigation
Liens hypertextes

Une étude de suivi du regard ("eye tracking study") a été menée à bien, en 2004, par The Poynter Institute, en collaboration avec The Estlow Center for Journalism & New Media, ainsi que la société Eyetools. Cette étude indiquent quels sont les formats de contenu (textuels et visuels) le plus susceptibles d'accrocher l'oeil des internautes. Les résultats détaillés de cette étude sont publiés ici : http://www.poynterextra.org/eyetrack2004/.

Une étude intitulée Web-Reading Study et réalisée par John Morkes et Jakob Nielsen en 1997, indique à quel point la lisibilité d'un texte augmente lorsqu'on respecte les trois principes de base que sont la concision, la mise en relief et l'écriture objective et factuelle (par opposition au langage promotionnel). Les documents détaillés ayant servi à cette étude sont également disponibles.