Hoe kan ik mijn campagnes optimaliseren voor een donkere modus?

Donkere modus is een populaire instelling in veel e-mailclients. Deze weergavemodus kan echter zorgen voor een onverwachte presentatie van je e-mail. In dit artikel lees je wat donkere modus precies is en hoe je je campagnes hierop kunt optimaliseren.

 

Wat is donkere modus?

Donkere modus is een instelling waarbij lichte tekst, pictogrammen en interface-elementen worden weergegeven op een donkere achtergrond. E-mailclients die geen specifieke achtergrondkleur detecteren, passen automatisch een donkere achtergrond toe. Hierbij worden de kleuren van de inhoud aangepast om het contrast te verbeteren.

In Gmail op iOS en Android wordt een volledig zwarte achtergrond bijvoorbeeld omgezet naar wit, terwijl donkergrijs naar lichtgrijs verandert. Dit gebeurt automatisch op basis van de instellingen van het apparaat of de app.

Donkere modus is om meerdere redenen populair:

  • Voorkeur voor donkere interfaces

  • Vermindert oogvermoeidheid, vooral in omgevingen met weinig licht

  • Verbruikt minder batterij, doordat het scherm minder helder hoeft te zijn

  • Kan de leesbaarheid verbeteren

Gebruikers schakelen donkere modus zelf in via hun e-mailclient of app-instellingen.

 

Tips voor het optimaliseren van je campagne met donkere modus

Elke e-mailclient toont e-mails op een eigen manier. Hier heb je als afzender weinig controle over. Toch zijn er verschillende tips die je kunt toepassen om ervoor te zorgen dat je e-mail er consistent uitziet, ongeacht of je lezer lichte of donkere modus gebruikt.

 

Tip 1: Optimaliseer je logo's en afbeeldingen voor licht- en donkere modus

Gebruik bij voorkeur afbeeldingen met een transparante achtergrond. Of zorg ervoor dat de achtergrondkleur van de afbeelding precies aansluit bij de achtergrond van de e-mail, zodat ongewenste contrasten worden voorkomen.

Vermijd bij voorkeur donkere logo’s, zoals zwarte varianten. Deze vallen slecht op in donkere modus. Als je toch een donker logo gebruikt, voeg dan een lichte rand of schaduw toe zodat het logo goed zichtbaar blijft, zowel in lichte als donkere modus.

 

Tip 2: Stel een achtergrondkleur in voor je inhoud voor licht- en donkere modus

Wil je niet dat de achtergrond van je e-mailinhoud automatisch donker wordt in donkere modus? Dan kun je in de e-mailontwerper een vaste achtergrondkleur instellen. Dit zorgt voor een consistentere weergave in beide modi.

🚨 Let op: er kunnen kleine kleurverschillen optreden tussen apparaten en e-mailclients.

 

Zo stel je een achtergrondkleur in:

  1. Klik op het onderdeel ‘Sectie – Inhoud’.

  2. Ga naar ‘Achtergrond inhoud’ en kies een kleur.

  3. Herhaal dit ook voor de afzonderlijke containers.

  4. Stel tot slot de achtergrond van ‘Sectie – Achtergrond’ in op transparant. Zo wordt alleen de inhoudskleur toegepast, niet de volledige achtergrond van de e-mail.

 

Achtergrondkleur instellen_Donkere modus.png

 

Tip 3: Test je campagne

Test je e-mails altijd in zowel lichte als donkere modus. Zo zie je precies hoe de lay-out en afbeeldingen eruit komen te zien voor je contacten, en kun je waar nodig bijsturen.

 

Tip 4: Voorbeeld code

Als je vertrouwd bent met HTML en CSS, kun je je e-mail verder optimaliseren via aangepaste code. Op de website van Mozilla vind je een uitgebreid voorbeeld van het gebruik van @media (prefers-color-scheme) waarmee je specifieke stijlen kunt instellen voor donkere modus.

 

Voorbeeld van campagne in donkere modus

 

Voorbeeld campagne in donkere modus.png

Was dit artikel nuttig?
Aantal gebruikers dat dit nuttig vond: 0 van 0