Ce que tous les marketeurs doivent savoir sur les e-mails en mode sombre

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

Plus sérieusement, nous parlons 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 a créé 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 la même campagne différemment. 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 du 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 tombe 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 qu'une personne moyenne passe plus de 44 heures par semaine en ligne. Pour beaucoup de gens, six heures sur un ordinateur ou un ordinateur portable ne sont 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 passé devant un é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 : Week-end

Il n'y a pas que 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 un certain temps chaque jour.

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

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 tout le monde 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 sur 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 la consommation de la batterie dans les appareils dotés d'écrans OLED. Avec les OLED, les pixels sombres ne sont pas illuminé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 une messagerie en mode sombre ?

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

Ce n'est pas nécessairement qu'ils ne veulent pas l'offrir, mais il est difficile de mettre en œuvre une version sombre esthétiquement agréable car chaque campagne d'e-mail 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 actuellement en mode sombre :

• Application Gmail (iOS et Android)

• Application Outlook (iOS et Android)

• Apple Mail (ordinateur de 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 passer votre thème des tons clairs aux tons sombres.

À quoi ressemble un e-mail en mode sombre ?

Comme pour tout ce qui concerne le courrier électronique, cela dépend.

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

Twitter propose deux versions du mode sombre : les lumières éteintes et tamisées.

Source : Twitter

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 observons sur différents clients de messagerie.

1. Aucun changement de couleur

Premièrement, nous avons le rendu des e-mails avec leur code 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 sombre partiel, le client identifie les arrière-plans clairs et les bascule automatiquement en sombre (tout en faisant passer le texte sombre en clair).

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

Source : Litmus

3. Mode sombre inversé complet

Enfin, le mode sombre 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 repassera 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, au fur et à 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 que les concepteurs choisissent des images contenant des éléments partiellement blancs pour se fondre dans 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 nuire à une conception réfléchie.

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

Source : Moyen

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 ressort 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 de l'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 designers utilisent des logos et des images avec une bordure blanche sur le pourtour. Normalement, ce n'est pas un problème car la coupe 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 donner l'impression que vos e-mails sont 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 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 entièrement noir, ajoutez une bordure blanche pour qu'il apparaisse sur un arrière-plan noir 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 surtout 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 toujours pas 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 sont différents pour tous les clients. 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

Conclure 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 découvrir les clients de messagerie que vos abonnés utilisent et suivre quelques bonnes pratiques pour que vos e-mails aient une belle apparence.

• Incluez un contour blanc autour du texte noir uni ou des logos.

• 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 des images avec des 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 de courrier électronique efficace.