Le courrier électronique reste l’un des moyens les plus populaires d’interaction entre les entreprises et leurs clients. Comme pour tout ce qui concerne le monde du design, la manière dont vous concevez un courrier électronique aura un impact considérable sur le taux de clics et la rétention de vos abonnés.

Lorsque vous concevez pour le courrier électronique, vous devez tirer le meilleur parti de cette opportunité éphémère que vous avez pour faire une impression sur vos abonnés. Un de Principes Cialdini de persuasion s'applique ici: si vous offrez une grande valeur à vos lecteurs grâce à votre courrier électronique, ils vous donneront volontiers le temps de lire et de cliquer sur les liens.

Bien sûr, concevoir pour le courrier électronique implique également une conception de courrier électronique réactive depuis près de la moitié des e-mails ouverts aujourd'hui se produisent sur un appareil mobile . Voici les composants incontournables d'une conception de courrier électronique réussie.

1) La transparence compte

Vérifiez les types de lignes d'objet, de copie, les noms d'expéditeur et même les pré-empreintes que vous utilisez. Ne faites jamais de ces choses ambiguës ou déroutantes pour vos lecteurs. Sinon, ils seront tellement plus susceptibles de marquer vos e-mails comme indésirables ou de les supprimer complètement.

Au lieu de cela, dites toujours à vos lecteurs votre identité, ce qu'ils lisent et quels seront les avantages de la lecture. L'astuce consiste à obtenir toutes ces informations le plus près possible du haut de votre courrier électronique. Avoir toutes ces informations en face de vos lecteurs dès qu'ils ouvrent votre courrier électronique signifie que votre proposition ne sera pas ignorée.

Cet exemple montre deux e-mails où le nom de l'expéditeur est dans une énorme police, la ligne d'objet limpide et les avantages de la lecture fixent l'abonné directement dans le visage.

001

2) Suivez un schéma conventionnel

Ceci est la seule fois où être conventionnel et ne pas faire quelque chose d'inattendu aide votre cause. Les gens vont s'attendre à certains points communs dans tous les emails qu'ils ouvrent. Par exemple, lors de la conception pour les appareils portables, assurez-vous de créer des boutons faciles à cliquer et à utiliser pour vos liens. Il est préférable de les rendre à 100% de la largeur de l’écran car les utilisateurs veulent les toucher avec l’un ou l’autre des pouces!

Si vous placez des liens supplémentaires dans la copie de votre courrier électronique, assurez-vous qu'ils apparaissent dans des couleurs contrastées et audacieuses pour les faire ressortir et crier pour attirer l'attention. Ne placez jamais de liens trop rapprochés, car il serait ennuyeux que les utilisateurs appuient accidentellement sur le mauvais lien.

Enfin, veillez à ce que vous fassiez en sorte que les clics soient si évidents qu’ils ne peuvent pas être manqués. Un bon moyen d'y parvenir est de combiner les avantages d'un clic avec le bouton lui-même. Par exemple, la copie de bouton idéale serait "Obtenez votre démo gratuite maintenant".

Voici un bon exemple d'utiliser des couleurs vives dans les liens de courrier électronique pour attirer l'attention des lecteurs.

002

3) Minimalisme: en dire plus avec moins

Personne ne prend le temps de lire autant, en particulier les utilisateurs mobiles, alors n'écrivez pas beaucoup dans votre copie de courrier électronique. Les lecteurs numériseront simplement le courrier électronique pour trouver des éléments qui les intéressent au lieu de lire l'intégralité du mot-clé pour chaque message. Divisez les morceaux de texte en petits morceaux plus faciles à consommer.

Un e-mail marketing, par exemple, a pour objectif d'inciter les lecteurs à cliquer sur votre site Web. Ne pas bloquer ce résultat prévu avec un long morceau de texte. En tout état de cause, un texte plus long rend la tâche des lecteurs beaucoup plus tentante d’envoyer votre courrier à la corbeille.

Voir ces exemples de la façon dont les emails minimalistes apparaissent dans Evomail.

003

4) Promouvoir une lecture conviviale

Les lecteurs adorent analyser les e-mails, facilitant ainsi leur numérisation. Vous y parviendrez en divisant votre texte en morceaux délimités et ordonnés qui vont droit au but. L'utilisation de rubriques limpides et l'accent mis sur les concepts significatifs en gras permettront à vos abonnés à la numérisation d'accéder immédiatement à l'essentiel.

Email transactionnel de Geico illustre parfaitement les courriels conviviaux.

004

5) Dites autant que vous voulez, juste plus tard

Concevez votre copie de courrier électronique pour que les détails les plus saisissants et les plus courts arrivent en premier; n'incluez que votre contenu plus long après cela. De cette façon, aucun de vos lecteurs ne se heurte à un contenu plus long, sauf pour ceux qui veulent vraiment lire le contenu plus long. Il y a donc une place pour un contenu plus long dans le marketing par courrier électronique, mais il suffit de le placer au bon endroit dans le courrier électronique.

6) réitérer l'appel à l'action

Dans les e-mails marketing, l'appel à l'action est la raison pour laquelle vous souhaitez envoyer l'e-mail à vos lecteurs. Il est donc avantageux de répéter l'appel à l'action plus tard dans l'e-mail, en particulier si votre contenu contient plus longtemps. Personne ne veut revenir au début de l'e-mail pour voir l'appel à l'action.

Mail de MailChimp répète son appel à l'action en haut puis à nouveau en bas.

MailChimp-Email-Marketing-Acll-to-Action

7) Limiter le nombre de choix

Un excès de choix dans votre courrier électronique entraînera une surcharge cognitive sur vos abonnés, de sorte qu'ils seront beaucoup moins susceptibles de prendre une décision. Réfléchissez bien à ce que l'exigence minimale serait de faire en sorte qu'un lecteur clique pour aller sur votre site. Vous voulez simplement introduire progressivement ce détail nécessaire au lecteur. Si vous lui donnez trop d'informations au début, il sera plus enclin à abandonner sa tâche.

8) S'appuyer sur cet espace

Whitespace est très efficace même dans la conception du courrier électronique. Whitespace est très utile pour briser des éléments d'information cruciaux afin de permettre au lecteur de mieux assimiler des informations importantes. Si vous avez beaucoup d'éléments qui ont la même taille et le même poids, alors l'incorporation d'espaces blancs permet aux lecteurs de se concentrer sur ce qui compte. Sans espace, votre corps de courrier électronique peut apparaître comme un énorme bloc sans forme que les lecteurs peuvent simplement ignorer.

Ici , vous pouvez voir comment l’espace blanc concentre l’attention du lecteur sur le message marketing.

006

9) Un mot spécial sur la conception de courriels réactifs

, people are looking at their mobile devices around 150 times a day! Aujourd'hui , les gens regardent leurs appareils mobiles environ 150 fois par jour! De plus, 4 personnes sur 5 suppriment les e-mails si leur appareil mobile ne leur convient pas. Tout cela signifie que vous devez vous concentrer davantage sur la diffusion de votre message à vos lecteurs plus efficacement que jamais.

La requête média @media est utilisée dans la conception de courriels réactifs . @media est un ensemble unique de styles CSS qui se comportent comme des règles dynamiques ou des instructions conditionnelles. Ils peuvent vous aider à créer des e-mails plus lisibles sur différentes tailles d'écran.

Ce qu'ils font, c'est identifier la taille d'écran d'un périphérique, puis différents ensembles de règles qui s'appliquent à cette taille d'écran. Basé spécifiquement sur ce que vous voulez accomplir, les requêtes média peuvent être faciles ou difficiles à mettre en œuvre. Notez que ceux-ci ne fonctionneront pas dans tous les clients de messagerie et nécessitent également plus de planification et de test que les emails ordinaires.

En fonction de la taille de votre écran, les types de média définissent les styles CSS à utiliser. Essentiellement, ce type de média indique que, si vos messages sont affichés sur un écran de 480 pixels ou moins, utilisez le code CSS suivant.

Ce serait donc: @media screen et (max-width: 480px)

Support email réactif

Actuellement, tous les périphériques de poche et tous les clients ne prennent pas en charge les e-mails réactifs. C'est pourquoi les concepteurs doivent se tenir au courant de ce que les appareils et les clients prennent en charge le courrier électronique réactif. C'est pourquoi il est vraiment judicieux de tester vos e-mails sur un tas de périphériques et de clients différents, pour que vous puissiez en être sûr.

Voici où les emails réactifs sont actuellement supportés:

  • Application Android 4.x Email OEM
  • Application de messagerie iOS
  • Windows Phone 7.5
  • Blackberry z10
  • BlackBerry OS7

Voici où les emails réactifs ne sont actuellement pas supportés:

  • Application Android Gmail
  • Application iPhone Gmail
  • Application iPhone Yahoo Mail
  • Application de boîte aux lettres iPhone
  • BlackBerry OS5
  • Application Android Yahoo Mail
  • Windows Phone 7
  • Windows Phone 8
  • Windows Mobile 6.1  

10) Design email pour les lecteurs

Comme pour tous les autres aspects de la conception Web, le travail des concepteurs consiste à concevoir pour l'utilisateur afin d'améliorer l'expérience utilisateur. Cela doit être la priorité numéro un. Sinon, vos e-mails ne seront pas un grand succès auprès de vos lecteurs et abonnés.

Il y a tellement de choses à prendre en compte, allant de la transparence à un modèle classique, en passant par le minimalisme et les espaces. Si vous voulez toucher des gens sur mobile, vous devez également vous concentrer sur la conception de courriels réactifs. Garder ces conseils à l'esprit aidera grandement avec votre taux de clic de messagerie.

Image / vignette en vedette, image d'email via Shutterstock.