Hari ini, ribuan penggemar iPhone akan melakukan perjalanan ke toko Apple untuk mengambil iPhone baru mereka. Plus, lebih banyak lagi yang akan memperbarui ponsel mereka ke iOS 13—OS seluler terbaru Apple—dalam beberapa hari ke depan. Jika pelanggan Anda termasuk di antara mereka, apakah itu akan memengaruhi tampilan email Anda?

Sementara ukuran layar dan resolusi untuk iPhone baru tetap sama (itu berita bagus untuk pemasar email!), Ada satu hal yang harus Anda perhatikan: Dengan iOS 13, Apple memperkenalkan Mode Gelap ke ponselnya, termasuk aplikasi Mail iOS asli —dan itu mungkin memengaruhi tampilan email Anda untuk klien Anda.

Mengapa Anda harus mengawasi pembaruan Apple

Dengan 27% dari semua email yang dibaca di iPhone Apple , perubahan pada ponsel Apple, sistem operasi seluler, dan rendering emailnya dapat membuat perbedaan besar bagi dunia pemasaran email. Jika audiens Anda terlihat mirip dengan rata-rata global dan Anda melihat banyak pelanggan Anda membuka email Anda di iPhone, Anda harus memastikan bahwa email Anda terlihat bagus dan berkinerja di lingkungan membaca itu.

Tidak ingin menghabiskan ribuan dolar untuk perangkat pengujian iPhone baru? Anda tidak harus. Kami senang berbagi bahwa pratinjau email untuk iOS 13 di iPhone terbaru sekarang tersedia di Litmus.

Bagaimana tampilan email Anda di iOS 13? Lihat bagaimana iOS13 merender email Anda dengan Pratinjau Email Litmus untuk iPhone 11 . Pelajari lebih lanjut →

Ukuran dan Resolusi Layar untuk iPhone Baru

Rilis Apple September memperkenalkan tiga iPhone baru: iPhone 11, iPhone 11 Pro, dan iPhone 11 Pro Max.

Dengan ukuran layar 6,1 inci untuk iPhone 11, 5,8 inci untuk iPhone 11 Pro, dan 6,5 inci untuk iPhone 11 Pro Max, iPhone baru memiliki dimensi yang sama dengan pendahulunya (iPhone XR, XS, dan XS Max) . Resolusi, kerapatan piksel, dan rasio kerapatan piksel juga identik.

iPhone 11

iPhone 11 Pro

iPhone 11 Pro Max

Tidak ada perubahan dalam ukuran perangkat adalah berita bagus bagi pemasar dan desainer email. Jika Anda pernah menggunakan kueri media tertentu untuk menargetkan setiap iPhone Apple di masa lalu, kueri tersebut juga berfungsi dengan baik dengan model terbaru Apple.

Jika Anda tidak menargetkan ukuran tertentu tetapi menggunakan breakpoint untuk memicu gaya responsif, Anda juga tidak perlu melakukan perubahan apa pun karena breakpoint tersebut sama dengan model iPhone sebelumnya : 414px. Menyetel kueri media ke target max-device-width: 414px akan memastikan bahwa gaya responsif ditampilkan pada ketiga model iPhone baru.

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

Mode Gelap akan hadir di iPhone Apple

Tahun lalu, Apple membawa Mode Gelap ke sistem operasi desktopnya , memungkinkan pengguna MacOS Mojave untuk beralih ke palet warna yang lebih gelap untuk semua jendela, tampilan, menu, dan kontrol, membuat antarmuka lebih cocok untuk bekerja di lingkungan kurang cahaya atau di malam.

Dengan iOS 13, fitur populer ini juga hadir di iPhone Apple. Mari kita lihat bagaimana hal itu dapat memengaruhi email Anda.

Bagaimana email ditampilkan dalam Mode Gelap di iOS 13

Kabar baiknya pertama: Mirip dengan Mode Gelap untuk MacOS, Mode Gelap baru di iPhone Apple tidak memengaruhi email HTML secara default. Mode Gelap hanya berlaku untuk email pribadi dan email biasa. Bahkan jika Anda tidak memiliki warna latar belakang yang ditentukan dalam email HTML Anda, latar belakang tetap ditampilkan sebagai putih. Jadi Anda tidak perlu khawatir tentang Mode Gelap yang mengacaukan kode Anda atau pengalaman rendering untuk email HTML biasa di luar kotak.

Namun, latar belakang email berwarna cerah dapat menciptakan pengalaman yang sangat mengejutkan bagi pelanggan yang membaca email dalam Mode Gelap. Mengalihkan layar Anda dari tampilan kotak masuk yang gelap ke email yang sangat terang (dan sebaliknya) melelahkan mata dan tidak memberikan pengalaman membaca yang baik bagi pelanggan.

Jadi apa yang dapat Anda lakukan untuk meningkatkan pengalaman membaca? Dengan Mode Gelap di MacOS, desainer dan pengembang email tidak memiliki kesempatan untuk menargetkan Mode Gelap secara khusus. Sebaliknya, yang bisa mereka lakukan hanyalah memilih pilihan warna yang bekerja dengan baik baik dalam tampilan terang maupun gelap.

Namun, dengan iOS 13, pengembang email dapat menargetkan Mode Gelap, dan memberikan pengalaman khusus bagi pelanggan yang membuka dalam Mode Gelap.

Cara menargetkan Mode Gelap di iOS 13

Seperti yang diperhatikan oleh emailgeek Thomas Steiner saat bermain dengan iOS 13 beta musim panas ini, Apple memperkenalkan kueri media baru yang memungkinkan Anda untuk secara khusus menargetkan klien email yang disetel ke Mode Gelap.

Eksperimen kami juga menunjukkan bahwa menargetkan Mode Gelap di iOS ternyata sangat sederhana:

 @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 */ }

Dengan menggunakan kueri media ini, Anda dapat menyetel gaya kustom yang hanya berlaku saat email Anda dibuka di klien yang disetel ke Mode Gelap. Itu berarti Anda dapat menggunakan warna latar belakang, warna font, atau bahkan gambar yang berbeda untuk pelanggan yang membuka Mode Gelap.

Ingin melihatnya beraksi?

Berikut adalah salah satu email webinar terbaru kami yang dioptimalkan untuk Mode Gelap iOS 13:

Saat dibuka dalam Mode Gelap iOS 13, email akan ditampilkan menggunakan latar belakang gelap. Selain itu, untuk memastikan Anda masih dapat melihat logo Litmus di latar belakang gelap, kami telah menyetel email ini untuk menggunakan versi berbeda dari logo kami—yang menggunakan font putih—untuk menjamin logo tersebut dapat dibaca dan terlihat bagus di Mode Gelap . Anda dapat melihat kode email lengkap di sini .

Mulai uji email Anda di iOS 13 hari ini

Pratinjau Email Litmus untuk iPhone 11 tersedia di akun Litmus Anda, sehingga Anda dapat segera mulai menguji. Belum menjadi pelanggan lakmus? Mulailah dengan Lakmus hari ini.