Was alle Marketer über E-Mails im Dunkelmodus wissen müssen

Heutzutage profitieren sogar Apps vom Gothic-Trend.

Im Ernst, wir sprechen über den dunklen Modus. Betriebssysteme haben schon immer invertierte Farbschemata angeboten, aber E-Mails und Apps im Dunkelmodus sind etwas anders.

Während viele Benutzer vom Dunkelmodus begeistert sind, bereitet er E-Mail-Vermarktern einige Kopfschmerzen.

Sie haben zweifellos bemerkt, dass jeder E-Mail-Client dieselbe Kampagne unterschiedlich anzeigen kann. Nun, die Einführung des Dunkelmodus fügt der Gleichung eine weitere Ebene hinzu.

In diesem Beitrag gehen wir auf einige der Grundlagen ein, die Sie wissen sollten, bevor Sie Ihre E-Mail-Kampagnen für den Dunkelmodus optimieren.

Was ist der Dunkelmodus und warum verwenden die Leute ihn?

Seit Jahren zeigen Betriebssysteme und Apps standardmäßig Inhalte mit weißem Hintergrund und schwarzem Text an. Für unsere Zwecke hier nennen wir dies „Lichtmodus“.

Der Light-Modus ist immer noch die Standardoption für die meisten Apps und Systeme, aber er fällt bei vielen versierten Internetnutzern in Ungnade – insbesondere bei denen, die den größten Teil ihres Tages online verbringen.

Neue Daten zeigen, dass die durchschnittliche Person jede Woche über 44 Stunden online verbringt. Für viele Menschen sind sechs Stunden am Computer oder Laptop nichts.

Es stellt sich heraus, dass es nicht gut für unsere Augen ist, den ganzen Tag auf Bildschirme zu starren. Zu viel Bildschirmzeit – egal ob Fernseher, Telefon oder Laptop – führt zu einer Überanstrengung der Augen.

Quelle: Weekdone

Nicht nur Helligkeit kann schädlich sein. Blaue Lichtemissionen von weißen Bildschirmen verhindern, dass Ihr Körper Melatonin produziert, das Ihren zirkadianen Rhythmus und Ihren Schlafzyklus durcheinander bringen kann. Wenn man bedenkt, dass bis zu die Hälfte der Amerikaner an chronischer oder akuter Schlaflosigkeit leiden, könnten wir alle unsere Schlafhygiene verbessern.

Viele Telefone und Betriebssysteme ermöglichen es Ihnen jetzt, nach einer bestimmten Zeit jeden Tag automatisch zu einem wärmeren Farbton zu wechseln, um blaues Licht zu reduzieren, oder einen Blaulichtfilter einzuschalten.

E-Mail und Apps im Dunkelmodus bieten eine andere Wahl. Anstatt den Weißton zu optimieren, können Sie einfach das gesamte Thema in Schwarz oder Dunkelgrau ändern und schädliches blaues Licht entfernen – ganz einfach.

Mehrere beliebte Apps wie Reddit, Facebook Messenger, Twitter und WhatsApp bieten integrierte Optionen für den Dunkelmodus. Facebook Messenger startete zuerst den dunklen Modus als Osterei, die Sie durch das Senden eines Emojis auslösen konnten, aber jetzt kann jeder ihn in seinen App-Einstellungen aktivieren.

Einige Smartphone-Apps bieten dunkle Modi, aber Benutzer müssen ihr Apple- oder Android-Design auf diesen Modus umstellen. Mit anderen Worten, es wird nicht über die App-Einstellungen angeboten.

E-Mails und Apps im Dunkelmodus sind auch nützlich, um den Akkuverbrauch bei Geräten mit OLED-Bildschirmen zu senken. Bei OLEDs werden dunkle Pixel auf dem Bildschirm nicht beleuchtet, da sie schwarz sind. Bei LCD- und Standard-LED-Bildschirmen benötigen die dunklen Pixel jedoch noch Akkulaufzeit.

Welche Kunden bieten E-Mail im Dunkelmodus an?

E-Mail-Clients scheinen den Dunkelmodus nur ungern zu akzeptieren.

Es ist nicht unbedingt so, dass sie es nicht anbieten wollen, aber es ist schwierig, eine ästhetisch ansprechende dunkle Version zu implementieren, da jede E-Mail-Kampagne anders codiert ist.

Einige E-Mail-Clients bieten den Dunkelmodus als spezifische Einstellung an, die Sie in der App aktivieren können. In der Zwischenzeit müssen Sie bei anderen Clients die Einstellungen Ihres Betriebssystems ändern, bevor die App automatisch in den Dunkelmodus wechselt.

Hier sind die Clients und Apps, von denen wir wissen, dass sie derzeit den Dunkelmodus anbieten:

• Gmail-App (iOS und Android)

• Outlook-App (iOS und Android)

• Apple-Mail (Desktop)

• Outlook 2019 (Mac, Windows und Web)

Sie werden auch feststellen, dass Gmail zwar keinen bestimmten "Dunkelmodus" bietet, Sie jedoch Ihr Design von hellen zu dunklen Tönen umschalten können.

Wie sieht eine E-Mail im Dunkelmodus aus?

Wie bei allen E-Mails kommt es darauf an.

Bei Apps ist der Dunkelmodus unkompliziert. Entwickler schalten einfach einige CSS-Teile um und lassen Benutzern die Wahl.

Twitter bietet zwei Versionen des Dunkelmodus: Licht aus und gedimmt.

Quelle: Twitter

So sieht der dunkle Modus auf Facebook Messenger und Reddit aus.

Quelle: Facebook, Reddit

In einer perfekten Welt würden E-Mails im Dunkeln genau wie diese Grafik aus dem Microsoft-Blog aussehen.

Quelle: Microsoft-Blog

Hier ist die Sache mit E-Mail im Dunkelmodus: E-Mail-Clients haben keine bestimmte Version ausgewählt. Es scheint, dass es drei spezifische Arten von Dark Mode gibt, die wir in verschiedenen E-Mail-Clients sehen.

1. Keine Farbänderungen

Erstens haben wir E-Mails, die mit ihrem einzigartigen HTML gerendert werden, während der E-Mail-Client ein Dark-Mode-Design beibehält.

Im Fall von Gmail für Desktop ändert sich der Inhalt von E-Mails nicht ein bisschen – nur das Gmail-Thema wird dunkel.

So sieht es in der Gmail-Desktop-App aus.

Quelle: Google Mail

Für Apple scheinen Klartext-E-Mails den Wechsel vom Hell- in den Dunkelmodus auszulösen – nicht aber HTML-E-Mails.

2. Teilweise Dunkelmodus

Bei E-Mails im partiellen Dunkelmodus erkennt der Client helle Hintergründe und schaltet sie automatisch auf dunkel um (während dunkler Text auf hell umgeschaltet wird).

Die Gestaltung einer E-Mail-Kampagne mit dunklem Hintergrund ändert sich in diesem Fall nicht, wenn ein Abonnent den Dunkelmodus aktiviert hat.

Quelle: Lackmus

3. Voll invertierter Dunkelmodus

Schließlich zielt der vollständige Dunkelmodus auf jede E-Mail ab – unabhängig davon, wie sie gestaltet ist – und invertiert das CSS vollständig.

Das heißt, wenn Sie eine E-Mail für den dunklen Modus mit schwarzem Hintergrund gestalten, wird sie vom E-Mail-Client wieder auf weiß umgestellt.

Dies ist die Version des dunklen Modus, die viele verwenden.

Beliebte Clients wie Gmail und Outlook ermöglichen es Ihnen auch nicht, Nutzer im Dark Mode anzusprechen. Hoffentlich ändern E-Mail-Clients ihren Code, wenn E-Mail-Entwickler beginnen, sich anzupassen, um einen dunklen Modus zu finden, der für alle geeignet ist.

Entwerfen für E-Mail im Dunkelmodus

Das wichtigste Designelement, das Sie sich merken sollten, ist, dass die Hintergrundfarbe zu Schwarz wechselt.

Es ist üblich, dass Designer Bilder mit teilweise weißen Elementen auswählen, um sie mit dem Hintergrund des Bildschirms zu verschmelzen. In anderen Fällen erstellen Designer Bilder mit einer bestimmten Farbe und verwenden dieselbe Farbe für den Hintergrund, damit er nahtlos aussieht.

Wenn der Dunkelmodus die Farben invertiert, kann dies ein durchdachtes Design beeinträchtigen.

Sehen Sie, wie sich die Farben in dieser E-Mail geringfügig ändern.

Quelle : Medium

Das helle Gelb im Hellmodus wechselt im Dunkelmodus zu Braun. Währenddessen sticht der blaugrüne Hintergrund im Samsung-Bild im dunklen Modus hervor, da die E-Mail-Hintergrundfarbe dunkler wird.

Bilder für E-Mail im Dunkelmodus erstellen

Es ist eine kluge Idee, so oft wie möglich Bilder mit transparentem Hintergrund zu verwenden.

Wenn Sie die Hintergrundfarbe nicht steuern können, möchten Sie, dass Ihre Fotos und Logos sauber bleiben. Transparenz ist also der richtige Weg.

Auch hier verwenden die meisten Designer Logos und Bilder mit weißem Rand am Rand. Im Normalfall ist das kein Problem, da sich der Beschnitt in den weißen Hintergrund der E-Mail einfügt.

Im Dunkelmodus sticht diese Trimmung jedoch hervor. Es ist normalerweise kein großer Fehler, aber es kann dazu führen, dass Ihre E-Mails ein wenig überladen aussehen.

Sehen Sie den Unterschied bei diesen Social-Media-Symbolen?

Quelle: Kampagnenmonitor

Es lohnt sich auch, bei hellen Bildern, die im Dunkelmodus grell wirken könnten, einen Dimmfilter hinzuzufügen.

Text für E-Mail im Dunkelmodus optimieren

Viele Marken verwenden schlichte schwarze Logos. Wenn Sie einen transparenten Hintergrund hinzufügen und das Logo über einen schwarzen Hintergrund werfen, wird Ihr Logo unsichtbar.

Glücklicherweise ist es mit ein wenig Planung eine einfache Lösung.

Wenn es sich um ein durchgehend schwarzes Logo oder eine Kopfzeile handelt, fügen Sie einen weißen Rahmen hinzu, damit er in E-Mails im dunklen Modus vor schwarzem Hintergrund angezeigt wird.

Das Hinzufügen eines weißen Rands funktioniert sowohl im dunklen als auch im hellen Modus hervorragend, da der Rand verschwindet, wenn der Hintergrund weiß wird.

Quelle: Kampagnenmonitor

Testen nicht vergessen

Wie bei allem E-Mail-Marketing – und insbesondere beim Dark Mode – sollten Sie Ihre Kampagnen nicht ohne viele Tests versenden.

Denken Sie daran, dass E-Mail-Clients und Apps noch nicht ihre ideale Strategie für den dunklen Modus gefunden haben. Erwarten Sie also, dass sich Standards und CSS-Stile einige Male ändern.

Außerdem sieht E-Mail im Dunkeln bei jedem Kunden anders aus. Das Ausführen von Tests im Hell- und Dunkelmodus kann jedoch dazu beitragen, dass Ihre E-Mails auf jedem Gerät lesbar und beeindruckend bleiben.

Einpacken

Das Festlegen eines einheitlichen E-Mail-Designs kann bereits eine Herausforderung sein, und E-Mail-Funktionen im Dunkelmodus helfen nicht weiter. Glücklicherweise können Sie herausfinden, welche E-Mail-Clients Ihre Abonnenten verwenden, und einige Best Practices befolgen, um Ihre E-Mails großartig aussehen zu lassen.

• Fügen Sie einen weißen Umriss um durchgehend schwarzen Text oder Logos ein.

• Fügen Sie hellen Bildern eine Vignette oder einen Abdunkelungsfilter hinzu.

• Versuchen Sie, Bilder, Logos und Fotos mit transparentem Hintergrund zu verwenden.

• Vermeiden Sie das Mischen von Bildern mit Hintergrundfarben.

• Führen Sie viele Tests durch.

Möchten Sie Ihr Design verbessern und Ihre bisher besten E-Mails versenden? Sehen Sie sich diesen ultimativen Leitfaden für effektives E-Mail-Design an.