La partie importante de la conception d'un email réside dans les polices de caractères que vous utilisez. Dans cet article, nous examinerons les meilleures polices que vous pouvez utiliser dans vos lettres d'information pour combiner fidélité visuelle et aspect agréable à l'œil.
L'une des préoccupations les plus frappantes dans le processus de conception d'un email est le choix de la bonne police de caractères. Poids, hauteur, largeur, couleur, forme, espacement... Tout est important ? Oui, mais l'une des choses les plus cruciales est de choisir une typographie lisible.
Dans ce post, nous allons vous montrer comment choisir la meilleure police professionnelle pour l'email.
Polices de caractères pour l'email HTML : Règles générales à suivre
Il y a trois règles de base à garder à l'esprit pour choisir les meilleures polices de caractères pour l'email :
1. N'utilisez pas plus de deux polices de caractères d'email à la fois
Il s'agit d'une pratique assez courante non seulement dans la conception d'emails, mais aussi dans la conception de sites web, etc. Si vous utilisez trop de polices, votre email semble très compliqué dans le meilleur des cas et ennuyeux dans le pire. La meilleure pratique consiste à ne choisir qu'une police ou deux pour un email. Dans le meilleur des cas, il suffit d'utiliser une seule typographie parfaite mais de tailles différentes : une pour mettre en valeur l'en-tête et une autre pour le reste du contenu.
2. Utiliser les styles de police avec précaution
Même s'il est tentant d'utiliser des styles de polices à tout bout de champ, il convient d'adopter une approche réfléchie. Chaque style doit être utilisé avec modération et dans des cas particuliers, par exemple :
- le style gras est idéal pour mettre en évidence des phrases ou des mots-clés importants ;
- le style italique est utilisé pour mettre en valeur les citations, les mots étrangers, les titres (livres, blogs, publications, etc.) ;
- le soulignement est principalement utilisé pour les liens, car dans l'espace en ligne, il est difficile de distinguer un lien d'un texte souligné ordinaire, ce qui peut prêter à confusion.
Toutefois, l'utilisation de l'italique pour mettre en évidence des paragraphes entiers de texte ne sera pas seulement peu présentable, mais violera également les règles d'accessibilité. Il en va de même pour le soulignement. Par conséquent, nous vous recommandons vivement de ne pas souligner votre texte, mais d'utiliser le gras pour des raisons d'accessibilité des emails. Mais bien sûr, c'est vous qui décidez.
3. Respecter les exigences en matière d'accessibilité lors du choix des polices de caractères
L'accessibilité des emails est une grande tendance design de 2024, et les polices de caractères en font partie. L'accessibilité a ses propres exigences qu'il est essentiel de respecter. Nous parlerons des règles et exigences d'accessibilité des polices dans une section distincte, "Directives d'accessibilité pour les polices d'email".
4. Veillez à la lisibilité de la police de caractères choisie pour l'email
La lisibilité est la capacité à distinguer une lettre d'une autre. Il va de soi qu'un corps de texte lisible est plus agréable et plus rapide à lire.
Quelle est la typographie la plus lisible ? L'expérience sur la lisibilité des polices de caractères a été menée par Norbert Schwarz et Hyunjin Song en 2010. Les résultats sont impressionnants. On passe presque deux fois plus de temps à lire les polices italiques et les polices décoratives que les polices ordinaires.
Il en existe deux types principaux : Les polices avec et sans empattement. Voyons quelle police utiliser pour les newsletters par email.
Quelle police d'email choisir : une police avec ou sans empattement ?
Quelle est la différence entre les deux ?
Les polices avec empattement peuvent être définies comme des polices qui ont une petite ligne à la fin de chaque caractère. Les polices avec empattement les plus populaires sont Times New Roman et Georgia.
Les polices sans empattement n'ont pas de ligne décorative à la fin de chaque symbole. Les polices sans empattement les plus populaires sont Arial, Trebuchet MS et Helvetica.
Au cours de l’enquête, j’ai trouvé plusieurs sources affirmant que les polices serif étaient les plus adaptées aux e-mails, mais je ne suis absolument pas d’accord. En partant du principe que les e-mails sont observés uniquement en ligne sur des écrans de bureau ou mobiles, les meilleures polices sont les polices sans empattement. Il est plus facile de lire les caractères sans empattement à l'écran.
Polices de caractères sûres pour l'email
Voici la liste des 10 meilleures polices de caractères que vous pouvez utiliser avec la garantie à 100% qu'elles s'afficheront dans les boîtes de réception des utilisateurs comme vous l'avez prévu :
1. Police de caractères Arial pour email
Cette police, conçue en 1982, est fournie avec toutes les versions de Microsoft, à partir de Windows 3 et Apple Mac OS X. Elle est affichée par tous les clients email. Grâce à ses coupes diagonales terminales, elle semble moins mécanique que d'autres polices sans empattement.
2. Police de caractères Helvetica pour email
Un caractère sans empattement, l'une des polices de caractères les plus utilisées, avec des lettres arrondies et des capitales larges. Conçue en 1957.
3. Police Times New Roman pour les emails
Cette police parfaite comporte des lettres basses hautes, légèrement condensées, des hampes et des descentes courtes. Commandée par "The Times" en 1931. C'est l'une des polices de caractères sans empattement préférées de nombreux internautes et concepteurs de sites web.
4. Police de caractères Verdana pour email
Il a été conçu pour être lisible sur des écrans à faible résolution. Sa principale caractéristique est la présence de caractères minuscules hauts et larges.
5. Police Courier/Courier New pour les emails
Courier a été conçu en 1955 et adapté pour être une police monospaciale. Courier New a des points et des virgules plus lourds que la Courier originale. Courier est la police moderne standard utilisée pour l'écriture de scénarios dans l'industrie cinématographique.
6. Police Tahoma pour email
Elle est similaire à Verdana, mais ses lettres sont plus étroites, ses compteurs sont petits et l'espacement entre les lettres est serré. Utilisée comme police d'écran par défaut pour les versions Windows 95, 2000 et XP.
7. Police de caractères Georgia pour l'email
Les caractères minuscules sont plus épais que les caractères moyens et les chiffres se fondent parfaitement dans le texte en raison de leur taille similaire.
8. Police de caractères Palatino pour email
Cette police parfaite a été conçue à l'origine pour les en-têtes, les publicités et l'imprimerie. Plus large que les autres polices à empattement de style ancien, elle convient parfaitement à la conception de logos.
9. Police de caractères Trebuchet MS pour email
La queue de certaines lettres est raccourcie ; en gras, les lettres sont plus pointues qu'arrondies, et les points arrondis en majuscules et en minuscules. Publié en 1996.
10. Police de caractères de Genève pour l'email
Il s'agit d'une version remaniée de l'Helvetica. Sa principale distinction est qu'elle dispose d'un ensemble de ligatures de base.
Ces polices adaptées aux emails sont réputées être les plus lisibles et l'une des meilleures polices pour la conception d'emails.
Où se procurer des polices de caractères sûres pour l'email ?
L'avantage des polices de caractères sécurisées pour l'email est que vous n'avez pas à vous soucier de les télécharger. Elles sont déjà prises en charge par le client email de chaque abonné.
Quelle est la meilleure police de caractères à utiliser pour les lettres d'information par email ?
La meilleure police de caractères n'existe pas. Elle dépend de la langue parlée. Par conséquent, nous osons dire que les préférences varient d'un pays à l'autre en raison des caractéristiques de la langue.
L'Helvetica est l'une polices les plus populaires, utilisée par 25 % des gens à des fins de conception. Times New Roman occupe la deuxième place.
Un autre exemple est la langue allemande. La police Verdana n'est pas recommandée pour les textes allemands car les guillemets finaux s'affichent à l'envers. Ce problème n'a été résolu que dans la police Verdana Pro.
Pour choisir la police sans serif la plus lisible, à votre avis, en fonction des caractéristiques de votre alphabet, vous pouvez tester toutes les polices sans serif comme nous l'avons fait.
J'ai créé un modèle d'email avec l'éditeur Stripo avec le même texte et la même taille de 18px pour chaque police avec empattement.
Utilisation de polices personnalisées dans les emails
Il arrive que vous souhaitiez ou deviez utiliser une police personnalisée pour vos emails, soit pour rester cohérent avec votre marque, soit pour donner à vos emails un aspect plus festif pour une occasion spéciale.
Nous tenons à vous rappeler que vous pouvez charger des polices de caractères personnalisées dans votre Stripo afin d'obtenir exactement ce dont vous avez besoin en termes de polices de caractères uniques pour vos campagnes d'emailing.
Étant donné que certaines polices personnalisées, selon le client de messagerie, peuvent être rendues telles quelles ou remplacées par la police par défaut, nous vous recommandons vivement de prévisualiser ces emails dans plusieurs environnements. Vous pouvez le faire avec notre outil de test intégré. Pourquoi avez-vous besoin de faire cela ?
Voici les polices de caractères par défaut des clients email :
- iCloud Mail utilise Helvetica comme police par défaut ;
- Gmail adopte la police Arial ;
- Microsoft Outlook des versions les plus anciennes utilise souvent la police Calibri ;
Pratiques de conception des polices de caractères pour l'email
Parlons des différentes pratiques de conception de polices d'email que vous devriez prendre en compte lorsque vous choisissez des polices pour vos emails.
La taille des polices de caractères de l'email est importante
Très souvent, les différentes polices ont des hauteurs de symbole différentes. Par conséquent, la même police, disons de 16 px, sera différente en fonction de la famille de polices choisie.
Espacement des lignes pour les polices de caractères des emails
L'interligne est la distance verticale entre les lignes. Il est mesuré en pourcentage de la taille des lettres.
Vous pouvez définir l'espacement souhaité pour vos emails juste dans les onglets et sections où vous venez de définir vos tailles.
Selon les directives sur l'accessibilité des emails, t le meilleur espacement des lignes varie entre 150% et 200%.
(Copie de l'email avec interligne simple)
(Copie de l'email avec un espacement de 150% entre les lignes)
Polices de caractères email texte sur bannières
C'est l'occasion d'utiliser une police festive, décorative ou manuscrite que vous ne devriez pas utiliser comme police de texte principale.
Étant donné que le texte au-dessus d'une bannière fait partie d'une image, le rendu sera le même pour tous les clients d'email. Et il est censé être suffisamment festif. Vous pouvez donc choisir n'importe quelle police.
Sachez qu'il est préférable de choisir un style de police lisible.
Notre équipe d'assistance a élaboré un guide complet sur l'ajout de texte sur les bannières, avec des instructions étape par étape. Consultez-le.
Couleur de la police de l'email
Il n'y a que deux règles à respecter :
1. Réduire au minimum le nombre de couleurs des polices de caractères utilisées dans les emails
Nous vous recommandons d'utiliser les couleurs de police qui figurent dans les lignes directrices de votre marque. Si vous souhaitez mettre en évidence une phrase, une expression ou un lien, il vous suffit d'utiliser un style de police gras. Dans la plupart des cas, l'utilisation d'un grand nombre de couleurs est ambiguë. Mais gardez à l'esprit que ce conseil n'est que notre opinion subjective.
Exemple d'une bonne combinaison de couleurs dans les emails.
(Source : Email de Victoria's Secret)
2. Utiliser des couleurs contrastées pour les polices de caractères des emails
Si vous avez l'intention d'utiliser des couleurs différentes, utilisez des couleurs contrastées pour que votre texte soit lisible par les daltoniens. Vérifiez qu'elles sont suffisamment contrastées à l'aide des outils suivants :
- les couleurs accessibles pour vérifier le contraste des couleurs du corps de l'email (copie et autres éléments, à l'exclusion de l'imagerie) ;
- Coblis, simulateur de daltonisme - il vérifie si vos images sont accessibles aux daltoniens.
En parlant d'accessibilité des emails...
Lignes directrices en matière d'accessibilité pour les polices de caractères et les textes des emails
En résumé, nous devrions tenir compte de ces lignes directrices pour plusieurs raisons :
- pour permettre aux daltoniens de lire nos emails et de mettre en œuvre les couleurs nécessaires à votre projet de conception d'emails ;
- pour permettre aux personnes souffrant de déficiences visuelles d'écouter nos emails avec des lecteurs d'écran ;
- pour permettre à nos utilisateurs qui sont extrêmement occupés et consultent leurs emails en conduisant ou en cuisinant et demandent à siri de " lire " leurs messages entrants, d'écouter nos emails ;
- permettre aux dyslectiques de lire nos emails - car beaucoup de personnes qui souffrent de dyslexie n'en sont pas conscientes, mais la lecture de textes non adaptés leur est tout à fait insupportable ;
- de limiter la conception de vos emails à deux polices sans-serif au maximum.
Voici donc les lignes directrices pour rendre le texte de votre email accessible :
- Tenir compte du contraste des couleurs.
- Alignez vos textes à gauche pour faciliter la perception de la copie d'email par les dyslectiques - évitez les textes alignés au centre.
- Ajoutez toujours des signes de ponctuation à la fin de chaque puce. Oui, c'est peut-être contraire aux règles de grammaire, mais en faisant cela, nous rendons nos emails plus lisibles et rendons au moins un destinataire plus heureux.
- Maintenez la taille de la police à 14 pixels ou plus.
- Ne soulignez pas les textes.
- Évitez l'italique. Si vous devez mettre en évidence une partie de votre texte, utilisez uniquement des caractères gras !
- N'utilisez pas de majuscules !
- Pensez à utiliser des polices de caractères lisibles pour vos emails.
- N'utilisez pas plusieurs polices. Une ou deux suffisent.
- Combinez différentes polices avec des traits épais et fins.
Conclusion
Compte tenu de ce qui précède, nous pouvons affirmer qu'il n'existe pas de polices professionnelles lisibles et agréables à regarder sur tous les types d'appareils. Il faut toujours choisir entre des polices sans sérif.
Outre le choix de la bonne police d'email, nous devons rendre nos emails accessibles en respectant les directives mentionnées ci-dessus.
35 commentaires