Alle collecties
E-mails
E-mails opstellen
Een e-mail vormgeven
Hoe maak ik een e-mail op voor Dark Mode?
Hoe maak ik een e-mail op voor Dark Mode?

In dit artikel leg ik je uit hoe je je nieuwsbrief test in de Dark Modus.

Carola avatar
Geschreven door Carola
Meer dan een week geleden bijgewerkt

Veel ontvangers lezen hun e-mails in Dark Mode. Dit betekent dat ze geen standaard witte achtergrond zien, maar een zwarte achtergrond. Door deze instelling kan jouw mail er niet uitzien zoals jij hem bedoelt hebt. Daarom raden we aan om altijd je mail te testen in zowel Light als Dark Mode. In Reloadify kan dat in een handomdraai!

1. Wat is de Dark Mode?

De Dark Mode is een speciale functie voor het gebruik van je mobiele telefoon als het donker is. Deze mode zorgt ervoor dat witte, scherpe vlakken donker worden gemaakt. Dit zorgt voor minder vermoeidheid voor je ogen. Daarnaast verbruikt je telefoon minder batterij als de Dark Mode is ingeschakeld. De witte, felle kleuren worden omgezet een mix van grijze, zwarte en andere donkere kleuren.


2. Waarom moet ik rekening houden met de Dark Mode?

De dark mode zorgt ervoor dat de achtergrond van een nieuwsbrief donker wordt. Dit is best onhandig voor als je je nieuwsbrief hiervoor niet geoptimaliseerd hebt. Denk bijvoorbeeld aan een zwarte button in je nieuwsbrief zonder omlijning. Dat komt er dan zo uit te zien:

Jouw CTA button valt nu helemaal niet op. Of het gebruik van zwarte iconen, bijvoorbeeld voor je socials:

Ook dat valt niet op. Het is belangrijk om hierover na te denken en dit te testen.


3. Hoe test ik mijn nieuwsbrief in de Dark Mode?

In de ontwerptool van de e-mail kun je de voorbeeld versie van je mail bekijken. Dit doe je via de knop "Voorbeeld" in de bovenste balk.


Er verschijnt nu een schuifje die je aan- en uit zet om de donkere modus de activeren en te de-activeren:

Eenmaal geactiveerd zie je dat je nieuwsbrief een donkere achtergrond krijgt:

❗ Om je tekst beter op te laten vallen raden we aan om je tekst in buttons wit te laten. In het voorbeeld hierboven is de tekst van de button wit, maar zet de dark mode van onze editor dit om in het zwart. Houd er rekening mee dat de dark mode witte letters juist niét omzet in het zwart, maar in het wit. Wanneer ik de e-mail daadwerkelijk test in de Dark Mode op mijn telefoon, dan zie ik dit:


Zoals je ziet blijven de letters in de CTA wit. Om deze redenen wil je je nieuwsbrief ook dark mode-proof maken.

Een paar tips:

  • Voeg een omlijning om je button toe, zodat je zeker weet dat je button altijd goed gezien wordt.

  • Maak geen gebruik van zwarte logo's.

  • Maak je gebruik van productfoto's, of andere afbeeldingen met een witruimte? Houd er dan rekening mee dat de witte achtergrond duidelijk naar voren komt op de dark mode, zie de afbeelding hieronder.

Nu weet je wat de dark mode doet en hoe het werkt in Reloadify. Succes! 🙌

Was dit een antwoord op uw vraag?