Comment optimiser vos conceptions de newsletter pour le mode sombre

Les e-mails sont la bouée de sauvetage d'une campagne marketing. Aucun marketeur n'acceptera de lancer une campagne sans une stratégie d'email marketing. Et ce n'est pas parce qu'ils sont habitués ou qu'ils ne veulent pas innover.

Mais parce qu'il suit le dicton séculaire "Ne réparez pas quelque chose s'il n'est pas cassé". Le marketing par e-mail ou vos newsletters peuvent vous apporter le retour sur investissement le plus élevé que vous puissiez imaginer. Et cela fonctionne pour les consommateurs de tous les groupes démographiques - vieux ou jeunes.

Le monde du marketing par newsletter a connu une navigation assez fluide depuis longtemps maintenant. Cependant, un léger problème survient à cause d'une fonctionnalité qui est entrée en jeu il y a 4 ans.

Oui, nous parlons du mode sombre. Mais pourquoi est-ce un gros problème maintenant ? Ca fait un moment qu'il existe ? Si vous avez acheté un smartphone récemment, le premier coup d'œil à votre boîte de réception vous aurait fait vous demander « pourquoi l'arrière-plan des e-mails est-il noir » ?

Les fabricants de smartphones ont maintenant commencé à faire du mode sombre le mode par défaut, ce qui signifie que les chiffres d'adoption (qui sont déjà élevés) vont encore augmenter.

Il est donc maintenant temps de créer une stratégie de conception pour optimiser vos newsletters pour le mode sombre. Et c'est exactement ce que ce blog de Kimp vous aidera à réaliser.

Mais, avant cela, un peu d'histoire et un bref récapitulatif sur tout ce qui concerne le mode sombre.

L'évolution et la popularité croissante du mode sombre

Le favori d'Internet et notre soi-disant sauveur de la santé en cette période riche en numérique est toujours le nouveau venu. Même TikTok est plus ancien que le mode sombre et cela veut dire quelque chose.

Si vous voulez un peu d'histoire sur ce qui a commencé tout l'épisode de passion du mode sombre, tout a commencé avec une mise à jour Apple. Oui, Apple est la raison pour laquelle le mode sombre existe. Apple a lancé le mode sombre lors du lancement de la 15e série de macOS Mojave en septembre 2018. Ensuite, il était disponible sur Gmail un an plus tard pour les appareils Android et iOS, y compris iOS Mail.

La mise à jour d'Outlook est arrivée un peu plus tard en juin 2019, sa version 1907 de la chaîne Insider devenant la première à l'obtenir. Ils l'ont ensuite déployé pour tous les produits en juin 2020.

Mais qu'est-ce que le mode sombre ?

Nous savons que nous entendons beaucoup ce terme, mais tout le monde ne sait pas exactement ce que c'est.

Le mode sombre est bien plus que l'espace blanc sur un écran qui devient noir. Il s'agit essentiellement d'une fonctionnalité qui inverse la couleur de n'importe quel dessin ou écran pour assombrir l'arrière-plan et changer la couleur, les éléments de l'interface utilisateur, les icônes et d'autres dessins en éléments de couleur claire.

Alors maintenant, vous savez qu'il ne s'agit pas d'un seul élément de conception. C'est toute une expérience en soi.

Pourquoi cet intérêt soudain pour le mode sombre partout ?

Eh bien, le buzz se construit depuis quelques années maintenant, mais l'industrie estime que la pandémie de COVID-19 a accéléré sa croissance. Comment?

Eh bien, notre temps d'écran a toujours été ridicule, mais lorsque l'extérieur a officiellement fermé, les gens n'avaient d'autre choix que de trouver du réconfort dans des expériences virtuelles. Cela impliquait de passer beaucoup de temps sur les écrans de tous les appareils. Finalement, cela a entraîné des maux de tête, des maux de dos et de nombreuses autres plaintes.

Alors que la plupart des problèmes nécessitent des ajustements à long terme, le passage en mode sombre a aidé les gens à éviter la lumière vive de l'écran, l'éblouissement et l'impact qui en résulte sur les yeux et le système nerveux.

Cela signifiait également que le mode sombre n'était pas réservé aux écrans mobiles et étendait sa présence aux ordinateurs de bureau et autres appareils intelligents tels que les iPad et les tablettes.

Pourquoi optimiser le design des newsletters pour le dark mode ?

Nous savons que les clients l'adorent. Près de 92 % des utilisateurs d'Android et plus de 80 % des utilisateurs de MacOS préfèrent le mode sombre. Et cela doit être une raison majeure pour vous d'envisager des stratégies d'optimisation pour la conception de vos newsletters.

Mais il y a plus.

Même si les clients ne recherchent pas activement le mode sombre. Comme nous l'avons mentionné, les nouveaux smartphones proposent désormais des produits avec ce mode par défaut. Et de nombreuses applications et clients de messagerie sont également sur le point de faire ce pas.

Ainsi, lorsque cela devient la valeur par défaut, si vos conceptions ne sont pas compatibles, vous courez le risque de perdre un message percutant.

Le mode sombre n'inverse pas seulement les arrangements en noir et blanc. De nombreuses couleurs ne fonctionnent pas de la même manière, certaines icônes ne se ressemblent pas et des conceptions non optimisées peuvent également avoir un impact sur la lisibilité.

C'est pourquoi une enquête sur le mode sombre nous montre que 44 % des spécialistes du marketing par e-mail envisagent de développer une UX plus sombre et 28 % d'entre eux envisagent de l'introduire prochainement.

Vous ne voulez pas être le seul à offrir une expérience médiocre, n'est-ce pas ?

Cela peut entraîner une perte d'abonnés, un impact sur le retour sur investissement et de nombreuses retouches lorsqu'il est trop tard.

Alors commencez maintenant et gardez une longueur d'avance.

7 façons d'optimiser la conception de vos newsletters pour le mode sombre

Maintenant que la raison de la popularité du mode sombre est connue, passons au problème en question. Travailler avec le mode sombre n'est pas une tâche facile. Bon nombre de vos directives de conception et de vos modèles doivent être abandonnés ou adaptés.

Mais en tant qu'entreprise, il peut être déroutant de suivre tous les changements que vous devez apporter. Vous ne devez pas non plus faire aveuglément confiance à ce qu'un designer peut vous dire.

Voici donc une liste organisée des changements et des techniques d'optimisation dont vous avez besoin pour vous assurer que vos conceptions de newsletter fonctionnent bien avec le mode sombre. Avec ce blog de Kimp, vous pourrez critiquer et apprécier les conceptions de votre équipe.

Commençons.

1. Choisissez le bon style de conception

Si vous commencez maintenant votre parcours de marketing par e-mail, vous avez une opportunité en or entre vos mains. Vous pouvez modéliser le design pour le rendre compatible avec le mode sombre. Habituellement, les marques qui le font depuis un certain temps ont de nombreuses contraintes telles que le style de conception, les images obligatoires ou les conceptions de marque.

Pour que votre optimisation en mode sombre soit un succès, vous avez besoin de couleurs, d'images, d'icônes et d'autres éléments pour travailler avec. Mais la bonne nouvelle est que vous pouvez toujours les mettre à jour. Alors que le style de conception est un peu un problème.

Le style de conception est important car il décide de la mise en page, de l'organisation des éléments et de la diffusion globale du message.

Habituellement, le meilleur style de conception pour le mode sombre est le minimalisme en raison de l'espace blanc abondant qu'il incorpore. Les conceptions semblent grandes et encombrées sur un fond plus sombre, mais le style de conception minimaliste n'entrave pas l'expérience de l'utilisateur.

Alors, essayez d'adopter un style de conception minimaliste ou compatible avec le mode sombre.

Astuce Kimp : Un style de design minimaliste n'est peut-être pas l'ambiance de toutes les marques. Vous avez peut-être déjà eu un design de newsletter rétro ou pop art. La commutation est difficile, alors travaillez avec une équipe de conception pour voir comment vous pouvez l'atténuer pour le faire fonctionner en mode sombre.

Si vous souhaitez créer un style de design personnalisé unique à votre marque et inspiré des styles tendance, essayez Kimp Graphics dès aujourd'hui !

2. Choisissez les contrastes de couleurs selon les normes

Le fond plus sombre est un défi pour tous les designers. Un fond blanc ou clair permet d'explorer différentes couleurs, de jouer sur les contrastes et de travailler différents alignements avec des contraintes très minimes.

Mais le mode sombre est complètement différent. Le fond plus sombre rend plus difficile la discernement de certaines couleurs et nuit énormément à la lisibilité. Ainsi, quelles que soient les couleurs que vous choisissez (plus à ce sujet dans la section suivante), le contraste joue un rôle majeur. Cela décide si la conception de l'e-mail est réussie en mode sombre ou non.

Google Material design recommande que le niveau de contraste entre l'arrière-plan et le texte soit au minimum de 15,8:1. Cela s'applique au texte blanc et au fond noir indiquant que le blanc fonctionne mieux sur les fonds gris foncé.

Cependant, la règle générale est que le réglage de la luminosité et de la saturation de vos couleurs améliore la lisibilité. Alors, pensez au contraste et veillez à éviter au maximum les vibrations visuelles.

Astuce Kimp : Les couleurs peuvent prêter à confusion lorsque vous souhaitez travailler en mode sombre. Si vous voulez vous assurer que votre designer obtient la bonne couleur, prévisualisez et révisez le design en mode sombre. Ne comparez pas les couleurs du mode clair avec celles du mode sombre car il peut ne pas être possible d'obtenir des correspondances exactes.

3. Créez une palette de couleurs

Nous pensons que le point précédent sur les contrastes vous a éclairé sur l'importance de choisir la bonne couleur pour vos conceptions en mode sombre. Les couleurs sont différentes en fonction de l'arrière-plan, en particulier lorsque vous concevez pour le Web.

Les couleurs en mode RVB obtiennent leur nuance en fonction du pourcentage de chaque couleur (rouge, vert et bleu). Le pourcentage qu'un concepteur doit ajouter pour un fond noir par rapport à un fond blanc variera. Cela signifie que vos palettes existantes ne fonctionneront pas en mode sombre.

C'est pourquoi nous vous recommandons de créer une palette de couleurs qui convient le mieux à la conception de vos newsletters en mode sombre. De cette façon, vous pouvez maintenir la cohérence de la marque et ne pas vous en soucier plus d'une fois.

Quelles couleurs fonctionnent en mode sombre ?

Eh bien, en règle générale, les couleurs trop saturées se heurtent au fond noir foncé et le rendent assez fatigant pour les yeux. Ainsi, au lieu d'opter pour des couleurs vives, vous pouvez choisir des pastels pour un meilleur contraste avec le fond sombre. Puisqu'ils auront également l'air plus sombres, le style de conception ne changera pas trop.

En parlant d'arrière-plans, il n'est pas nécessaire de choisir uniquement du noir foncé. Vous pouvez également expérimenter avec le gris foncé, tant que les autres couleurs fonctionnent avec.

Astuce Kimp : Si vous envisagez de changer les couleurs pour les rendre plus adaptées au mode sombre, n'apportez pas trop de modifications immédiatement. Testez quelques modèles dans certains e-mails transactionnels et de routine. Analysez l'impact en termes de CTR, de temps de lecture, etc. avant de faire le changement.

De plus, n'oubliez pas que le processus d'inversion des couleurs varie selon les clients de messagerie, alors assurez-vous que votre équipe de conception conçoit séparément pour chaque plate-forme.

Avec l'abonnement au service de conception illimité de Kimp Graphics, l'expérimentation ne vous coûte rien de plus.

4. Sélection de la police

Chaque design comporte trois éléments principaux : la couleur, la police et les images. Nous avons couvert la couleur, passons maintenant à la police.

La plus grande bête noire des concepteurs avec le mode sombre est qu'il a un impact important sur la lisibilité. Et le plus grand impact est généralement sur le texte. Le texte blanc sur des arrière-plans plus sombres rend la police plus audacieuse et plus grande. Il en résulte une mise en page de conception très discordante et encombrée.

C'est pourquoi nous vous recommandons de planifier en détail le mode sombre au-delà des modifications habituelles que tout le monde apporte.

Ainsi, en termes de sélection de polices, nous vous recommandons de choisir une police plus légère afin que le résultat en mode sombre soit juste ce qu'il faut d'audace. De cette façon, le style de conception global ne prend pas beaucoup de coup.

Conseil Kimp : si vous pensez que la version plus légère de la police que vous utilisez généralement ne convient pas à vos conceptions de marque, nous vous recommandons de créer des polices personnalisées. Oui, de cette façon, vous pouvez vous inspirer de la police précédente mais la modifier en fonction de vos expressions de marque et de conception.

Évitez les vibrations visuelles avec une conception réfléchie en mode sombre et des polices personnalisées. Inscrivez-vous à un abonnement Kimp Graphics pour l'obtenir maintenant !

5. Mettez à jour les éléments de conception pour travailler en mode sombre

Nous avons couvert la couleur et la police, mais la conception d'une newsletter comporte également de nombreux autres éléments. Et cela inclut les icônes, les logos, les noms de marque, les images, etc. Ceux-ci doivent également bien fonctionner en mode sombre pour que la conception soit un succès.

Maintenant, si vous regardez les exemples que nous avons ci-dessous, vous pouvez voir comment les icônes avec des arrière-plans sombres sont très différentes en mode sombre qu'en mode clair. Parfois, votre logo peut également disparaître lorsque le consommateur visualise l'e-mail en mode sombre. Ainsi, votre conception doit avoir des éléments qui fonctionnent bien avec ce mode.

Comment tu fais ça?

• Eh bien, pour commencer, commencez par utiliser des fichiers png avec des arrière-plans transparents pour les icônes, les logos, le style de la marque, etc.
• Si l'élément lui-même a un fond sombre ou est de couleur noire comme le logo TikTok, pensez à ajouter un trait blanc au design noir. Cela ajoute du poids au dessin et le sépare de l'arrière-plan.
• Certaines conceptions de newsletter comportent également du texte superposé aux images d'arrière-plan. Si votre texte est blanc, le mode sombre passera au noir. Choisissez donc une image d'arrière-plan qui ne se heurte pas. Sinon, pensez à ajouter une couche entre eux.

Astuce Kimp : si vous êtes une petite entreprise qui commence les conceptions de marque, assurez-vous que votre équipe de conception crée des actifs qui fonctionnent bien en mode sombre. Cela ne veut pas dire que vous ne pouvez pas avoir de logos noirs, mais assurez-vous qu'ils vous donnent le fichier png.

Le saviez-vous? Avec Kimp Graphics, vous avez la propriété complète de tous les fichiers et nous partageons les conceptions dans tous les formats afin que vous puissiez en tirer le meilleur parti.

6. N'oubliez pas vos illustrations

Nous vivons à une époque où la conception graphique s'est éloignée des images de stock ou même des photographies dans les e-mails. Oui, les illustrations et les griffonnages sont les tendances actuelles, et pour cause. Ils mettent en valeur la personnalité de votre marque de la meilleure façon possible et vous ne devez à aucun prix y renoncer.

Mais comme les illustrations de la marque sont livrées avec des couleurs prédéfinies, elles posent un défi lorsque vous optimisez votre newsletter pour le mode sombre. Mais pas impossible à faire. Si votre marque ne peut pas supporter de changer la couleur des illustrations pour des raisons de marque, une équipe de conception professionnelle peut vous aider.

Ils peuvent séparer l'arrière-plan de l'illustration de premier plan et modifier les calques afin que la conception fonctionne bien en mode sombre.

Et si vous concevez de nouvelles illustrations, assurez-vous d'inclure la compatibilité du mode sombre dans votre cahier des charges. Et travaillez avec l'équipe de conception pour choisir des couleurs pastel et non saturées pour l'illustration.

7. Testez, testez, jusqu'à la perfection

La dernière et la plus importante étape dans l'optimisation de la conception de vos newsletters pour le mode sombre consiste à expérimenter jusqu'à ce que vous réussissiez. Étant donné que chaque client de messagerie restitue différemment le courrier électronique en mode sombre, il est pratiquement impossible de bien faire les choses du premier coup. Sans oublier que la couleur varie d'un écran à l'autre, tout comme l'expérience utilisateur.

Mais si vous vous engagez à tester, analyser et expérimenter, alors vous êtes sur la bonne voie.

Vérifiez les e-mails par vous-même sur tous les appareils et les modes sombre/clair. Comprenez comment la couleur, la police et le rendu de l'image varient. Retournez à la planche à dessin ou à la réunion de l'équipe de conception pour travailler sur les problèmes.

Concevez des newsletters compatibles avec le mode sombre avec Kimp

Êtes-vous fier de vos campagnes de newsletter ? Aimez-vous créer du contenu pour elle tous les jours ? Nous sommes très heureux de le savoir et vous devriez continuer à le faire. Ne vous laissez pas décourager par les changements de styles ou de tendances en matière de design.

Kimp est là pour gérer tout cela pour vous. Oui, nous savons que trouver le style de design parfait pour le mode sombre est un long processus, mais nous sommes avec vous. Nos services de conception illimités (Kimp Graphics et Kimp Video) sont conçus spécialement pour ces scénarios. Pour que vous puissiez expérimenter et obtenir le meilleur design sans vous soucier du budget.

Alors inscrivez-vous dès aujourd'hui à nos abonnements et optimisez-les !