Travailler la lisibilité de ses emailings est indispensable.
En effet, l’attention des internautes est de plus en plus difficile à obtenir.
La conception d’emails lisibles est loin d’être une option, c’est une Obligation.
Dans cet article, je vous propose de passer en revue 21 points sur la lisibilité de vos emailings.
Cette clarté de l’email concerne à la fois le fond et la forme :
- Quelle typographie choisir pour ses messages ?
- Quelles sont les astuces à utiliser pour une présentation optimale ?
- Quels éléments prendre en compte dans la rédaction du message pour la lisibilité ?
- Quelles données étudier au niveau des couleurs et des images ?
- Comment le rendu intervient-il pour brouiller la lisibilité ?
I La typographie et la lisibilité de l’e-mailing
Toutes les polices ne sont pas supportées en emailing.
Le domaine n’aime pas l’exotisme, il est très traditionnel.
Découvrez ce que vous pouvez utiliser en typographie pour des emails de bonne qualité.
I.1 Astuce n°1 – les polices et la lisibilité
Il est tentant d’utiliser des polices rares pour sortir du lot.
Cependant ce n’est pas une bonne idée.
En fait, peu de polices sont supportées au niveau de l’ensemble des environnements de lecture d’un emailing.
Les polices de base : Arial, Helvetica, Georgia, Tahoma, Times New Roman et Courier représentent des valeurs sûres.
Restez sur ces classiques, ainsi votre destinataire aura bien accès à la police désignée dans l’email.
Le danger d’utiliser des polices exotiques est de vous retrouver avec un changement de police.
En effet, l’environnement technique de votre destinataire ne possède pas la police.
Il la remplace par une autre qui déstructure votre message.
Ce dernier perd alors en lisibilité.
I.2 Astuce n°2 – la lisibilité et la taille de la police
Mener des enquêtes, jouer à Sherlock Holmes est amusant.
Néanmoins, la probabilité est mince pour vos destinataires de sortir une loupe pour lire vos messages.
Le travail sur un ordinateur fatigue et abîme les yeux.
Il faut aussi penser aux quadras et plus, certains perdent des dixièmes de vue au fil des années.
Éviter tout effort à votre cible, une police de 14 à 18 px est la règle pour le corps du texte.
Pour les titres, une taille entre 22 à 28 pixels est conseillée.
Enfin, lorsque votre emailing comprend une signature, une taille de 12 pixels reste l’option recommandée.
Vous pouvez aussi utiliser la taille de police du corps de texte.
En suivant ces règles, vous diminuez l’effort de lecture de votre abonné et vous augmentez la clarté de vos messages.
I.3 Astuce n°3 – quel niveau de graisse utiliser pour une meilleure clarté du message ?
La graisse correspond à l’épaisseur du trait servant à dessiner la police.
Sa gamme de valeurs fluctue selon la police utilisée.
Certaines plateformes d’emailing permettent de la configurer.
Autrement, vous devez passer par une propriété CSS : font-weight
La plage de valeurs est comprise entre 100 et 900 pour la plupart des polices.
400 est le standard.
Faites des tests selon la police choisie pour maximiser votre lisibilité.
II Quelles sont les astuces prioritaires pour une présentation générale optimale ?
Largeur de l’email, nombre de colonnes, interligne, contraste… font partie des questions à se poser pour présenter son message.
Vous augmentez ainsi le confort de lecture de votre liste de diffusion et leur engagement vis-à-vis de votre message.
II.1 Astuce n°4 – la largeur de la composition et la lisibilité
Privilégiez une taille de 600 px de largeur au plus.
Que se passera-t-il pour des largeurs supérieures ?
Certains de vos destinataires vont devoir utiliser l’ascenseur horizontal s’ils sont en pc ou leurs petits doigts sur un mobile pour visualiser la partir droite de votre message.
Il est aussi possible de voir l’ensemble du message sous une forme réduite, la loupe de Sherlock Holmes est alors de nouveau utile.
Le coût perçu de ces tâches est très important.
Vous sortez de l’ordinaire, néanmoins vous avez toutes les chances que vos destinataires ne voient jamais la partie droite de vos messages.
Pour tenir compte de la lisibilité de vos messages dans tous les environnements : ordinateur, mobile et tablette… 600 pixels est une bonne limite.
II.2 Astuce n°5 – le nombre de colonnes et la lisibilité
3 colonnes est vraiment un maximum.
Par contre, on voit encore de temps en temps 2 colonnes de texte.
Cette pratique vient de la presse papier.
Vous lisez la 1re colonne, puis vous remontez pour découvrir la suite du texte sur la 2e colonne.
L’action de remonter demande un effort à supprimer.
Si vous utilisez du 2 ou du 3 colonnes, il existe nécessairement une colonne de texte et le reste concerne des images.
II.3 Astuce n°6 – éviter à l’abonné de devoir remonter la composition
Cette astuce complète la précédente.
La loi de la gravitation de Newton est à prendre en compte.
Le destinataire ne doit jamais avoir à utiliser l’ascenseur vertical ou ses doigts pour remonter la composition.
Autrement, vous le perdez en grande majorité.
II.4 Astuce n°7 – réfléchir à l’interligne pour une lisibilité optimale
Le site Graphiste.com recommande un interligne de 130 à 150% par rapport à la taille de la police.
Les liens cliquables sont à exclure de cette recommandation.
Utilisez plutôt 2 sauts de lignes pour faciliter le clic.
Comme expliqué dans l’article de Graphiste.com, il est aussi possible de capter l’attention du lecteur avec des interlignes réduits sur un message court.
Un interligne trop petit ou trop grand se traduit en un regain d’attention pour le lecteur.
Sachez minimiser l’effort de lecture à son minimum pour une lisibilité maximale.
II.5 Astuce n°8 – le contraste et la lisibilité
Le contraste est une bonne façon d’attirer l’œil.
Par exemple, l’utilisation de 2 polices et de 2 couleurs différentes.
Une pour le corps du texte et l’autre pour les titres et les sous-titres.
Ainsi, les titres et les sous-titres ressortent par rapport au texte.
La taille des polices varie selon que vous êtes sur des titres, des sous-titres ou des éléments du corps de texte.
III Quels éléments prendre en compte dans la rédaction du message pour la lisibilité ?
L’on connaît de plus en plus précisément comment les internautes lisent le contenu.
Suivez ces règles tout en gardant à l’esprit que la connaissance de votre client idéal reste essentielle.
III.1 Astuce n°9 – l’utilisation de titres
Le titre est un résumé du paragraphe, c’est une sorte d’introduction à la suite.
Ainsi tout est fait pour faciliter la lecture.
Le destinataire n’est pas intéressé, il saute le paragraphe.
Les titres redonnent du souffle à la lecture.
Dans une newsletter, le titre correspond à une rubrique.
III.2 Astuce n°10- l’utilisation des majuscules sur la 1re lettre des mots du titre
Cette technique très ancienne, nous vient des titres de la presse.
L’utiliser dans les titres et les sous-titres de vos messages les rend plus faciles à lire.
Par contre, un mot entièrement en majuscules est à déconseiller.
Le destinataire l’assimile à une personne qui parle très fort.
III.3 Astuce n°11 – les listes et la facilité de lecture du message
Elles permettent d’aérer le message, d’augmenter le confort visuel.
Elles décrivent des caractéristiques, des avantages ou des bénéfices.
À vous de choisir entre des puces ou une numérotation.
Les chiffres attirent l’œil, néanmoins tout dépend de votre cible.
Certaines sont réfractaires aux nombres.
Les listes sont une excellente astuce pour augmenter sa lisibilité.
III.4 Astuce n°12 – la longueur des paragraphes
Dans la majorité des cas, vous lirez, il faut écrire des paragraphes courts pour faciliter une lecture scannée du message.
Les études révèlent que certains destinataires lisent uniquement un paragraphe de votre emailing et non l’ensemble.
Vous pouvez donc intégrer un paragraphe plus long qui contient l’information essentielle et le call to action principal s’il en existe plusieurs.
Alors, vous facilitez la tâche du destinataire pour trouver l’information et finaliser l’action.
III.5 Astuce n°13 – la lisibilité du gras et de l’italique
Pour attirer le regard, le gras et l’italique sont de bonnes sources.
Ils permettent une lecture en diagonale du message.
Certains destinataires ne lisent que les mots qui sortent du texte.
Attention, ces termes sont rares par rapport à l’ensemble.
Autrement, lorsque la majorité des mots sont en gras, plus rien ne ressort vraiment.
IV Quelles données étudier au niveau des couleurs et des images ?
Initialement, l’email a été conçu pour un dialogue entre 2 personnes.
Dans le courant des années 1990, il a basculé dans le monde du commerce.
Depuis, on lui demande de se rapprocher de plus en plus d’une publicité.
Est-ce une bonne idée de faire des emails de type « arbre de noël » qui scintillent de partout ?
De toutes les façons, les filtres antispam et les clients de messageries ont déjà répondu non à cette interrogation.
Sur la partie graphique, il convient de rester « léger », autrement votre composition ne sera pas visible de la même façon partout.
IV.1 Astuce n°14 – le nombre maximal de couleurs et de polices pour une très bonne clarté
Chacun d’entre nous a un jour reçu dans sa vie un emailing de type arbre de Noël.
5 ou 6 couleurs, au moins autant de polices différentes.
Dans la tête des destinataires, ce message est une publicité de mauvaise qualité.
2 couleurs, 2 polices au plus sont une très bonne solution.
Le message reste neutre, la police et la couleur alternative viennent pour créer un contraste.
IV.2 Astuce n°15 – la couleur des liens hypertexte et la lisibilité
Inutile de réinventer la roue pour la couleur et le design des liens.
L’œil est habitué à un bleu surligné sur ce sujet.
À travers ce langage, votre lecteur identifie tout de suite les liens hypertexte.
La seconde interrogation sur ce sujet concerne : faut-il mettre un lien en clair ou non ?
Vous êtes dans une phase de prospection, il est essentiel de privilégier cette méthode de lien en clair.
Autrement, vous pouvez utiliser un texte ou une ancre.
Dans le cas de l’ancre, le lien est donc caché.
IV.3 Astuce n°16 – pensez aux daltoniens pour une meilleure lisibilité
En France d’après le Syndicat National de l’Ophtalmologie : 8% des hommes et 0,45% des femmes sont des daltoniens.
Votre message doit bien sûr être en accord avec votre charte graphique.
Néanmoins, il est important de se souvenir que les daltoniens confondent le bleu et le gris, le vert et le bleu, l’orange et le rouge…
Sachez composer avec ces contraintes.
IV.4 Astuce n°17 – la lisibilité de la composition avec les images désactivées
Par défaut, certaines messageries comme les Outlook des Office 365 désactivent les images.
Il faut donc tester la lisibilité de votre message, de vos CTAs lorsque les images n’apparaissent pas.
Par exemple, éviter des CTAs sous un format d’images.
Autrement, vous perdrez des destinataires qui ne voient pas vos appels à l’action.
IV.5 Astuce n°18 – les visuels et la lisibilité
Le plus simple est de commencer par l’information la plus importante.
En cas d’images, on commence donc par une colonne, puis 2 et on finit par 3.
L’œil est ainsi attiré par la colonne unique puis il descend.
IV.1 Astuce n°19 – la page miroir pour faciliter la visibilité
Le rendu d’un email est un vrai casse-tête.
Votre composition est parfaite sous Outlook, elle est complètement déstructurée sur Gmail.
En cas de composition déstructurée, la probabilité est faible de voir votre destinataire lire votre message.
La lisibilité de la composition n’est pas au rendez-vous.
La page miroir est le lien qui conduit vers une page web construite au niveau de votre prestataire d’envoi.
Elle est insuffisante car peu de personnes cliquent pour voir l’email lorsque le rendu est mauvais.
Quand la liste se développe, pensez à tester le rendu de vos emails dans les principales messageries de vos abonnés.
Le code de la composition est à développer pour passer dans ces messageries.
IV.2 Astuce n°20 – une composition responsive pour une clarté du message
L’on voit encore des compositions qui ne tiennent pas en compte de l’environnement mobile.
Il est important de voir toute la largeur de l’email d’un seul coup d’œil.
Pour ceux qui utilisent plusieurs colonnes, pensez que l’affichage se fait de gauche à droite.
Vérifiez qu’il existe bien une alternance des textes et des images dans un environnement mobile.
Texte, image et texte, image… est la bonne solution et non texte, image, image, texte.
Vous voyez ci-dessous une bonne alternance des images et des textes.
IV.3 Astuce n°21 – le dark mode et la lisibilité
Je vous propose de conclure sur le dark mode, une notion un peu complexe de l’email marketing.
Elle est impossible à traiter en quelques phrases pour une approche de qualité, je soulève donc juste le voile sur ce sujet.
Tout d’abord, le dark mode est une configuration de l’internaute.
Par défaut, le dark mode n’est pas activé sur un équipement.
Vous devez donc vous posez la question si votre cible est concernée ou non.
Les informaticiens sont généralement très utilisateurs de ce mode.
Et oui, les écrans avec un fond noir étaient la règle avant l’arrivée du grand public dans le monde de l’informatique.
Le fait remonte au milieu des années 1980, la période de la préhistoire pour le monde numérique.
À l’époque, Microsoft a choisi de commercialiser du fond blanc et des polices noires pour se rapprocher le plus possible de l’écriture d’une lettre manuscrite.
Lorsque ce mode est activé, tout dépend de la messagerie de lecture.
Par exemple, dans Gmail – Apple iOS, l’inversion est complète.
Le fond change, les couleurs changent.
Tandis qu’en environnement Apple Mail – MacOS, il n’y aura aucun changement.
Suite au mode dark mode, votre composition devient ainsi parfois illisible.
Certaines plateformes d’emailing vous permettent de tester ce mode.
Réalisez un sondage express auprès de vos abonnés pour savoir s’ils utilisent le dark mode ou non avant de vous pencher sur ce sujet complexe.
Conclusion sur la lisibilité dans les e-mails
L’email reste un excellent moyen de communication et de vente.
Évitez les compositions complexes, vous risquez de perdre très vite votre destinataire.
Les messages majoritairement en texte sont ceux qui fonctionnent le mieux.
Pensez à la typographie de vos messages, à leur présentation et faites des tests de rendu dans les principales messageries utilisées au niveau de votre liste de diffusion.
Merci d’avoir lu cet article jusqu’au bout.
Partagez dans les commentaires comment vous traitez la lisibilité de vos envois ou l’astuce qui vous a le plus interpellé.
Pour poursuivre la réflexion
Comment susciter l’engagement en emailing avec des CTA efficaces ?
Waouh, génial tous ces trucs et astuces ! Je vais aller vérifier tout ça…
Super intéressant ! Un grand merci pour cet article.
Merci Diane pour cet article très juste ! Je ne peux que confirmer tout ce que tu expliques dedans, étant graphiste et webdesigner. Tout est juste, vous pouvez écouter ses conseils les yeux fermés (ah non, il vaut mieux voir quand vous faites du design 😂 donc ouvrez les yeux, c’est mieux ! )
merci Flore, les emailings m’aiment pas trop le design, les sites oui.
Article très complet je vais l’enregistrer pour qu’il me serve de référence pour quand je travaillerai mon emailing. Merci beaucoup 😊!