Mode sombre pour le courrier électronique: comment les marketeurs devraient-ils s'adapter?

Le mode sombre est une tendance majeure dans les expériences d'interface utilisateur à travers un large éventail d'applications, y compris les clients de messagerie. Alors que la prise en charge du mode sombre continue de croître, la question que nos clients nous posent est la suivante: mon entreprise devrait-elle modifier ses conceptions et son code pour être compatible avec le mode sombre pour le courrier électronique et, dans l'affirmative, quels changements devrions-nous apporter?

Avant de répondre à cette question, prenons un peu de recul et abordons les bases, comme …

Qu'est-ce que le mode sombre?

Au lieu du texte sombre habituel sur fond clair, le mode sombre présente l'inverse: texte clair et un fond sombre. Vous pouvez voir la différence ci-dessous dans la façon dont la page Twitter d'Oracle Marketing Cloud s'affiche en mode clair et en mode sombre.

Qu'est-ce qui détermine la popularité du mode sombre?

ne sait pas si le mode sombre vous convient ou non, plusieurs choses sont claires:

1. Le mode sombre est plus agréable pour les yeux dans les environnements à faible luminosité, comme la lecture au lit avec les lumières éteintes ou le codage des e-mails dans un bureau ou un bureau à domicile avec les lumières éteintes et les nuances dessinées. Le mode sombre fait certainement partie de la conversation sur l'ergonomie de bureau, comme la popularité croissante des bureaux debout.

2. Il peut prolonger la durée de vie de la batterie de votre appareil s'il dispose d'un écran OLED . Cependant, cela n'économise pas du tout si votre appareil dispose d'un écran LCD, ce que la plupart des ordinateurs portables et tous les smartphones, à l'exception des plus récents, font.

3. Certaines personnes le préfèrent car elles sont sensibles à la lumière ou ont des cataractes, alors elles devraient probablement penser que le mode sombre fait partie d'un design inclusif. Cependant, la principale raison semble être que certaines personnes l'aiment simplement mieux. Et dans un monde où nous voulons donner aux gens des choix.

Alors que certaines personnes utilisent tout le temps le mode sombre, certaines l'utilisent de façon situationnelle et d'autres pas du tout. Mais il est suffisamment populaire pour que le support explose.

Où le mode sombre est-il pris en charge?

Des logiciels de conception comme Adobe Creative Suite et de nombreux sites Web et programmes de photographie utilisent le mode sombre depuis des années et des années. Mais maintenant, le support a vraiment pris son envol, avec les dernières versions de Windows, macOS, iOS et Android, toutes prennent en charge le mode sombre.

Cela a permis à certaines des applications et des sites Web les plus populaires d'adopter le mode sombre, notamment Amazon Kindle, Chrome, Facebook Messenger, Firefox, Medium, Pinterest, Reddit, Slack, Twitch, Twitter et WhatsApp, entre autres .

Les clients de messagerie ont également ajouté la prise en charge du mode sombre au cours de la dernière année. Apple Mail et les saveurs d'Outlook et de Gmail ont ouvert la voie. De manière générale, environ la moitié de tous les e-mails sont ouverts dans des environnements prenant en charge le mode sombre, selon les données d'octobre 2019 de EmailClientMarketShare.com de Litmus . Encore une fois, le mot clé est «support», car l'utilisation varie.

Quoi qu'il en soit, l'audience potentielle est importante.

Avez-vous besoin de vous inquiéter du mode sombre pour le courrier électronique?

Le mode sombre peut sérieusement gâcher le rendu de vos e-mails, rendant le texte illisible dans certains cas. Selon le client de messagerie, le mode sombre inverse totalement ou partiellement les couleurs .

Vous pouvez voir les différences dans la façon dont Apple Mail 12 et Outlook 19 implémentent le mode sombre affectent le bulletin d'information d'Oracle CX Marketing Consulting au dessous de. Alors que le mode sombre d'Apple Mail n'affecte que l'interface de l'application (dans ce cas), le mode sombre d'Outlook affecte le courrier électronique de manière assez spectaculaire, ce qui rend certaines parties difficiles ou impossibles à lire, du moins avant que nous n'implémentions certains correctifs dont nous discuterons plus tard.

«Je vois la plus grande frustration avec comment le mode sombre est effectué dans Outlook (macOS), Outlook.com et Outlook sur mobile pour iOS », explique Lauren Beltramelli, développeur de messagerie et Web pour les services créatifs, Oracle CX Marketing Consulting.

C'est tellement compliqué que nous recommandons aux spécialistes du marketing de se demander sérieusement si cela vaut le temps de développement de conception supplémentaire pour concevoir / coder en mode sombre. Cependant, si un grand nombre de vos abonnés lisent vos e-mails sur les clients de messagerie Outlook, alors vous voudrez prendre des mesures.

Comment pouvez-vous vous adapter au mode sombre pour les e-mails?

Tout d'abord, reconnaissons qu'il s'agit d'un tendance relativement nouvelle et donc instable. En travaillant avec nos clients, nous avons vu de nombreux conseils en mode sombre destinés uniquement au développement Web et d'autres conseils qui ont peut-être fonctionné à un moment donné mais qui ne fonctionnent plus. Nous espérons que les implémentations du mode sombre dans le courrier électronique se normaliseront avec le temps, mais nous savons que cela pourrait prendre un certain temps.

Reconnaissons également que les spécialistes du marketing doivent respecter les choix des consommateurs quant à l'opportunité d'utiliser le mode sombre. Nous devons les laisser choisir l'expérience utilisateur qui leur convient le mieux, puis nous adapter en conséquence.

"Forcer vos e-mails à rester en mode clair n'est pas une bonne réponse", explique John A. Lillard, consultant principal pour les services de mise en œuvre, Oracle CX Marketing Consulting. "Il vaut mieux laisser vos clients choisir."

Dans cet esprit, et sur la base de ce qui fonctionne actuellement, voici nos conseils:

1. Ajouter des traits aux logos et aux icônes

L'ajout d'un trait à votre logo de la même couleur que la couleur d'arrière-plan le rend effectivement invisible en mode lumière. Cependant, lorsque le mode sombre est activé, ce trait empêche votre logo de se fondre dans l'arrière-plan. Étant donné l’importance d’être immédiatement reconnaissable dans la boîte de réception, vous souhaiterez le faire pour maintenir la confiance de la marque.

Vous pouvez voir l’effet que l’ajout d’un 1 pt. accident vasculaire cérébral — plus lueur — sur notre logo sur le bulletin d'information d'Oracle CX Marketing Consulting .

2. Regardez vos couleurs d'arrière-plan

Le mode sombre modifie également les couleurs du texte et les couleurs d'arrière-plan, mais pas toujours de manière à rendre le texte lisible. Testez le rendu de vos e-mails dans les boîtes de réception ou en utilisant Litmus, Email on Acid ou un autre service pour voir si vous avez une mauvaise combinaison de texte et de couleurs d'arrière-plan.

Les images d'arrière-plan sont un élément commun des boutons pare-balles, qui conservez leur intégrité lorsque les images sont bloquées, alors portez une attention particulière à la façon dont le mode sombre affecte vos incitations à l'action. La dernière chose que vous voulez, c'est que vos CTA disparaissent ou deviennent suspects.

3. Regardez aussi vos images d'arrière-plan

Étant donné les effets de superposition provoqués par le mode sombre, les images d'arrière-plan peuvent entraîner des problèmes de lisibilité. Si vous comptez les utiliser, assurez-vous de tester le rendu.

4. Envisagez les .PNG transparents

Dans certains cas, l'utilisation d'un PNG transparent peut aider une couleur d'arrière-plan qui est devenue foncée en mode sombre assombrir le PNG, permettant au texte qui est devenu clair d'être lisible. Encore une fois, il s'agit d'un cas où le rendu des tests est essentiel pour identifier ces situations.

5. Tenir compte des couleurs de police blanches ou claires

Alors que les couleurs et les images d'arrière-plan représentent la moitié de l'équation de lisibilité, l'autre moitié est la couleur de police. Et ici, le mode sombre se comporte un peu plus de manière prévisible.

«Ce qui est sombre devient clair, mais ce qui a tendance à rester clair», explique Eric Santiago, Développeur Web et Web pour Oracle. "C'est particulièrement vrai si vous utilisez du blanc pur."

Vous pouvez voir comment cela peut se produire dans notre newsletter Oracle CX Marketing ci-dessous. Dans le module héros, le texte blanc que nous utilisons n'est pas affecté par le mode sombre, restant blanc. Cependant, dans le deuxième module, le titre qui est en # 000000 noir est inversé en blanc pur et tandis que la copie en dessous est inversée de # 312d2a à un gris clair qui devient illisible dans ce cas.

6. Les e-mails en texte brut sont plus susceptibles d'être affectés

Pour le meilleur ou pour le pire, les e-mails en texte brut sont plus sensibles aux changements de mode sombre, au moins dans certains clients de messagerie. Par exemple, le mode sombre d'Apple Mail n'affecte que le texte brut et les e-mails HTML qui sont si légèrement codés qu'ils sont effectivement du texte brut, explique James Wurm, directeur des services de codage, Oracle CX Marketing Consulting.

"Donc, pour la plupart des spécialistes du marketing, leurs e-mails promotionnels ne seront pas affectés, bien que certains de leurs e-mails transactionnels le soient", dit-il.

7. Ajouter sélectivement -webkit-text-fill-color à vos styles en ligne

Un correctif qui fonctionne pour Outlook 2019 pour Mac uniquement consiste à ajouter -webkit-text-fill-color aux styles en ligne pour vos blocs de texte qui sont affectés par le mode sombre. Cela remplace l'inversion des couleurs du mode sombre, vous permettant de conserver la couleur de votre texte dans ce client de messagerie.

Voici un exemple de son utilisation dans le code de notre newsletter:

8. Utilisation sélective du texte graphique et du texte alternatif

«La seule chose qui fonctionne à 100% du temps pour contrecarrer le mode sombre est de mettre votre texte en images», explique Beltramelli. "Si vous avez un e-mail avec toutes les images, en mode sombre, il aura la même apparence qu'en mode clair."

Cela dit, nous ne recommandons pas à nos clients de passer aux e-mails avec toutes les images. Après tout, les e-mails contenant toutes les images ne semblent pas bons lorsque les images sont bloquées et peuvent contribuer à des problèmes de délivrabilité.

Cependant, si un module ou une partie spécifique de votre e-mail est reçu, il n'est pas lisible en raison du mode sombre et nos autres astuces ne vous aident pas, vous pourriez envisager de convertir uniquement cette section en toutes images. Assurez-vous simplement d'ajouter du texte de remplacement à ces images pour aider au blocage et à la délivrabilité des images.

Quelle que soit la combinaison de ces huit solutions potentielles que vous avez décidé d'utiliser, gardez à l'esprit qu'il n'y a rien de tel qu'un rendu parfait quand il s'agit en mode sombre. Le but est meilleur. Vos ajustements ont-ils rendu votre courrier électronique plus lisible en mode sombre pour le courrier électronique? Si oui, alors c'est un succès.

Bien que certains des ajustements que vous souhaitiez apporter soient situationnels, vous voudrez en intégrer certains de façon permanente dans votre processus de création d'e-mails. Si vous n'apportez pas de modifications maintenant, mais assurez-vous de prendre en compte le mode sombre lorsque vous redessinez vos modèles d'e-mails ou déployez une nouvelle architecture de construction modulaire, explique Jason Witt, directeur de la création senior pour les services créatifs, Oracle CX Marketing Consulting.

«Nous constatons que certains clients optimisent les composants de leur architecture de messagerie pour s'adapter au mode sombre et d'autres qui repensent leurs modèles de messagerie à partir de zéro pour tenir compte des effets du mode sombre», dit-il. "Quoi qu'il en soit, les marques devront tenir compte de la façon dont leurs logos, iconographie, couleurs, texte en direct et images seront affectés pour garantir une expérience abonnée exceptionnelle."

—————

Besoin d'aide pour optimiser votre courrier électronique Oracle CX Marketing Consulting compte plus de 500 des plus grands spécialistes du marketing prêts à vous aider à en faire plus avec le cloud marketing leader, y compris Creative Services et Coding Services équipes .

En savoir plus ou contactez-nous au t CXMconsulting_ww@oracle.com

Pour en savoir plus sur le marketing par e-mail et les outils pour réussir, visitez-nous au: [19659081] https://www.oracle.com/marketingcloud/ .