iOS 13, Dark Mode e i nuovi iPhone di Apple: ecco cosa devono sapere gli e-mail marketer

Pubblicato: 2019-09-20

Oggi, migliaia di fan di iPhone si recheranno all'Apple Store per ritirare i loro nuovissimi iPhone. Inoltre, ancora di più aggiorneranno i loro telefoni a iOS 13, il più recente sistema operativo mobile di Apple, nei prossimi due giorni. Se i tuoi iscritti sono tra questi, ciò influirà sull'aspetto delle tue e-mail?

Mentre le dimensioni dello schermo e le risoluzioni per i nuovi iPhone rimangono le stesse (questa è un'ottima notizia per gli e-mail marketer!), c'è una cosa di cui devi essere consapevole: con iOS 13, Apple introduce la Dark Mode sui suoi telefoni cellulari, inclusa l'app iOS Mail nativa e ciò potrebbe influire sul modo in cui le tue e-mail vengono visualizzate per i tuoi clienti.

Perché dovresti tenere d'occhio gli aggiornamenti Apple

Con il 27% di tutte le e-mail lette sugli iPhone di Apple , le modifiche ai telefoni Apple, al sistema operativo mobile e al rendering delle e-mail possono fare una grande differenza nel mondo dell'email marketing. Se il tuo pubblico è simile alla media globale e vedi molti dei tuoi abbonati che aprono la tua email su iPhone, dovrai assicurarti che le tue email abbiano un bell'aspetto e funzionino in quell'ambiente di lettura.

Non vuoi spendere migliaia di dollari per un nuovissimo dispositivo di test per iPhone? Non devi. Siamo entusiasti di condividere che le anteprime e-mail per iOS 13 sul nuovo iPhone sono ora disponibili in Litmus.

Come appare la tua email in iOS 13?

Guarda come iOS13 esegue il rendering della tua email con Litmus Email Previews per iPhone 11 .

Scopri di più →

Dimensioni e risoluzioni dello schermo per i nuovi iPhone

La versione di settembre di Apple ha introdotto tre nuovi iPhone: iPhone 11, iPhone 11 Pro e iPhone 11 Pro Max.

Con uno schermo di 6,1 pollici per iPhone 11, 5,8 pollici per iPhone 11 Pro e 6,5 pollici per iPhone 11 Pro Max, i nuovi iPhone hanno le stesse dimensioni dei loro predecessori (iPhone XR, XS e XS Max) . Anche la risoluzione, la densità dei pixel e il rapporto di densità dei pixel sono identici.

iPhone 11

iPhone 11

iPhone XR

Dimensioni dello schermo

6.1 pollici

6.1 pollici

Risoluzione

1.792 x 828

1.792 x 828

Densità di pixel

326ppi

326ppi

Rapporto densità pixel

2

2

iPhone 11 Pro

iPhone 11 Pro

iPhone XS

Dimensioni dello schermo

5,8 pollici

5,8 pollici

Risoluzione

2.436 x 1.125

2.436 x 1.125

Densità di pixel

458ppi

458ppi

Rapporto densità pixel

3

3

iPhone 11 Pro Max

iPhone 11 Pro Max

iPhone XS Max

Dimensioni dello schermo

6,5 pollici

6,5 pollici

Risoluzione

2.688 x 1.242

2.688 x 1.242

Densità di pixel

458ppi

458ppi

Rapporto densità pixel

3

3

Nessun cambiamento nelle dimensioni dei dispositivi è un'ottima notizia per i designer e gli esperti di email marketing. Se hai utilizzato query multimediali specifiche per indirizzare ciascuno degli iPhone di Apple in passato, funzionano altrettanto bene con i modelli più recenti di Apple.

Se non scegli come target dimensioni specifiche ma utilizzi un punto di interruzione per attivare stili reattivi, non è necessario apportare alcuna modifica poiché tale punto di interruzione è lo stesso dei precedenti modelli di iPhone : 414 px. L'impostazione della query multimediale per scegliere come target la larghezza massima del dispositivo: 414 px farà in modo che gli stili reattivi vengano mostrati su tutti e tre i nuovi modelli di iPhone.

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

La modalità oscura sta arrivando sugli iPhone di Apple

L'anno scorso, Apple ha introdotto la modalità Dark nel suo sistema operativo desktop , consentendo agli utenti di MacOS Mojave di passare a una tavolozza di colori più scura per tutte le finestre, le visualizzazioni, i menu e i controlli, rendendo l'interfaccia più adatta per lavorare in ambienti con scarsa illuminazione o in notte.

Con iOS 13, questa popolare funzionalità arriverà anche sugli iPhone di Apple. Diamo un'occhiata a come ciò potrebbe influire sulle tue e-mail.

La Posta in arrivo di iOS in iOS 13 in modalità Scuro e Luminoso

Come vengono visualizzate le e-mail in modalità oscura su iOS 13

La buona notizia prima: simile alla modalità oscura per MacOS, la nuova modalità oscura sugli iPhone di Apple non ha alcun impatto sulle e-mail HTML per impostazione predefinita. La modalità oscura viene applicata solo alle e-mail personali e di testo normale. Anche se non hai definito un colore di sfondo nell'e-mail HTML, lo sfondo viene comunque visualizzato come bianco. Quindi non devi preoccuparti che la modalità oscura incasini il tuo codice o l'esperienza di rendering per le normali e-mail HTML fuori dalla scatola.

iOS 13 Dark Mode: le e-mail di testo normale vengono visualizzate con uno sfondo scuro, mentre le e-mail HTML non sono interessate.

Tuttavia, gli sfondi e-mail dai colori vivaci possono creare un'esperienza molto sconcertante per gli abbonati che leggono l'e-mail in modalità oscura. Avere lo schermo che passa dalla visualizzazione della casella di posta oscura a un'e-mail davvero brillante (e viceversa) è estenuante per gli occhi e non è un'ottima esperienza di lettura per l'abbonato.

Quindi cosa puoi fare per migliorare l'esperienza di lettura? Con la Dark Mode su MacOS, i designer e gli sviluppatori di posta elettronica non hanno avuto l'opportunità di prendere di mira la Dark Mode in modo specifico. Invece, tutto ciò che potevano fare era optare per scelte di colore che funzionassero bene sia in viste luminose che scure.

Con iOS 13, tuttavia, gli sviluppatori di posta elettronica sono in grado di scegliere come target la modalità oscura e offrire un'esperienza personalizzata per gli abbonati che si aprono in modalità oscura.

Come scegliere come target la modalità oscura su iOS 13

Come ha notato l' emailgeek Thomas Steiner mentre giocava con la versione beta di iOS 13 questa estate, Apple introduce una nuovissima query multimediale che ti consente di indirizzare in modo specifico i client di posta elettronica impostati sulla modalità oscura.

I nostri esperimenti mostrano anche che prendere di mira la modalità oscura su iOS è sorprendentemente semplice:

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

Utilizzando questa media query, puoi impostare stili personalizzati che si applicano solo quando la tua email viene aperta in un client impostato su Dark Mode. Ciò significa che puoi utilizzare diversi colori di sfondo, colori dei caratteri o persino immagini per gli abbonati che si aprono in modalità oscura.

Vuoi vederlo in azione?

Ecco una delle nostre recenti e-mail webinar ottimizzate per iOS 13 Dark Mode:

Una volta aperta in iOS 13 Dark Mode, l'e-mail verrà visualizzata con uno sfondo scuro. Inoltre, per assicurarci che tu possa ancora vedere il logo Litmus sullo sfondo scuro, abbiamo impostato questa email per utilizzare una versione diversa del nostro logo, quella che utilizza un carattere bianco, per garantire che sia leggibile e abbia un bell'aspetto in modalità oscura . Puoi controllare il codice email completo qui .

Inizia oggi a testare le tue email in iOS 13

Le anteprime di Litmus Email per l'iPhone 11 sono disponibili nel tuo account Litmus, quindi puoi iniziare subito il test. Non sei ancora un cliente di tornasole? Inizia oggi stesso con Tornasole.