Dark mode is steeds populairder geworden in zowel apps als e-mailclients, omdat het een comfortabelere kijkervaring biedt. Sterker nog, 82% van de smartphone-gebruikers geeft nu de voorkeur aan dark mode.
Het optimaliseren van je e-mails voor dark mode kan ingewikkeld zijn. Omdat verschillende e-mailclients dark mode in verschillende mate ondersteunen, is het cruciaal om ervoor te zorgen dat je marketing e-mails visueel aantrekkelijk en makkelijk te lezen blijven, ongeacht de instellingen van de inbox van de ontvanger.
Welke e-mailclients ondersteunen dark mode?
Terwijl sommige clients automatisch kleuren omkeren, vereisen andere HTML-stijlen die specifiek zijn afgestemd op de dark mode-ervaring.
Hier zie je hoe enkele populaire e-mailclients de weergave van e-mails aanpassen voor dark mode-gebruikers:
- Apple Mail: Zet automatisch witte achtergronden om naar zwart en tekst naar wit.
- Outlook: Biedt zowel een lichte als een “nachtelijke” dark mode.
- Gmail: Past zich aan aan dark mode als de gebruiker dit instelt, maar de implementatie kan inconsistent zijn.
Hoe kun je je e-mails optimaliseren voor dark mode?
Net als bij de meeste marketinggebieden, is het een goed idee om te beginnen met het begrijpen van je doelgroep. In dit geval moet je begrijpen welke e-mailclients je abonnees het vaakst gebruiken. Vervolgens kun je je dark mode e-mailontwerpen daarop afstemmen.
Hoewel elke e-mailclient dark mode anders behandelt, zijn er enkele best practices die je kunt volgen:
Optimaliseer logo’s en iconen
Heb je een donkergekleurd logo? Voeg een dunne witte rand toe om ervoor te zorgen dat het opvalt in dark mode. Of speel op zeker en maak twee versies van je logo – één voor light mode en één voor dark mode.
Het is ook essentieel om contrasterende sociale iconen te gebruiken, zodat ze zichtbaar zijn in dark mode.
Gebruik transparante achtergronden
Hoewel JPG’s misschien je gebruikelijke keuze zijn voor e-mails vanwege hun snellere laadtijden, zijn PNG’s je beste keuze voor dark mode. Hun transparante achtergronden zorgen ervoor dat je geen lelijke witte vakjes rond je afbeeldingen krijgt.
Vergroot de padding rond niet-transparante afbeeldingen
Soms is het onvermijdelijk om niet-transparante afbeeldingen in je e-mails op te nemen. Maar maak je geen zorgen, het verbeteren van hun uiterlijk kan zo simpel zijn als het toevoegen van wat padding eromheen. Dit helpt om een soepele aanpassing te creëren tussen de achtergrond van de afbeelding en de dark mode-instelling.
Kies voor tekst
Hoewel we enkele best practices hebben besproken voor het aanpassen van afbeeldingen in e-mails voor dark mode, is het nog steeds altijd het beste om waar mogelijk voor tekst te kiezen in plaats van afbeeldingen. Dit vergroot de kans dat je content gemakkelijk te lezen is en helpt ook de aflevering en toegankelijkheid te verbeteren.
Gebruik minder kleuren
Bepaalde kleuren die goed werken in light mode zien er misschien niet zo goed uit in dark mode, dus het is het beste om je te beperken tot een beperkt kleurenpalet. Op die manier is er minder kans op nare verrassingen wanneer bepaalde e-mailclients het automatisch aanpassen voor dark mode. Het zorgt er ook voor dat de e-mail meer in lijn is met de light mode-versie.

Test, test, test!
Aangezien elke client dark mode op verschillende manieren (en in verschillende mate) ondersteunt, moet je altijd zeker zijn dat je test hoe je e-mail eruitziet in verschillende e-mailclients en op verschillende apparaten, zowel in light als dark mode.
Er is licht aan het einde van de tunnel
Hoewel het moeilijk kan zijn om e-mails te maken die er geweldig uitzien in alle e-mailclients en in zowel light als dark mode, kan het goed doen een echt positieve impact hebben op je e-mailaflevering en betrokkenheid.
Het goede nieuws is dat door enkele van de hierboven geschetste veranderingen door te voeren, je goed op weg bent om een geweldige gebruikerservaring te bieden voor al je e-mailabonnees. Bovendien, als je een Yotpo Email gebruiker, dan kun je optimaal gebruikmaken van onze kant-en-klare sociale blokken met verschillende sociale iconen die geoptimaliseerd zijn voor donkere achtergronden. We bieden ook uitgebreide richtlijnen over hoe je je e-mails kunt optimaliseren voor de donkere modus, zodat je elke keer de mooiste e-mails kunt maken.




Join a free demo, personalized to fit your needs