Ce que chaque spécialiste du marketing doit savoir sur la mise en page des e-mails

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 fonctionnent ensemble - certaines dans les coulisses, d'autres visibles - pour créer une expérience étonnante et fonctionnelle.

Votre mise en page peut également avoir un impact direct sur votre résultat net.

Un tiers des personnes déclarent que la mauvaise conception 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 qui ne sont pas 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 épater 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 conseils 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 leur smartphone, tandis que les 55 ans et plus préfèrent les ordinateurs portables et les ordinateurs de bureau.

Même dans ce cas, les gens ouvrent souvent le même e-mail plusieurs fois sur différents appareils. Par exemple, une grande majorité dans tous les groupes d'âge ne cliquent pas sur l'appel à l'action (CTA) pour effectuer un achat. Soit ils attendent d'être sur un ordinateur, 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 se ressemblent sur tous les appareils, mais ils s'appuient 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. Prioriser l'accessibilité de la mise en page des e-mails

Environ 12 millions de personnes de plus de 40 ans aux États-Unis souffrent d'une sorte de 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 texte de grande taille et suffisamment 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 de prévisualisation

Les gens ont tendance à considérer les lignes d'objet et le texte de prévisualisation comme faisant partie de leur texte, 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 mis en évidence de texte d'aperçu. 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 votre e-mail

En remontant 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 bas de la page vers le CTA lorsqu'il défile.

Vous avez ici deux options principales :

1. Pyramide inversée

2. Forme en 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 consiste à combiner 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 transmettre 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 de couleurs vives pour attirer l'attention.

Source : UNICEF

Encore une fois : n'oubliez pas de tenir compte de l'accessibilité pour les personnes ayant une déficience visuelle ou des troubles de la 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 établir un lien avec les destinataires.

Évitez d'inclure des images juste pour le plaisir. Les experts en conception de Nielsen Norman ont constaté que les abonnés aux e-mails étaient confus ou frustrés lorsque les marques et les organisations incluaient 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 Penn LPS Online l'a fait 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 votre messagerie, ce qui n'est pas idéal pour les lecteurs mobiles. N'oubliez pas non plus que les clients de messagerie de la vieille école peuvent ne pas prendre en charge les GIF.

DavidsTea a utilisé un GIF efficace pour expliquer le fonctionnement de sa bouteille.

Source : Vraiment de 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 personnes s'attendent à ce que les marques proposent un contenu personnalisé et 42 % s'énervent 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.

Sur le back-end, 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 autour de l'e-mail.

Non seulement l'espace blanc facilite la lecture des e-mails, mais il compense l'idée que les gens analysent 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 rapprochés.

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 doit pas se fondre.

Ils notent également que la copie du bouton CTA est importante. "Commencez" est trop ambigu et semble souvent trompeur pour les lecteurs. Au lieu de cela, choisissez des mots clairs et exploitables comme "RSVP now" ou "Shop here".

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 quitter l'e-mail, ce qui renforce 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 : Vraiment de 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 transparente une fois qu'ils ont cliqué 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 s'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 clickbait et expliquez clairement ce qu'il y a de l'autre côté du lien pour renforcer la confiance.

L'UNICEF avait une page d'accueil adaptée aux mobiles prête à suivre son e-mail de don de vacances.

Source : Gmail

13. Exécutez de nombreux tests de mise en page des e-mails

Enfin, la seule façon de vous assurer que votre mise en page est parfaite pour chaque abonné est d'effectuer des tests.

Emma vous permet d'effectuer des tests pour différents clients de messagerie lorsque vous concevez votre mise en page afin que vous ne deviniez jamais.

Ensuite, vous voudrez exécuter 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 :

• Prioriser 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écutez 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.