7 conseils de conception pour créer des e-mails réussis en 2016

En tant que concepteur d'e-mails, il est de votre devoir de fournir aux abonnés une expérience d'e-mail fonctionnelle. Cela signifie éliminer les frictions qui peuvent éroder l'expérience de l'abonné et, en fin de compte, nuire à votre image de marque.

Atteindre cet objectif est compliqué par le fait que le courrier électronique est en constante évolution. Il est crucial de rester au courant des dernières mises à jour dans le monde de la messagerie, en particulier lorsque ces changements, comme les nouvelles applications et les mises à jour de la prise en charge HTML et CSS, peuvent affecter vos campagnes soigneusement conçues.

Dans le rapport sur l'état des e-mails 2016, nous rassemblons tout ce qui s'est passé dans le monde de l'e-mail l'année dernière, aidant à identifier les innovations majeures qui peuvent avoir d'énormes implications pour vos campagnes d'e-mail.

Obtenez votre rapport gratuit →

Voici un aperçu de ce que vous trouverez à l'intérieur :

1. GARDER L'APPLE WATCH À L'ESPRIT

En avril 2015, l'Apple Watch a été lancée. L'ajout de dispositifs portables à la flotte d'applications de messagerie était inévitable, et cela a des implications majeures pour les concepteurs de messagerie. Si votre public comprend des utilisateurs précoces de la technologie et des utilisateurs potentiels de Watch, tenez compte de l'expérience des abonnés sur Watch.

Étant donné que Apple Watch affiche du texte brut lorsque des images distantes ou liées sont détectées, il est essentiel d'optimiser la version en texte brut de vos e-mails. Notez également que les caractères spéciaux, les espaces supplémentaires et d'autres astuces de formatage réservées à la consommation de texte brut sur le bureau se traduisent très mal sur le petit écran de la montre.

Il existe également une option plus avancée pour ajouter une troisième partie à votre message : text/watch-html. En incluant cette partie supplémentaire et en spécifiant le Content-Type comme « text/watch-html », la montre affichera la partie text/watch au lieu de la partie en texte brut lorsque la partie HTML ne convient pas. Cependant, assurez-vous de vérifier auprès de votre ESP avant d'ajouter la partie Watch - tout le monde ne la prend pas en charge.

2. OPTIMISER LE BLOCAGE D'IMAGES

Outlook 2016 et l'application Alto Mail d'AOL ont tous deux été introduits en 2015 et bloquent chacun les images par défaut. Les concepteurs d'e-mails doivent utiliser des techniques de conception défensives telles que le texte ALT, les boutons pare-balles et un bon équilibre entre les images et le texte HTML pour lutter contre le blocage des images.

3. NE CACHEZ PAS VOTRE LIEN DE DÉSABONNEMENT

En septembre 2015, Gmail a déployé une nouvelle fonctionnalité de « blocage » pour tous les utilisateurs de messagerie Web Gmail et d'applications Gmail Android, offrant aux consommateurs une autre option pour débarrasser leurs boîtes de réception des e-mails dont ils ne veulent pas. Lorsqu'un abonné « bloque » un expéditeur, cela signifie qu'il ne verra plus jamais un e-mail de cet expéditeur.

L'avantage est que la nouvelle option « bloquer » devrait réduire les plaintes de spam, car certains abonnés qui auraient précédemment cliqué sur « signaler un spam » cliqueront désormais sur « bloquer » à la place. L'inconvénient est que le bouton « bloquer » peut avoir créé une nouvelle barre inférieure pour l'intervention du FAI, de sorte que certains abonnés qui auraient pu précédemment cliquer sur « se désinscrire » cliqueront désormais sur « bloquer » à la place.

Alors, que devrais-tu faire? Facilitez la désinscription. Si les abonnés ne peuvent pas facilement repérer votre lien de désinscription, certains bloqueront simplement votre message ou le marqueront comme spam. Si votre lien de désabonnement est enterré en petits caractères gris, il est temps de le décomposer sur une ligne avec un texte plus gros et plus facile à lire.

De plus, ajoutez l'en-tête « list-unsubscribe » et Gmail placera, dans certaines circonstances, un lien « Se désinscrire » après votre nom d'expéditeur et votre adresse e-mail d'expéditeur.

Bien que ce lien permette aux abonnés d'ignorer votre processus de désinscription, y compris le centre de préférences, si vous en utilisez un, il est toujours préférable d'obtenir un blocage ou une plainte pour spam.

4. METTRE À JOUR VOS E-MAILS INTERACTIFS

En septembre 2015, Apple a publié la dernière version de son système d'exploitation mobile, iOS 9. Ce système d'exploitation mis à jour a ajouté la prise en charge de quelques nouvelles propriétés CSS et a introduit quelques modifications qui ne manqueront pas de frustrer les concepteurs de messagerie.

Une de ces frustrations ? Le sélecteur de frères et sœurs général (~) n'est pas toujours pris en charge. Les membres de la communauté Litmus, Remi Parmentier et Justin Khoo, ont tous deux signalé que le sélecteur général de frères et sœurs ~ n'est pas pris en charge sur iOS 9 lorsqu'il est utilisé avec les sélecteurs de pseudo-classe :hover ou :checked.

De nombreux e-mails interactifs utilisent des pseudo-classes pour vérifier si quelque chose s'est passé ou non dans un e-mail et styliser les éléments de manière appropriée en fonction de l'état. Cependant, ce bogue rendra les e-mails auparavant interactifs statiques.

Heureusement, il y a une solution ! Remplacez simplement le sélecteur de frère général ~ par le sélecteur de frère adjacent +. Bien qu'il ne soit pas aussi flexible que le sélecteur de frères et sœurs général moins spécifique, il obtient les mêmes résultats.

5. UTILISER DES MISE EN PAGE BASÉE SUR DES TABLEAUX

En septembre 2015, Microsoft a lancé la dernière version de son client Outlook, Outlook 2016. Malheureusement, il n'a pas beaucoup changé par rapport à ses prédécesseurs. Comme Outlook 2007, 2010 et 2013, Outlook 2016 rend les e-mails à l'aide de Microsoft Word, qui prend mal en charge HTML et CSS et présente une tonne de bizarreries frustrantes.

Les versions plus récentes d'Outlook (2007-2016) prennent mal en charge HTML et CSS et incluent un certain nombre de bizarreries à garder à l'esprit :

• Pas de prise en charge des images d'arrière-plan dans les divs et les cellules de tableau
• Pas de support pour CSS float ou position
• Pas de prise en charge de l'ombre de texte
• Mauvais support pour le rembourrage et la marge
• Mauvaise prise en charge de la largeur et de la hauteur CSS
• Problèmes avec les couleurs d'arrière-plan des éléments imbriqués

En raison de son manque de prise en charge de nombreuses propriétés CSS, les mises en page basées sur des tableaux sont une nécessité pour l'optimisation dans Outlook 2016. Vous pouvez également utiliser le CSS conditionnel pour cibler spécifiquement Outlook 2016.

6. UTILISER DES ÉLÉMENTS MOBILES

Avec 55% des ouvertures d'e-mails se produisant sur des appareils mobiles, il est plus crucial que jamais d'avoir une stratégie de messagerie mobile en place. Bien que l'utilisation de la conception réactive soit une excellente option, vous devez également utiliser des éléments adaptés aux mobiles dans les cas où les requêtes multimédias ne sont pas prises en charge.

Par exemple, ni l'application Alto Mail d'AOL ni l'application Universal Outlook, toutes deux introduites en 2015, ne prennent en charge les requêtes multimédias.

Tirez parti d'un texte de grande taille, de boutons tactiles et d'une conception à colonne unique pour offrir à vos abonnés la meilleure expérience possible.

7. UTILISER DES DONNÉES OUVERTES POUR PRENDRE DES DÉCISIONS DE CONCEPTION

Bien que l'examen des tendances d'ouverture des e-mails à l'échelle du secteur soit un excellent indicateur de l'adoption de certains clients de messagerie, c'est votre public qui compte. Il est plus important que jamais de regarder où votre public ouvre son courrier électronique et d'ajuster vos conceptions en conséquence.

Par exemple, nous avons constaté une augmentation de 22 % des ouvertures d'iPhone en 2015, ce qui représente désormais 33 % du nombre total d'ouvertures d'e-mails. Si vous voyez quelque chose de similaire dans votre propre public, vous pouvez utiliser ces données pour éclairer vos décisions de conception. Nous savons qu'iOS, le système d'exploitation de l'iPhone, prend parfaitement en charge HTML et CSS, vous pouvez donc utiliser en toute sécurité des techniques avancées telles que les arrière-plans vidéo HTML5 dans nos campagnes.

La clé est de comprendre votre public. Avec Email Analytics, vous obtiendrez les données dont vous avez besoin pour optimiser vos conceptions. Inscrivez-vous pour un essai gratuit aujourd'hui. Pas de carte de crédit nécessaire.

OBTENIR LE RAPPORT SUR L'ÉTAT DES COURRIELS 2016

Vous voulez encore plus d'informations et de points à retenir ? Tenez-vous au courant des dernières mises à jour et avancées par e-mail en téléchargeant le rapport gratuit dès aujourd'hui.

Obtenez le rapport 2016 sur l'état des e-mails →