Différences entre le web et l'imprimé

Objectif de la consultation

• Le web n'est pas un média linéaire mais un hypertexte non linéaire (un texte «connecté»): les publics ne recherchent que l'information ou l'action qui les intéresse en se déplaçant à travers différentes sections.
• Les publics construisent leur expérience personnelle sans nécessairement suivre ce que les auteurs et autrices proposent → utilisation active.

Mode de consultation

• La lecture se fait surtout par écrémage (80%) plutôt que mot par mot (20%).
  • Les trois premiers mots d'un titre sont essentiels pour susciter l'intérêt des lecteurs et lectrices.
• En moyenne, les publics lisent 20% du contenu d'une page web, et ce très rapidement.
• La lecture est en moyenne 25% plus lente que celle d'un document imprimé.
• La lecture est facilement interrompue (p. ex. par les visuels et les CTA qui prennent beaucoup de place).
• Le point d'entrée peut varier (pas nécessairement par la page d'accueil).

Moyen

Les publics accèdent au site web via différents appareils (mobile, tablette, ordinateur de bureau avec une largeur d'écran variable) et avec différentes vitesses de connexion.

• Les publics n'ont pas de vue d'ensemble de la page: seuls 22% d'entre eux font défiler l'écran jusqu'au pied de page.
• Les publics peuvent avoir des problèmes de connexion ou d'affichage du contenu sur leur écran.

Repérabilité des informations

• Afin de faciliter la repérabilité des informations, les mots-clés doivent être bien placés dans la page (référencement).

• Rédigez une introduction qui résume le reste de la page et une conclusion qui invite les publics à agir.
• Commencez par les informations essentielles, puis passez aux détails (structure en pyramide inversée).
• Définissez la hiérarchie du texte (différents types de titres et de paragraphes) et utilisez-la de manière cohérente pour permettre aux publics de parcourir facilement la page.
• Ajoutez autant d'hyperliens que nécessaire.
  • Éléments dans la même page.
  • Éléments ou pages entières ailleurs dans le même site web.
  • Autres versions linguistiques.
  • Sites web externes (de références, de partenaires, etc.).
• Pas de section FAQ - distribuez le contenu là où il est le plus pertinent.

Alternez différents types de blocs:

• Paragraphes courts et longs.
• Des blocs en évidence (callouts), des citations.
• Images, vidéos, graphiques.
• Petits tableaux (éviter les grands tableaux qui nécessitent un défilement horizontal sur mobile).

Rendez le contenu plus dynamique grâce à une bonne mise en forme:

• Listes à puces.
• Gras.
• Italique pour indiquer un titre (p. ex. d’un article) ou pour mettre l’accent sur un mot.
• Pas de texte tout en majuscules (difficile à lire).
• Pas de texte souligné (risque de confusion avec des liens).
• Alignez le texte à gauche, jamais au centre ou à droite.

Rendez le contenu visuellement attrayant:

• Utilisez des icônes (lorsque c'est pertinent).
• Mettez en valeur les éléments par la hiérarchie et les couleurs (conformément à la charte graphique).

N’abusez pas des éléments ci-dessus, sous peine de rendre la page trop dense.