Ce que chaque marketeur doit savoir sur la mise en page des e-mails
Publié: 2021-08-18
Voici la vérité : il n'y a pas de grand secret pour créer une mise en page d'e-mail gagnante.
Un bon e-mail est comme une symphonie. Des dizaines de pièces travaillent ensemble - certaines en coulisses, d'autres visibles - pour créer une expérience étonnante et fonctionnelle.
Votre mise en page peut également avoir un impact direct sur vos résultats.
Un tiers des gens disent qu'un mauvais design est leur plus grande plainte par e-mail. Pendant ce temps, 66% des personnes déclarent que rencontrer des problèmes tels que des e-mails mal conçus, du contenu générique ou des e-mails non optimisés pour les mobiles les empêchera de dépenser de l'argent avec une marque.
Revenons à l'essentiel. Dans cet article, nous passerons en revue les meilleures pratiques et tendances de mise en page des e-mails pour 2020 afin que vous puissiez impressionner vos abonnés et augmenter les conversions.
13 bonnes pratiques de mise en page des e-mails pour impressionner vos abonnés en 2020
Les mises en page des e-mails peuvent être compliquées, nous avons donc décomposé les choses en astuces digestes (avec des exemples).
1. Le mobile est un must
Environ 54% de tous les e-mails sont ouverts sur des appareils mobiles, mais différents groupes d'âge ont des habitudes uniques.
Source : DMA
Comme vous pouvez le constater, les personnes de moins de 35 ans ont tendance à ouvrir leurs e-mails sur leurs smartphones, tandis que les personnes de 55 ans et plus préfèrent les ordinateurs portables et les ordinateurs de bureau.
Même alors, les gens ouvrent souvent le même e-mail plusieurs fois sur différents appareils. Par exemple, une large majorité dans tous les groupes d'âge ne clique pas sur l'appel à l'action (CTA) pour effectuer un achat. Soit ils attendent d'être sur un ordinateur de bureau, soit ils accèdent directement au site Web de la marque.
Source : DMA
Pour créer une expérience transparente, vous devrez décider si vous souhaitez créer des e-mails adaptés aux mobiles ou des e-mails réactifs.
Il est important de connaître la différence entre les deux :
Les e-mails adaptés aux mobiles ont la même apparence sur tous les appareils, mais ils reposent sur des fonctionnalités telles que les mises en page à une seule colonne
Les e-mails réactifs sont dynamiques - la mise en page change en fonction de l'endroit où un abonné ouvre l'e-mail
2. Donner la priorité à l'accessibilité de la mise en page des e-mails
Aux États-Unis, environ 12 millions de personnes de plus de 40 ans souffrent d'une déficience visuelle. Pendant ce temps, 8% des hommes et un demi pour cent des femmes souffrent de daltonisme ou d'un déficit de couleur.
Il est important de rendre vos mises en page accessibles à tous. Tenez compte de ces conseils :
Évitez les images clignotantes pour les personnes épileptiques
Segmentez votre liste d'abonnés en fonction de l'âge et concevez des e-mails uniques pour les groupes d'âge de plus de 40 ans et de plus de 65 ans
Utilisez un gros texte et beaucoup d'espace entre chaque ligne
Évitez le vocabulaire compliqué et les phrases longues
3. Ne négligez pas les lignes d'objet et le texte d'aperçu
Les gens ont tendance à considérer les lignes d'objet et le texte de prévisualisation comme faisant partie de leur copie, mais ces deux éléments jouent également un rôle important dans la mise en page.
Par exemple, les écrans mobiles couperont votre ligne d'objet après 30 ou 35 caractères.
La plupart des fournisseurs de services de messagerie vous permettent également d'écrire votre propre texte d'aperçu, alors ne le négligez pas. Sinon, les abonnés ne verront que la première ou les deux premières phrases de votre e-mail dans leurs notifications push.
Voici quelques exemples de texte d'aperçu mis en évidence. Notez également la ligne d'objet hautement personnalisée et exploitable de Google AdSense.
Source : Gmail
4. Utilisez un « flux » transparent dans la mise en page de vos e-mails
En revenant au cours de photographie du lycée, pensez à quelques stratégies de composition de base. Créez une mise en page d'e-mail qui guide les yeux de votre destinataire vers le CTA lorsqu'il défile.
Vous avez ici deux options principales :
1. Pyramide inversée
2. forme de Z
L'UNICEF a réussi à utiliser efficacement les deux styles dans cet e-mail.
Source : Gmail
5. N'oubliez pas les couleurs et l'image de marque
L'astuce ici est de mélanger les couleurs de votre marque avec des touches de couleurs vives et contrastées.
Les grandes marques planifient longtemps à l'avance les couleurs qu'elles utiliseront dans le matériel marketing pour les vacances saisonnières, les boutons CTA et les éclaboussures uniques.
Considérez la psychologie des couleurs ici. Le rose vif ou le néon peuvent bien fonctionner pour exprimer l'urgence lors d'une vente, mais les bleus ou les verts en sourdine sont meilleurs pour créer une ambiance calme avec des newsletters, par exemple.
Regardez à nouveau l'UNICEF. Bien qu'ils s'en tiennent généralement au « bleu des États-Unis » que toutes les agences des Nations Unies utilisent, ils ont également une palette étendue avec des couleurs vives pour attirer l'attention.
Source : UNICEF
Encore une fois : n'oubliez pas de considérer l'accessibilité pour les personnes ayant une déficience visuelle ou des déficiences de couleur.
6. Choisissez des images pertinentes
Les images comptent à plusieurs niveaux. Les graphiques que vous choisissez peuvent aider à attirer l'attention, à expliquer votre message et à se rapporter aux destinataires.
Évitez d'inclure des images juste pour le plaisir. Les experts en design de Nielsen Norman ont découvert que les abonnés aux e-mails sont confus ou frustrés lorsque les marques et les organisations incluent des images aléatoires, même de haute qualité.
Au lieu de cela, choisissez des images qui se rapportent directement à votre produit ou au concept que vous essayez de transmettre dans votre message, comme l'a fait Penn LPS Online ci-dessous.
Source : Gmail
7. Attirez l'attention avec les GIF
Les vidéos sont idéales pour stimuler l'engagement dans les e-mails, mais malheureusement, la plupart des clients de messagerie ne prennent pas en charge les fonctionnalités de lecture intégrées. Les GIF offrent une alternative parfaite à la vidéo.
Les GIF facilitent l'explication de sujets complexes et peuvent même augmenter votre retour sur investissement de 109%.
Lorsque vous créez des GIF, assurez-vous qu'ils ne ralentissent pas la vitesse de vos e-mails, ce n'est pas idéal pour les lecteurs mobiles. N'oubliez pas non plus que les clients de messagerie à l'ancienne peuvent ne pas prendre en charge les GIF.
DavidsTea a utilisé un GIF efficace pour expliquer le fonctionnement de sa bouteille.
Source : de très bons e-mails
8. Envisagez une mise en page dynamique des e-mails
Vous n'êtes pas obligé d'envoyer la même mise en page d'e-mail à tout le monde. En fait, c'est mieux si vous ne le faites pas. 67% des gens s'attendent à ce que les marques offrent un contenu personnalisé et 42% sont agacés lorsque le contenu n'est pas personnalisé.
Heureusement, les clients de messagerie comme Emma vous permettent d'envoyer des e-mails dynamiques uniques pour chaque abonné.
Le contenu dynamique prend les données que vous avez collectées sur vos abonnés et les utilise pour envoyer des campagnes hyper-personnalisées. Par exemple, si votre abonné a tendance à ouvrir des e-mails sur Gmail pour Android et répond mieux aux boutons CTA bleus, il recevra des campagnes codées spécialement pour lui.
À l'arrière, vous n'avez qu'à concevoir un e-mail. L'intelligence artificielle (IA) prend le contrôle du travail difficile.
Voici un aperçu de ce à quoi ressemble le contenu dynamique.
Source : Emma
9. L'espace blanc est votre ami
Les gros blocs de texte ont tendance à effrayer les lecteurs.
Utilisez des espaces blancs pour diviser votre copie et aider à guider les lecteurs dans l'e-mail.
Non seulement les espaces blancs facilitent la lecture des e-mails, mais ils compensent l'idée que les gens numérisent le contenu (plutôt que de lire chaque mot).
10. Utilisez un bouton CTA cliquable
Les hyperliens peuvent être difficiles à cliquer sur les écrans mobiles, surtout si votre texte est petit ou si les liens sont trop proches les uns des autres.
Au lieu de cela, concevez une mise en page d'e-mail avec un CTA clair et un gros bouton lumineux.
Nielsen Norman Group a constaté que les couleurs contrastées sont également importantes. Votre bouton CTA ne devrait pas se fondre.
Ils notent également que la copie du bouton CTA est importante. « Commencer » est trop ambigu et semble souvent trompeur pour les lecteurs. Au lieu de cela, choisissez des mots clairs et exploitables comme « RSVP maintenant » ou « Achetez ici ».
L'American Enterprise Institute propose deux CTA clairs, il n'y a donc aucun doute sur ce qui se cache derrière le lien.
Source : Gmail
11. Inclure du contenu interactif
Le contenu interactif est utile car il permet aux abonnés de cliquer sans sortir de l'e-mail, ce qui stimule l'engagement.
Vous pouvez utiliser du contenu interactif pour des critiques, des jeux, des quiz, etc.
Voici un exemple de quiz interactif de GoDaddy. Lorsque vous cliquez sur les réponses, il vous guide à travers différentes questions.
Source : de très bons e-mails
12. N'oubliez pas les pages de destination
De nombreux spécialistes du marketing oublient d'optimiser leurs pages de destination avec la même mise en page et le même design que leurs e-mails.
Les abonnés s'attendent à une expérience fluide une fois qu'ils cliquent sur un bouton ou un lien CTA dans vos e-mails. Si vous le pouvez, profitez des pages mobiles accélérées qui s'ouvrent à la vitesse de l'éclair.
N'oubliez pas d'utiliser la même voix, le même ton et les mêmes couleurs que vous avez utilisés dans la mise en page de l'e-mail. Il est tout aussi important de vous assurer que le contenu de vos pages de destination est à la hauteur des attentes du bouton ou du lien.
En d'autres termes, évitez les pièges à clics et expliquez clairement ce qui se trouve de l'autre côté du lien pour renforcer la confiance.
L'UNICEF disposait d'une page de destination compatible avec les appareils mobiles, prête à être placée derrière son e-mail de dons de vacances.
Source : Gmail
13. Exécutez de nombreux tests de mise en page des e-mails
Enfin, le seul moyen de vous assurer que votre mise en page est parfaite pour chaque abonné est d'effectuer des tests.
Emma vous permet d'exécuter des tests pour différents clients de messagerie lorsque vous concevez votre mise en page afin que vous ne devinez jamais.
Ensuite, vous souhaiterez effectuer des tests A/B pour voir quels types de mises en page fonctionnent le mieux sur différents segments de votre public. Ce que vous apprenez pourrait vous surprendre.
Emballer
La mise en page des e-mails implique plusieurs parties mobiles, parfois même littéralement. Pour une expérience optimale, n'oubliez pas de :
Privilégiez l'expérience mobile et l'accessibilité
Rendez vos CTA clairs et visibles
Créez un flux et une expérience fluides (y compris vos pages de destination)
Exécuter des tests pour différents clients de messagerie et préférences d'abonné
Vous voulez donner un coup de fouet à vos e-mails ? Apprenez-en plus sur le contenu dynamique d'Emma et rendez vos e-mails aussi uniques que vos abonnés.