Ce que tous les spécialistes du marketing doivent savoir sur les e-mails en mode sombre

De nos jours, même les applications capitalisent sur la tendance gothique.

Plus sérieusement, on parle de mode sombre. Les systèmes d'exploitation ont toujours proposé des schémas de couleurs inversés, mais les e-mails et les applications en mode sombre sont un peu différents.

Alors que de nombreux utilisateurs sont enthousiasmés par le mode sombre, cela crée un casse-tête pour les spécialistes du marketing par e-mail.

Vous avez sans doute remarqué que chaque client de messagerie peut afficher différemment la même campagne. Eh bien, l'introduction du mode sombre ajoute une couche supplémentaire à l'équation.

Dans cet article, nous passerons en revue certaines des bases que vous voudrez connaître avant d'optimiser vos campagnes par e-mail pour le mode sombre.

Qu'est-ce que le mode sombre et pourquoi les gens l'utilisent-ils ?

Pendant des années, les systèmes d'exploitation et les applications ont affiché par défaut le contenu avec un fond blanc et du texte noir. Pour nos besoins ici, nous appellerons ce "mode lumière".

Le mode clair est toujours l'option par défaut pour la plupart des applications et des systèmes, mais il est en train de tomber en disgrâce auprès de nombreux internautes avertis, en particulier ceux qui passent la majeure partie de leur journée en ligne.

De nouvelles données montrent que la personne moyenne passe plus de 44 heures par semaine en ligne. Pour beaucoup de gens, six heures sur un ordinateur ou un ordinateur portable, ce n'est rien.

Eh bien, il s'avère que regarder des écrans toute la journée n'est pas bon pour nos yeux. Trop de temps d'écran - qu'il s'agisse d'un téléviseur, d'un téléphone ou d'un ordinateur portable - entraîne une fatigue oculaire.

Source : Weekdone

Ce n'est pas seulement la luminosité qui peut être nocive. Les émissions de lumière bleue des écrans blancs empêchent votre corps de produire de la mélatonine, ce qui peut perturber votre rythme circadien et votre cycle de sommeil. Considérant que jusqu'à la moitié des Américains souffrent d'insomnie chronique ou aiguë, nous pourrions tous améliorer notre hygiène de sommeil.

De nombreux téléphones et systèmes d'exploitation vous permettent désormais de passer à une teinte plus chaude pour réduire la lumière bleue ou d'activer automatiquement un filtre de lumière bleue après une certaine heure chaque jour.

Les e-mails et les applications en mode sombre offrent un choix différent. Au lieu de modifier la teinte blanche, vous pouvez simplement changer le thème entier en noir ou en gris foncé et cela éliminera la lumière bleue nocive - facile comme bonjour.

Plusieurs applications populaires telles que Reddit, Facebook Messenger, Twitter et WhatsApp offrent des options de mode sombre intégrées. Facebook Messenger a d'abord lancé le mode sombre comme un œuf de Pâques que vous pouviez déclencher en envoyant un emoji, mais maintenant n'importe qui peut l'activer dans les paramètres de son application.

Certaines applications pour smartphone proposent des modes sombres, mais les utilisateurs doivent basculer leur thème Apple ou Android vers ce mode. En d'autres termes, il n'est pas proposé via les paramètres de l'application.

Les e-mails et les applications en mode sombre sont également utiles pour réduire considérablement la consommation de la batterie des appareils dotés d'écrans OLED. Avec les OLED, les pixels sombres ne sont pas éclairés sur l'écran car ils sont noirs. Avec les écrans LCD et LED standard, cependant, les pixels sombres nécessitent toujours une autonomie de batterie.

Quels clients proposent un e-mail en mode sombre ?

Les clients de messagerie semblent réticents à accepter le mode sombre.

Ce n'est pas forcément qu'ils ne veulent pas le proposer, mais il est difficile de mettre en place une version sombre esthétique car chaque campagne email est codée différemment.

Certains clients de messagerie proposent le mode sombre comme paramètre spécifique que vous pouvez activer dans l'application. Pendant ce temps, d'autres clients vous demandent de modifier les paramètres de votre système d'exploitation avant que l'application ne passe automatiquement en mode sombre.

Voici les clients et les applications que nous connaissons proposent actuellement le mode sombre :

• Application Gmail (iOS et Android)

• Application Outlook (iOS et Android)

• Apple Mail (bureau)

• Outlook 2019 (Mac, Windows et Web)

Vous remarquerez également que même si Gmail n'offre pas de "mode sombre" spécifique, il vous permet de basculer votre thème des tons clairs aux tons sombres.

À quoi ressemble un e-mail en mode sombre ?

Comme pour tout ce qui concerne les e-mails, cela dépend.

Avec les applications, le mode sombre est simple. Les développeurs changent simplement certains éléments CSS et permettent aux utilisateurs de choisir.

Twitter propose deux versions du mode sombre : s'éteint et s'assombrit.

Source : Gazouillement

Voici à quoi ressemble le mode sombre sur Facebook Messenger et Reddit.

Source : Facebook, Reddit

Dans un monde parfait, les e-mails en mode sombre ressembleraient exactement à ce graphique du blog Microsoft.

Source : Blog Microsoft

Voici le problème avec les e-mails en mode sombre : les clients de messagerie n'ont pas choisi une version spécifique à utiliser. Il semble qu'il existe trois types spécifiques de mode sombre que nous voyons sur différents clients de messagerie.

1. Aucun changement de couleur

Tout d'abord, nous avons des e-mails rendus avec leur HTML unique tandis que le client de messagerie conserve un thème en mode sombre.

Dans le cas de Gmail pour ordinateur, le contenu des e-mails ne change pas du tout - seul le thème Gmail devient sombre.

Voici à quoi cela ressemble dans l'application de bureau Gmail.

Source : Gmail

Pour Apple, il semble que les e-mails en texte brut déclenchent le passage du mode clair au mode sombre, mais pas les e-mails HTML.

2. Mode sombre partiel

Avec les e-mails en mode partiellement sombre, le client identifie les arrière-plans clairs et les bascule automatiquement en sombre (tout en transformant le texte sombre en clair).

La conception d'une campagne d'e-mails avec un arrière-plan sombre ne changera pas si un abonné a activé le mode sombre, dans ce cas.

Source : Tournesol

3. Mode sombre entièrement inversé

Enfin, le mode noir complet cible chaque e-mail, quelle que soit sa conception, et inverse complètement le CSS.

Cela signifie que si vous concevez un e-mail pour le mode sombre avec un fond noir, le client de messagerie le remettra en blanc.

C'est la version du mode sombre que beaucoup utilisent.

Les clients populaires comme Gmail et Outlook ne vous permettent pas non plus de cibler les utilisateurs en mode sombre. Espérons que, à mesure que les développeurs de messagerie commenceront à s'adapter, les clients de messagerie modifieront leur code pour trouver un mode sombre qui convienne à tout le monde.

Conception pour les e-mails en mode sombre

L'élément de conception le plus important à retenir est que la couleur d'arrière-plan passera au noir.

Il est courant pour les concepteurs de choisir des images contenant des éléments partiellement blancs à mélanger avec l'arrière-plan de l'écran. D'autres fois, les concepteurs créeront des images avec une couleur spécifique et utiliseront la même couleur pour l'arrière-plan afin qu'il soit homogène.

Si le mode sombre inverse les couleurs, cela peut perturber une conception réfléchie.

Regardez comment les couleurs changent très légèrement dans cet e-mail.

Source : Médium

Le jaune vif en mode clair passe au marron en mode sombre. Pendant ce temps, l'arrière-plan bleu sarcelle de l'image Samsung se démarque en mode sombre car la couleur d'arrière-plan de l'e-mail devient plus sombre.

Création d'images pour les e-mails en mode sombre

C'est une bonne idée d'utiliser autant que possible des images avec des arrière-plans transparents.

Lorsque vous ne pouvez pas contrôler la couleur d'arrière-plan, vous souhaiterez que vos photos et vos logos restent propres. La transparence est donc la voie à suivre.

Encore une fois, la plupart des concepteurs utilisent des logos et des images avec une bordure blanche sur le pourtour. Normalement, ce n'est pas un problème car la garniture se fond dans le fond blanc de l'e-mail.

Avec le mode sombre, cependant, cette garniture se démarque. Ce n'est généralement pas un gros défaut, mais cela peut rendre vos e-mails un peu encombrés.

Vous voyez la différence avec ces icônes de réseaux sociaux ?

Source : Moniteur de campagne

Il vaut également la peine d'ajouter un filtre de gradation sur toutes les images lumineuses qui pourraient sembler éblouissantes en mode sombre.

Optimisation du texte pour les e-mails en mode sombre

De nombreuses marques utilisent des logos noirs unis. Lorsque vous ajoutez un fond transparent et que vous jetez le logo sur un fond noir, cela rend votre logo invisible.

Heureusement, c'est une solution facile avec un peu de planification.

Si vous avez affaire à un logo ou à un en-tête noir uni, ajoutez une bordure blanche pour qu'il apparaisse sur des arrière-plans noirs dans les e-mails en mode sombre.

L'ajout d'une bordure blanche fonctionne très bien pour les modes sombre et clair, car la bordure disparaît lorsque l'arrière-plan devient blanc.

Source : Moniteur de campagne

N'oubliez pas de tester

Comme pour tout marketing par e-mail – et en particulier en ce qui concerne le mode sombre – assurez-vous de ne pas envoyer vos campagnes sans avoir effectué de nombreux tests.

N'oubliez pas que les clients de messagerie et les applications n'ont pas encore trouvé leur stratégie de mode sombre idéale, alors attendez-vous à ce que les normes et les styles CSS changent plusieurs fois.

De plus, les e-mails en mode sombre ont un aspect différent sur les clients de chacun. Cependant, l'exécution de tests en mode clair et sombre peut aider à garder vos e-mails lisibles et époustouflants sur tous les appareils.

Emballer

Concevoir une conception cohérente des e-mails peut déjà être un défi, et les fonctionnalités de messagerie en mode sombre n'aident pas. Heureusement, vous pouvez en savoir plus sur les clients de messagerie utilisés par vos abonnés et suivre quelques bonnes pratiques pour que vos e-mails aient fière allure.

• Inclure un contour blanc autour du texte ou des logos noirs unis.

• Ajoutez une vignette ou un filtre sombre à toutes les images lumineuses.

• Essayez d'utiliser des images, des logos et des photos avec des arrière-plans transparents.

• Évitez de mélanger les images avec les couleurs d'arrière-plan.

• Faites plein de tests.

Vous voulez améliorer votre design et envoyer vos meilleurs e-mails à ce jour ? Consultez ce guide ultime pour une conception efficace des e-mails.