Désormais disponible dans tous les logiciels d’exploitation, le mode sombre dans les e-mails a gagné en popularité. Le mode sombre aide le lecteur à lire le contenu du courrier électronique dans un environnement sombre. C’est également plus apaisant qu’une lumière vive et vive, ce qui réduit la fatigue oculaire.
En 2018, Apple a introduit le mode sombre sur sa messagerie de bureau. L’année suivante, Apple et Google ont introduit le mode sombre respectivement dans iOS et Gmail. Selon un rapport d’Android Authority, 91,8 % des utilisateurs d’Android préfèrent le mode sombre. De même, 37 % des utilisateurs Apple préfèrent le mode sombre sur iOS.
Il est devenu difficile pour les concepteurs de s’assurer que les e-mails s’affichent correctement dans différents modes. Dans cet article, nous discuterons du mode sombre pour les e-mails et comprendrons comment les spécialistes du marketing par e-mail peuvent s’y adapter. Rendant ainsi les conceptions d’e-mails conviviales avec n’importe quel mode.
Qu’est-ce que le mode sombre ?
L’application du mode sombre à vos appareils donne une couleur d’arrière-plan sombre à votre appareil. Cela diminue la quantité de lumière sur l’écran. La palette de couleurs d’arrière-plan convertit la lumière en noir et le texte du noir en blanc. Le mode sombre utilise des éléments d’interface utilisateur et une iconographie de couleur claire pour améliorer l’expérience utilisateur. L’utilisation du mode sombre vous offre une expérience confortable dans un environnement plus sombre ou la nuit.
Avantages du mode sombre pour les utilisateurs
De nos jours, le mode sombre ne se limite pas à votre écran. Plusieurs applications de messagerie et systèmes d’exploitation ont ajouté le mode sombre dans les e-mails et amélioré l’expérience utilisateur globale.
À quoi sert la messagerie en mode sombre ?
Le mode sombre pour les e-mails modifie non seulement l’interface utilisateur, mais également l’apparence de l’ensemble du contenu de l’e-mail. À la base, le mode sombre convertit l’arrière-plan clair en arrière-plan sombre et la police noire en blanche. Le logiciel de messagerie doit avoir une propriété CSS pour l’arrière-plan sombre, la couleur ou l’attribut HTML de la couleur bg.
Si ces facteurs sont déjà définis, le mode sombre active directement ces propriétés HTML et CSS via des styles internes. Après avoir activé les propriétés, le mode sombre les équilibre pour les adapter à vos besoins. Par exemple, si la couleur de votre police est sombre, le mode sombre la convertira en une couleur plus claire et vice versa. Le processus est automatisé.
Les spécialistes du marketing par e-mail sont rarement confrontés à des problèmes dans les e-mails en texte brut, car le texte est noir sur fond blanc. Ceci est facilement inversé. Mais les spécialistes du marketing sont confrontés à des problèmes avec les e-mails HTML et AMP. Celui-ci contient une variété de composants ayant différentes couleurs définies. Avec le nombre croissant d’utilisateurs du mode sombre, les spécialistes du marketing par courrier électronique sont confrontés à des problèmes pour optimiser la conception de leurs e-mails. Ils doivent répondre au mode sombre et équilibrer les éléments de courrier électronique en mode sombre.
Les e-mails en mode sombre affectent-ils la délivrabilité ?
Tous les e-mails ne sont pas optimisés pour le mode sombre, car il s’agit d’un concept relativement nouveau pour les clients de messagerie. Les abonnés n’essaieront pas de lire des e-mails déroutants si la conception n’est pas optimisée pour leur appareil. Ils pourraient ne pas ouvrir vos futurs e-mails et même se désinscrire. Cela pourrait affecter votre délivrabilité et votre réputation.
Optimiser les e-mails pour le mode sombre
Peu importe la complexité de la conception de votre e-mail. Vous pouvez l’optimiser pour le mode sombre. Voyons les 2 façons dont les spécialistes du marketing par courrier électronique peuvent facilement optimiser les e-mails pour le mode sombre.
1. Utilisez des images PNG avec un arrière-plan transparent
Les images PNG avec un arrière-plan transparent ne font aucune différence lorsque l’arrière-plan est passé en mode sombre. Les spécialistes du marketing n’ont pas besoin d’effectuer des tâches complexes pour se conformer au mode sombre. Recherchez les icônes que vous utilisez dans vos modèles d’e-mails.
2. Utilisez des bordures blanches autour des éléments de conception noirs
La transformation en mode sombre peut entraîner la disparition de votre logo ou de votre icône s’ils ne sont pas optimisés pour un fond noir. Ainsi, pour vous assurer que vos éléments sont visibles dans n’importe quel mode, vous pouvez utiliser des contours blancs autour des icônes et des logos.
Désormais, dans n’importe quel mode, les utilisateurs peuvent facilement lire et voir l’intégralité de votre contenu sans aucun problème. Le contour blanc ne sera pas visible sur le fond blanc.
3. Utiliser la messagerie AMP
Les e-mails AMP sont des e-mails interactifs dotés de nombreuses fonctionnalités pour les destinataires. L’une de ces fonctionnalités est de changer le mode de l’e-mail. Il faudra quelques développements pour optimiser un e-mail AMP pour le mode sombre, mais cela peut être fait. Cela garantira que le lecteur a le choix de changer le mode selon ses préférences.
4. Couleur de la police
Avec un thème en mode clair, on pourrait s’en sortir avec des textes sombres de couleur grise. Avec la popularité croissante du mode sombre, la couleur d’arrière-plan se rapproche des nuances de gris. Vous devez choisir des schémas de couleurs qui fonctionnent pour les modes clairs et sombres, comme les nuances de jaune et de vert.
5. Expérimentez et testez
Essayez une nouvelle campagne avec le mode sombre. Vous trouverez forcément celui qui vous convient. Collectez des données sur ce que vos abonnés aiment et ce qui pourrait ne pas fonctionner pour votre public.
6. Choisissez la priorité dans le marketing par e-mail
Voici quelques méthodes simples que vous pouvez appliquer pour optimiser le contenu de vos e-mails pour le mode sombre. Mais les spécialistes du marketing par e-mail ne peuvent pas aller de l’avant avec des transformations avancées pour résoudre tous vos problèmes d’e-mailing. Ils ont quelques choix à l’exception de ceux mentionnés ci-dessus :
1. Modèles d’e-mails séparés
Vous pouvez commencer à concevoir des e-mails adaptés aux modes sombre et clair séparément. Mais ce sera un processus fastidieux et répétitif.
2. Compromis avec le mode sombre
Vous pouvez accepter que les e-mails ne s’affichent pas parfaitement en mode sombre. Mais améliorez l’expérience globale pour compenser le manque d’ajustement.
En 2024, si vos emails ne sont pas optimisés pour le mode sombre, vous êtes déjà en retard sur la concurrence. Recherchez l’aide d’un professionnel pour vous assurer que vos abonnés disposant du mode sombre peuvent lire vos e-mails.
Extraits de code de messagerie en mode sombre
Forcer les abonnés à consulter votre courrier électronique en mode léger n’est pas une bonne décision. Les entreprises d’aujourd’hui doivent offrir une bonne expérience en mode clair et sombre.
Consultez les extraits de code suivants pour vous aider à offrir la bonne expérience à vos utilisateurs en mode sombre.
Ajoutez les balises méta ci-dessous et les styles de sélecteur racine à l’e-mail :
Cela vous indique si votre appareil est activé ou non en mode sombre.
@media (préfère le schéma de couleurs : sombre) {
.corps {
couleur d’arrière-plan : #CCCCCC !important ;
}
h1, h2, h3, td{
couleur : #9ea1f9 !important ;
remplissage : 0px 0px 0px 0px !important;
}
}
Ici, vous pouvez ajuster les couleurs du thème du mode sombre préféré de votre marque.
Dans le code ci-dessus, « prefers-color-scheme : dark » reconnaît le mode sombre et la balise body sert à définir la couleur du corps de l’ensemble de l’e-mail.
Toutefois, la requête multimédia ne prend en charge que les clients qui utilisent WebKit comme moteur de rendu et n’est pas prise en charge par tous les clients de messagerie. Pour cette raison, la requête CSS ne fonctionne pour l’instant qu’avec Thunderbird, l’application Apple Mail et les anciennes versions d’Outlook. Mais Google ne le prend pas en charge.
Vous pouvez utiliser « préfère un schéma de couleurs » pour remplacer le mode sombre et le convertir en un schéma de couleurs d’arrière-plan clair. Mais cette requête CSS n’est pas prise en charge par tous les clients de messagerie.
Vous pouvez créer des e-mails qui s’affichent bien sans codage avec les bons outils de marketing par e-mail, comme Mailmodo.
Prise en charge du client de messagerie en mode sombre
Différents clients de messagerie tels que Gmail, Apple et Outlook affichent différemment les mêmes éléments en mode sombre. Par exemple, certains clients de messagerie inversent automatiquement les couleurs, tandis que d’autres ne le font que dans des situations spécifiques. Seuls certains clients de messagerie prennent en charge les schémas de couleurs sombres et claires avec les requêtes multimédias.
Maîtrisez votre client de messagerie avec les conseils de productivité Gmail pour devenir un utilisateur expérimenté.
Liste des clients de messagerie prenant en charge le mode sombre
Voici la liste à laquelle vous pouvez vous référer
Client de messagerie Inversion automatique des couleurs ? Défi commun du mode sombre Apple Mail (iPhone/iPad) Oui Inversion automatique lorsque l’arrière-plan est transparent ou blanc pur (#fffff). Apple Mail (macOS) Oui Inversion automatique lorsque l’arrière-plan est transparent ou blanc pur (#fffff) ).Outlook(iOS)PartiellementPeut rendre la couleur d’arrière-plan plus sombre.Outlook(macOS)Partiellement La seule option Outlook qui prend en charge @media (préfère le schéma de couleurs).Peut rendre la couleur d’arrière-plan plus sombre.Outlook(Windows)OuiLa seule option Outlook qui systématiquement inverse automatiquement les couleurs.Outlook.com (webmail) Partiellement La seule option Outlook où l’échange d’images en mode sombre fonctionne. Peut rendre la couleur d’arrière-plan plus sombre. Gmail (Android) Oui (quand il n’est pas déjà sombre) Ne prend pas en charge la requête @media (préfère- color-scheme).Gmail(webmail)NonNe prend pas en charge la requête @media (prefers-color-scheme).AOL(webmail)NonAucune interface utilisateur en mode sombre actuelle.Yahoo!(webmail)NonAucune interface utilisateur en mode sombre actuelle.
Vos abonnés par courrier électronique utilisent différents systèmes d’exploitation et appareils mobiles. C’est pourquoi vous devriez tester vos e-mails en mode sombre.
Conclusion : e-mail en mode sombre
Le mode sombre devient populaire. Vous devez vous assurer que vos e-mails s’affichent bien en mode sombre. Sinon, votre e-mail aura l’air horrible. Ou pire, vos abonnés ne pourront même pas les lire.
Tout cela peut être évité avec quelques optimisations et tests. Obtenir les bons créateurs de modèles d’e-mails peut également vous éviter bien des maux de tête.
FAQ
Comment activer le mode e-mail sombre ?
Accédez aux paramètres de votre client de messagerie et/ou de votre système d’exploitation, recherchez le mode sombre et activez-le. Si vous ne trouvez pas le paramètre, recherchez sur le Web votre client de messagerie et votre système d’exploitation ainsi que le mode sombre.
Existe-t-il un mode sombre pour le courrier électronique ?
Oui, il existe un mode sombre pour le courrier électronique. De nos jours, tous les principaux systèmes d’exploitation et clients de messagerie disposent d’un mode sombre qui modifiera également la couleur des e-mails. Vous pouvez facilement activer le mode sombre à partir des paramètres.
