Cyclop Editorial Communication raisonnée
& rédaction

Lisibilité des sites Web, Marie-Valentine Blond

07 juillet 2014À la une, Rédaction Web
Temps de lecture : 5 minutes

Allez, on attaque une série de lectures estivales !
Lorsque j’avais publié la bibliographie 20 meilleurs outils pour la rédaction web, l’ouvrage Lisibilité des sites Web avait également été suggéré, en ce qui concerne la typographie, notamment.
Effectivement, c’est un outil intéressant pour un rédacteur ou un producteur de contenus afin de mieux appréhender ce que regroupe la lisibilité d’un site web. Il lui permettra d’acquérir des connaissances indispensables, pour un travail efficace avec des designers et ergonomes.
J’ai également apprécié de me replonger dans les sciences cognitives, dans l’histoire de l’écriture et de la typographie.

Consultez mes notes de lecture

Première partie – Ce qu’il faut savoir sur la lisibilité

  • Concept de lisibilité : Caractère de ce qui est lisible.

Sébastien Bailly distingue aussi

  • Legible : faculté d’un texte à être lisible, dans le sens de déchiffrable,
  • Readable, capacité à être comprise, son intelligibilité.

Comment comprendre le mécanisme, le processus de lecture : j’aime bien cet exemple qui montre que l’ordre des lettres peut ne pas interférer sur la compréhension.
« Sleon une édtue de l’Uvinertisé de Cmabrigde, l’odrre des ltteers dnas un mtos n’a pas d’ipmrotncae, la suele coshe ipmrotnate est que la pmeirère et la drenèire soit à la bnnoe pclae. Le rsete peut êrte dnas un dsérorde ttoal et vuos puoevz tujoruos lrie snas porlblème. C’est prace que le creaveu hmauin ne lit pas chuaqe ltetre elle-mmêe, mias le mot cmome un tuot. »

  • Côté texte, il s’agit de soigner la mise en forme et la rédaction.
  • Côté cible, il s’agit de favoriser la lecture et la compréhension par la structure et la rédaction (champ sémantique). Il me semble qu’on en parle suffisamment dans ce blog !
  • Lisibilité sur le web, il s’agit de faciliter l’accès à l’information.

Mesures et facteurs de lisibilité – constats établis scientifiquement

  • Capitales ou bas de casse : un texte composé en capitales est lu moins vite qu’un texte composé en bas de casse
  • Italique ou romain : un texte écrit en italiques n’est pas lu moins vite qu’un texte romain s’il est relativement court. Dans le cas d’un texte long, la vitesse de lecture est ralentie. On évitera d’utiliser l’italique sur écran.

Écrire pour être lu

Il est nécessaire de définir sa cible et connaître son public.
Privilégier

  • voix active,
  • phrases courtes,
  • ponctuation fréquente,
  • construction de phrases variées,
  • vocabulaire simple,
  • bonne hiérarchisation du texte.

Éviter

  • tournure passive,
  • abstraction continue dans le propos,
  • abus d’adjectifs, de noms, de mots inutiles à la compréhension du propos. Je rajouterai également de détails inintéressants et qui polluent la compréhension,
  • vocabulaire technique et/ou non expliqué,
  • titres trop longs.

Une notion d’accessibilité

« Mettre le Web et ses services à la disposition de tous les individus, quels que soient leur matériel ou logiciel, leur infrastructure réseau, leur langue maternelle, leur culture, leur localisation géographique et leurs aptitudes physiques et mentales. » Tim Berners-Lee

Deuxième partie – La typographie et le Web

La première génération de caractères type dédiés à l’écran est : Lucida, Georgia, Verdana et la seconde génération de caractères (ClearType Fonts) Constantia, Cambria, Corbel, Candara, Calibri, Consolas.

Les caractères et le web

Comment choisir sa police de caractères ?
Les critères sont sa lisibilité et sa disponibilité sur le poste de l’internaute. Il s’agit des caractères web safe, qui sont installés sur une très grande partie d’ordinateurs connectés.
De la même manière qu’un ton éditorial donne une identité à un site, on parlera de la justesse du ton graphique par rapport à une cible, de cohérence de choix typographiques avec le message et de la reconnaissance de l’identité du site web. On choisira des caractères pour affirmer son identité, pour hiérarchiser (niveaux de lecture) et pour des contenus lisibles.

Troisième partie  – Structurer les contenus web

Quelques rappels sur la circulation du regard, avec les études d’eye-tracking (oculométrie) qui consiste à enregistrer le mouvement des yeux sur écran.
Trois facteurs orientent le regard porté sur les pages web : le design, le contenu et l’objectif de l’internaute. Il est important de fixer des repères visuels.

Sur ce sujet, ne pas hésiter à aller regarder ce qui est fait en ligne, car l’avènement du mobile et de la tablette (responsive design) entraîne de récentes évolutions.
Voici quelques chiffres issus de Miratech

  • Un regard ne permet de voir que 7% d’un écran d’iPad
  • Lors du déplacement de l’oeil, entre deux regards, aucune image n’est vue
  • 8 secondes : c’est le temps moyen passé par un internaute sur une page.
  • Un regard permet de lire 15 lettres d’un coup dans un texte.

Je vous renvoie à leurs publications pour approfondir le sujet et notamment la notion de design émotionnel
Quelques règles de typo

  • Bien distinguer

– « guillemets français »
– « guillemets anglais »

À lire pour tout ceux qui débutent en rédaction de contenus afin d’avoir une approche globale de la publication Web. Bonne lecture !

Ces articles pourraient aussi vous intéresser

6 points clés pour écrire un contenu de qualité avec la sobriété éditoriale

2 décembre 2019À la une, Rédaction Web
Temps de lecture : 7 minutes Arrêtez de rédiger des contenus ! à part si vous êtes sûrs que le sujet est inédit et surtout qu’il sera 10 fois mieux que ceux déjà écrits sur le sujet. Voici un grand principe d'écriture à adopter pour être audible dans le brouhaha du web. Gloups, mais comment faire ? Qu’est-ce qu’un bon contenu ? Au-delà des critères de Google, je vous donne les clés pour écrire un contenu de qualité. Concrètement, comment écrire un contenu qui soit lu, tout en respectant les bonnes pratiques de sobriété éditoriale. Cet article est fait pour vous si vous souhaitez écrire mieux et plus facilement des textes qui résonnent avec votre engagement et vos valeurs d’entreprise. Vous comprendrez enfin comment un contenu peut être "écologique", explications à l'appui ! Bonus : un quizz pour évaluer votre article.
Lire +

Accessibilité : des sites faciles à lire, faciles à comprendre (FALC)

5 août 2019À la une, Rédaction Web
Temps de lecture : 7 minutes Destinée à faciliter la compréhension de textes aux publics en situation de handicap, la méthode FALC a pour objectif de favoriser la réception des informations pour tous. Cette clarification du langage est indispensable sur les sites des administrations publiques. Faisons le point sur ce sujet  : quelles bonnes pratiques à suivre pour adapter notre rédaction web ? Avec un retour d'expériences de la direction de la communication du conseil départemental de la Manche, déjà bien engagée dans le processus. En lisant cet article, vous comprendrez les différentes étapes à suivre pour mettre en place la démarche, des conseils, des liens utiles et des informations sur le langage clair.
Lire +

Rédaction web : externaliser ou produire en interne ses contenus ?

4 mars 2019À la une, Rédaction Web
Temps de lecture : 6 minutes Aujourd’hui, c’est un fait, le contenu rédactionnel est un élément important pour susciter l’intérêt des clients, et devenir une référence dans son domaine d'expertise. Comment s’organiser en interne pour produire des contenus ? Comment et pourquoi faire appel à un chef de projet éditorial indépendant ? Est-ce adapté si l’on travaille dans un environnement technique et complexe ? Explorons le sujet dans cet article. Faisons le point sur les enjeux de la communication en milieu technique, avantages et inconvénients de déléguer la communication à l'externe, la formation interne. Interview et exemples clients à l'appui
Lire +

Laisser un commentaire

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