Salesforce Marketing Cloud

In immer mehr Apps und E-Mail-Clients setzt sich der Dark Mode als augen- und akkufreundliche Alternative zur klassischen Darstellungsweise durch. Heller Text auf dunklem Grund, das liegt im Trend. Doch was bedeutet das für E-Mails, die Marketer aus der Salesforce Marketing Cloud verschicken? Wir erklären in diesem Feature-Friday-Beitrag, was der Dark Mode ist und was E-Mail-Marketer in ihren Salesforce Marketing Cloud-Templates beachten müssen, damit ihre E-Mails auch in diesem Modus gut aussehen.

Dark Mode – was macht er und welche Vorteile hat er?

Vereinfacht gesagt wird im Dark Mode alles, was ursprünglich hell war, dunkel – und umgekehrt. Da die meisten E-Mail-Designs auf einer dunklen Schrift mit hellem Hintergrund beruhen, wird also der Hintergrund dunkel und die Schrift hell. Durch das dunklere Design wird der Blaulichteffekt reduziert, weshalb die Augen weniger schnell ermüden. Außerdem hat der Dark Mode zumindest auf OLED-Displays den Vorteil, weniger Energie zu verbrauchen und damit die Akkulaufzeit zu verlängern. Neben diesen Vorteilen schätzen viele User aber auch einfach das „coolere“ Aussehen des Dark Mode.

Der Trend zur dunkleren Darstellung begann 2019 mit den Betriebssystemen iOs und Android, bald darauf folgten Apps wie Facebook, Twitter und Gmail. Seit 2020 wird der Dark Mode nun auch in E-Mail-Clients immer populärer. Wer also E-Mails aus der Salesforce Marketing Cloud verschickt, sollte sich spätestens jetzt mit diesem Trend auseinandersetzen.

Was muss ich tun, damit meine E-Mails auch im Dark Mode gut aussehen?

Was passiert eigentlich mit einer E-Mail im Dark Mode? Diese Frage lässt sich so pauschal gar nicht beantworten, denn „den“ einen Dark Mode für E-Mails gibt es leider nicht. Darin besteht auch schon die größte Herausforderung: Jeder E-Mail-Client verarbeitet das E-Mail-HTML anders und stellt die E-Mail im Dark Mode unterschiedlich dar. Einige Clients unterstützen die dunkle Darstellung gar nicht, darunter viele Desktop- und Web-Clients. Die meisten verwenden eine Farbumkehrung: Je heller eine Farbe also in der ursprünglichen E-Mail ist, desto dunkler wird sie im Dark Mode. Einige wenige Clients wie Apple Mail wiederum erlauben einen Custom Dark Mode. Dennoch gibt es ein paar Faustregeln, die dabei helfen, die Darstellung für die meisten Clients zu optimieren.

Der erste und einfachste Schritt, mit dem man auch ein bereits bestehendes Salesforce Marketing Cloud-Template für den Dark Mode optimieren kann, ist die Verwendung geeigneter Icons und Logos. Dabei tauscht man Icons mit weißem Hintergrund gegen transparente PNGs. Dadurch vermeidet man, dass die Bilder auf dunklem Hintergrund in einem weißen „Kasten“ sitzen, die E-Mail sieht gleich ein Stück eleganter aus. Allerdings sollte man hier bereits daran denken, dass die neu hochgeladenen Icons nicht ganz schwarz sein sollten, da sie sonst auf schwarzem Hintergrund nicht mehr sichtbar sind.

Eine umfassende Optimierung erreicht man allerdings nur, wenn man gleich bei der Konzeption eines Salesforce Marketing Cloud-Templates den Dark Mode berücksichtigt und überlegt, wie sich Gestaltungsentscheidungen auf das Aussehen der E-Mails in diesem Modus auswirken. Die Wahl der Template-Farben will hier klug überlegt sein: Ein schwarzes Logo auf weißem Hintergrund wird wie oben beschrieben im Dark Mode unsichtbar. Wer Farben mit geringerem Kontrast wählt und beispielsweise ein graues Logo auf beigem Hintergrund platziert, erreicht auch bei der farb-invertierten Version eine lesbare Darstellung. Wenn farbige Boxen zur Hervorhebung von Inhalten verwendet werden, sollte deren Farbwechsel im Dark Mode gleich mitgedacht werden. Soweit es die eigene CI erlaubt, sollten alle diese Aspekte berücksichtigt und das Template-Design gegebenenfalls angepasst werden.

Nicht zuletzt kann durch die Verwendung spezieller Meta Tags und Media Queries im CSS genau definiert werden, welche Farbe im Dark Mode wie ersetzt wird, außerdem können anhand dieser Tags sogar Bilder ausgetauscht werden. Allerdings funktioniert das bisher in nur wenigen Clients wie Apple Mail. Dagegen steht ein hoher Aufwand bei der Programmierung.

Wie gut auch immer ein Salesforce Marketing Cloud-Template durchdacht ist: Letztendlich gilt gerade im Hinblick auf den Dark Mode, dass jede einzelne E-Mail noch einmal gründlich auf verschiedenen Endgeräten getestet werden muss. Nur dann kann man sicher sein, dass die Darstellung wirklich in Ordnung ist.

Unser Fazit

Eine Dark Mode-Optimierung bringt erheblichen Mehraufwand bei der Anpassung bestehender sowie der Erstellung neuer Templates und E-Mails mit sich. Da lohnt es sich die Frage nach der Relevanz bereits im Vorfeld genauer zu betrachten. Bisher gibt es dazu kaum Statistiken, allgemein gilt aber, dass jüngere und technik-affinere Zielgruppen den Dark Mode verstärkt nutzen. Wer konkrete Daten für die eigenen Empfänger erhalten möchte, kann dies mittlerweile mit Tools wie Litmus überprüfen. Unsere klare Empfehlung ist es all diese Gesichtspunkte zu prüfen und dann gezielt an die Optimierung zu gehen.