Comment adpter ses e-mails en mode sombre (Dark Mode) ?

Aujourd'hui, on parle du mode sombre ou Dark mode pour les e-mails.

Vous connaissez sûrement déjà tous ce mode puisque d'après une étude en 2023, plus de 80% des utilisateurs de smartphone utilisent le Darkmode.

C’est assez fou comme proportion quand on y pense.

La question qui vient juste après c'est évidemment : "Est-ce que vous avez intégré cette donnée dans la conception de vos e-mails ?

Petit rappel de ce qu'est le mode sombre ou Dark mode.

« Mode sombre pour e-mails » désigne un client de messagerie (Apple mail, Gmail…), un OS ou une application qui propose une option de mode sombre pour lire, rédiger et gérer les e-mails.

Les gens l’utilisent principalement pour réduire la fatigue oculaire, minimiser l'exposition à la lumière bleue ou simplement pour l'attrait visuel.

Malheureusement pour vous, concevoir des e-mails en pensant au mode sombre n’est pas si simple.

Si ce n’est pas déjà fait, vous devez commencer à réfléchir à l’apparence de vos campagnes en mode sombre.

Comme beaucoup d’ESP le proposent, c’est important que le contenu de vos e-mails soit adaptable et reste harmonieux quand est affiché en mode clair et sombre.

En plus de tous les éléments en prendre en compte quand vous concevez vos e-mails, il est important de prendre en compte certains éléments qui peuvent changer lorsqu'ils sont affichés dans ce mode.

Voici quelques bonnes pratiques pour concevoir un e-mail qui s’affiche parfaitement en mode clair et sombre :

• Utilisez des fichiers PNG transparents : si vous utilisez des images, en particulier des logos ou d’autres éléments de marque, pensez à utiliser des fichiers PNG transparents. Ça garantit que l’image se fondra bien avec les arrière-plans clairs et sombres.
• Testez avec les couleurs d'arrière-plan : si vous utilisez une couleur d'arrière-plan, assurez-vous qu'elle se convertisse bien en mode sombre. Certains clients de messagerie peuvent inverser ou ajuster les couleurs, alors testez pour voir comment vos couleurs s'affichent.
• Utilisez des SVG : les SVG peuvent mieux s'adapter aux changements de couleur que les images traditionnelles.
• Couleurs du texte : assurez-vous que votre texte reste lisible dans les deux modes. Évitez d'utiliser des couleurs trop proches du noir ou du blanc. Utilisez plutôt du blanc cassé ou du noir cassé.
• Liens : assurez-vous que les liens sont toujours visibles en mode sombre. Ils ne doivent pas se fondre dans le décor.
• Évitez les images d'arrière-plan “codées en dur” : si vous avez une image d'arrière-plan conçue pour une apparence en mode clair, elle risque de ne pas s'afficher correctement en mode sombre. Pensez à proposer une alternative ou à vous assurer qu'elle est suffisamment neutre pour fonctionner dans les deux variantes.
• Les tests, c’est la clé : les tests sur différents clients de messagerie sont essentiels pour concevoir vos e-mails. Certains clients peuvent ne pas prendre en charge le mode sombre, certains peuvent inverser automatiquement les couleurs et d'autres peuvent utiliser les styles que vous avez définis.

‍

Utilisez des outils comme Litmus ou Email on Acid pour vous aider à voir à quoi ressemblent vos e-mails selon différents clients et modes.

La prise en charge du mode sombre dans les e-mails continue d'évoluer et il n'existe pas d'approche unique.

Des tests et des adaptations régulières sont nécessaires pour garantir une expérience fluide à tous vos lecteurs.