Heute werden Tausende von iPhone-Fans in den Apple Store gehen, um ihre brandneuen iPhones abzuholen. Außerdem werden noch mehr Nutzer ihre Handys in den nächsten Tagen auf iOS 13 – das neueste mobile Betriebssystem von Apple – aktualisieren. Wenn Ihre Abonnenten darunter sind, wird sich das auf das Aussehen Ihrer E-Mails auswirken?

Während Bildschirmgrößen und Auflösungen für die neuen iPhones gleich bleiben (das sind großartige Neuigkeiten für E-Mail-Marketer!), müssen Sie eines jedoch beachten: Mit iOS 13 führt Apple den Dark Mode auf seinen Mobiltelefonen ein, einschließlich der nativen iOS Mail-App – und das kann sich darauf auswirken, wie Ihre E-Mails für Ihre Kunden angezeigt werden.

Warum Sie Apple-Updates im Auge behalten sollten

Mit 27 % aller E-Mails, die auf Apples iPhones gelesen werden , können Änderungen an Apples Telefonen, dem mobilen Betriebssystem und der E-Mail-Wiedergabe einen großen Unterschied für die Welt des E-Mail-Marketings machen. Wenn Ihr Publikum dem globalen Durchschnitt ähnelt und Sie sehen, dass viele Ihrer Abonnenten Ihre E-Mails auf iPhones öffnen, müssen Sie sicherstellen, dass Ihre E-Mails in dieser Leseumgebung gut aussehen und funktionieren.

Sie möchten nicht Tausende von Dollar für ein brandneues iPhone-Testgerät ausgeben? Sie müssen nicht. Wir freuen uns, Ihnen mitteilen zu können, dass jetzt E-Mail-Vorschauen für iOS 13 auf dem neuesten iPhone in Litmus verfügbar sind.

Wie sieht Ihre E-Mail in iOS 13 aus? Sehen Sie, wie iOS13 Ihre E-Mails mit Litmus Email Previews für das iPhone 11 rendert . Mehr erfahren →

Bildschirmgrößen und Auflösungen für die neuen iPhones

In der September-Version von Apple wurden drei neue iPhones vorgestellt: das iPhone 11, iPhone 11 Pro und iPhone 11 Pro Max.

Mit einer Bildschirmdiagonale von 6,1 Zoll beim iPhone 11, 5,8 Zoll beim iPhone 11 Pro und 6,5 Zoll beim iPhone 11 Pro Max haben die neuen iPhones die gleichen Abmessungen wie ihre Vorgänger (iPhone XR, XS und XS Max). . Auflösung, Pixeldichte und Pixeldichteverhältnis sind ebenfalls identisch.

iPhone 11

iPhone 11 Pro

iPhone 11 Pro Max

Keine Änderung der Gerätegröße ist eine gute Nachricht für E-Mail-Marketer und -Designer. Wenn Sie in der Vergangenheit spezifische Medienabfragen verwendet haben, um jedes der iPhones von Apple anzusprechen, funktionieren diese genauso gut mit den neuesten Modellen von Apple.

Wenn Sie nicht auf bestimmte Größen abzielen, sondern einen Haltepunkt zum Auslösen reaktionsschneller Stile verwenden, müssen Sie auch keine Änderungen vornehmen, da dieser Haltepunkt derselbe ist wie bei früheren iPhone-Modellen : 414px. Wenn die Medienabfrage auf max-device-width: 414px ausgerichtet ist, wird sichergestellt, dass responsive Styles auf allen drei neuen iPhone-Modellen angezeigt werden.

 @media screen and (max-device-width: 414px) { /* Insert styles here*/ }

Der Dark Mode kommt auf Apples iPhones

Letztes Jahr hat Apple den Dark Mode in sein Desktop-Betriebssystem eingeführt , sodass Benutzer von MacOS Mojave für alle Fenster, Ansichten, Menüs und Steuerelemente auf eine dunklere Farbpalette umschalten können, wodurch die Benutzeroberfläche besser für die Arbeit in Umgebungen mit wenig Licht oder in Umgebungen geeignet ist Nacht.

Mit iOS 13 kommt diese beliebte Funktion auch auf Apples iPhones. Sehen wir uns an, wie sich das auf Ihre E-Mails auswirken könnte.

Wie E-Mails im Dark Mode unter iOS 13 gerendert werden

Die gute Nachricht zuerst: Ähnlich wie der Dark Mode für MacOS wirkt sich der neue Dark Mode auf Apples iPhones standardmäßig nicht auf HTML-E-Mails aus. Der Dunkelmodus wird nur auf persönliche und Nur-Text-E-Mails angewendet. Auch wenn Sie in Ihrer HTML-E-Mail keine Hintergrundfarbe definiert haben, wird der Hintergrund dennoch weiß gerendert. Sie müssen sich also keine Sorgen machen, dass der Dark Mode Ihren Code durcheinander bringt oder die Rendererfahrung für normale HTML-E-Mails sofort einsatzbereit macht.

Helle E-Mail-Hintergründe können jedoch für Abonnenten, die E-Mails im dunklen Modus lesen, ein sehr erschütterndes Erlebnis schaffen. Das Umschalten des Bildschirms von der dunklen Posteingangsansicht auf eine wirklich helle E-Mail (und umgekehrt) ist für das Auge anstrengend und bedeutet für den Abonnenten kein großartiges Leseerlebnis.

Was können Sie also tun, um das Leseerlebnis zu verbessern? Mit Dark Mode auf MacOS hatten E-Mail-Designer und -Entwickler keine Möglichkeit, den Dark Mode gezielt anzusprechen. Stattdessen konnten sie sich nur für eine Farbauswahl entscheiden, die sowohl in hellen als auch in dunklen Ansichten gut funktionierte.

Mit iOS 13 können E-Mail-Entwickler jedoch auf den Dark Mode abzielen und Abonnenten, die im Dark Mode öffnen, ein benutzerdefiniertes Erlebnis bieten.

So zielen Sie auf den Dark Mode auf iOS 13 . ab

Wie E-Mail-Geek Thomas Steiner diesen Sommer beim Spielen mit der iOS 13-Beta bemerkte , führt Apple eine brandneue Medienabfrage ein, mit der Sie gezielt E-Mail-Clients ansprechen können, die auf den dunklen Modus eingestellt sind.

Unsere Experimente zeigen auch, dass die Ausrichtung auf den Dark Mode unter iOS überraschend einfach ist:

 @media (prefers-color-scheme: dark) { /*Insert all your dark mode classes here, as you would insert mobile responsive classes./ /* Remember to use !important to override inline styles */ }

Mit dieser Medienabfrage können Sie benutzerdefinierte Stile festlegen, die nur gelten, wenn Ihre E-Mail in einem Client geöffnet wird, der auf den dunklen Modus eingestellt ist. Das bedeutet, dass Sie verschiedene Hintergrundfarben, Schriftfarben oder sogar Bilder für Abonnenten verwenden können, die im Dunkelmodus öffnen.

Möchten Sie es in Aktion sehen?

Hier ist eine unserer letzten Webinar-E-Mails, die für den dunklen Modus von iOS 13 optimiert wurden:

Beim Öffnen im dunklen Modus von iOS 13 wird die E-Mail mit einem dunklen Hintergrund angezeigt. Um sicherzustellen, dass Sie das Lackmus-Logo auf dem dunklen Hintergrund noch sehen können, haben wir diese E-Mail so eingestellt, dass eine andere Version unseres Logos verwendet wird – diejenige mit weißer Schrift – um sicherzustellen, dass es lesbar ist und im Dunkelmodus gut aussieht . Hier können Sie den vollständigen E - Mail - Code überprüfen.

Beginnen Sie noch heute mit dem Testen Ihrer E-Mails in iOS 13

Litmus-E-Mail-Vorschauen für das iPhone 11 sind in Ihrem Litmus-Konto verfügbar, sodass Sie sofort mit dem Testen beginnen können. Noch kein Lackmus-Kunde? Beginnen Sie noch heute mit Lackmus.