Quello che tutti i professionisti del marketing devono sapere sull'e-mail in modalità oscura

Pubblicato: 2021-08-18

In questi giorni, anche le app stanno capitalizzando la tendenza goth.

Più seriamente, stiamo parlando della modalità oscura. I sistemi operativi hanno sempre offerto schemi di colori invertiti, ma le e-mail e le app in modalità oscura sono leggermente diverse.

Sebbene molti utenti siano entusiasti della modalità oscura, ha creato un po' di grattacapi per gli e-mail marketer.

Avrai sicuramente notato che ogni client di posta elettronica può visualizzare la stessa campagna in modo diverso. Bene, l'introduzione della modalità oscura aggiunge un altro livello all'equazione.

In questo post, esamineremo alcune delle nozioni di base che vorrai conoscere prima di ottimizzare le tue campagne e-mail per la modalità oscura.

Cos'è la modalità oscura e perché le persone la usano?

Per anni, i sistemi operativi e le app hanno mostrato per impostazione predefinita i contenuti con uno sfondo bianco e un testo nero. Per i nostri scopi qui, chiameremo questa "modalità luce".

La modalità Light è ancora l'opzione predefinita per la maggior parte delle app e dei sistemi, ma sta perdendo il favore di molti utenti esperti di Internet, specialmente quelli che trascorrono la maggior parte della giornata online.

Nuovi dati mostrano che la persona media trascorre più di 44 ore ogni settimana online. Per molte persone, sei ore su un computer o un laptop non sono niente.

Si scopre che fissare gli schermi tutto il giorno non fa bene ai nostri occhi. Troppo tempo davanti allo schermo, che si tratti di una TV, di un telefono o di un laptop, causa affaticamento degli occhi.

Schermo luminoso digitale affaticamento degli occhi

Fonte: Weekdone

Non è solo la luminosità che può essere dannosa. Le emissioni di luce blu dagli schermi bianchi impediscono al corpo di produrre melatonina, che può alterare il ritmo circadiano e il ciclo del sonno. Considerando che fino alla metà degli americani soffre di insonnia cronica o acuta, potremmo tutti migliorare la nostra igiene del sonno.

Molti telefoni e sistemi operativi ora consentono di passare a una tonalità più calda per ridurre la luce blu o attivare automaticamente un filtro per la luce blu dopo una certa ora ogni giorno.

La posta elettronica e le app in modalità oscura offrono una scelta diversa. Invece di modificare la tonalità bianca, puoi semplicemente cambiare l'intero tema in nero o grigio scuro ed eliminerà la dannosa luce blu: facile.

Diverse app popolari come Reddit, Facebook Messenger, Twitter e WhatsApp offrono opzioni di modalità oscura integrate. Facebook Messenger ha lanciato per la prima volta la modalità oscura come un uovo di Pasqua che puoi attivare inviando un'emoji, ma ora chiunque può attivarla nelle impostazioni dell'app.

Alcune app per smartphone offrono modalità scure, ma gli utenti devono cambiare il tema Apple o Android in questa modalità. In altre parole, non è offerto tramite le impostazioni dell'app.

Le e-mail e le app in modalità oscura sono utili anche per ridurre drasticamente il consumo della batteria nei dispositivi con schermi OLED. Con gli OLED, i pixel scuri non sono illuminati sullo schermo perché sono neri. Con schermi LCD e LED standard, tuttavia, i pixel scuri richiedono ancora la durata della batteria.

Quali client offrono la posta elettronica in modalità oscura?

I client di posta elettronica sembrano riluttanti ad accettare la modalità oscura.

Non è necessariamente che non lo vogliano offrire, ma è difficile implementare una versione oscura esteticamente gradevole perché ogni campagna email è codificata in modo diverso.

Alcuni client di posta elettronica offrono la modalità oscura come impostazione specifica che puoi attivare all'interno dell'app. Nel frattempo, altri client richiedono di modificare le impostazioni del sistema operativo prima che l'app passi automaticamente alla modalità oscura.

Ecco i client e le app che sappiamo offrono la modalità oscura in questo momento:

  • Applicazione Gmail (iOS e Android)

  • Applicazione Outlook (iOS e Android)

  • Posta Apple (desktop)

  • Outlook 2019 (Mac, Windows e Web)

Noterai anche che mentre Gmail potrebbe non offrire una specifica "modalità scura", ti consente di cambiare il tema dai toni chiari a quelli scuri.

Che aspetto hanno le email in modalità oscura?

Come per tutte le cose che riguardano la posta elettronica, dipende.

Con le app, la modalità oscura è semplice. Gli sviluppatori cambiano semplicemente alcuni pezzi CSS e consentono agli utenti di scegliere.

Twitter offre due versioni della modalità oscura: luci spente e attenuate.

Twitter modalità oscuraUno screenshot di un telefono cellulare Descrizione generata automaticamente

Fonte: Twitter

Ecco come appare la modalità oscura su Facebook Messenger e Reddit.

Facebook e reddit modalità oscuraSchermata di un computer Descrizione generata automaticamente

Fonte: Facebook, Reddit

In un mondo perfetto, l'e-mail in modalità oscura assomiglierebbe esattamente a questa grafica del blog Microsoft.

Modalità oscura del blog di Microsoft

Fonte: Microsoft Blog

Ecco il problema della posta elettronica in modalità oscura: i client di posta elettronica non hanno scelto una versione specifica da utilizzare. Sembra che ci siano tre tipi specifici di modalità oscura che stiamo vedendo su diversi client di posta elettronica.

1. Nessun cambiamento di colore

Innanzitutto, abbiamo il rendering delle e-mail con il loro codice HTML univoco mentre il client di posta elettronica mantiene un tema in modalità oscura.

Nel caso di Gmail per desktop, il contenuto delle e-mail non cambia di un bit: solo il tema di Gmail diventa scuro.

Ecco come appare nell'app desktop Gmail.

Modalità oscura di Gmail

Modalità oscura di Gmail

Fonte: Gmail

Per Apple, sembra che le e-mail di testo normale attivino il passaggio dalla modalità chiara a quella scura, ma non le e-mail HTML.

2. Modalità oscura parziale

Con l'e-mail in modalità oscura parziale, il client identifica gli sfondi chiari e li trasforma automaticamente in scuri (mentre si cambia il testo scuro in chiaro).

La progettazione di una campagna e-mail con uno sfondo scuro non cambierà se un abbonato ha attivato la modalità oscura, in questo caso.

Design in modalità oscura

Fonte: tornasole

3. Modalità oscura completamente invertita

Infine, la modalità completamente oscura prende di mira ogni e-mail, indipendentemente da come è progettata, e inverte completamente il CSS.

Ciò significa che se si progetta un'e-mail per la modalità oscura con uno sfondo nero, il client di posta elettronica la riporterà al bianco.

Questa è la versione della modalità oscura che molti usano.

Neanche i client più diffusi come Gmail e Outlook ti consentono di scegliere come target gli utenti in modalità oscura. Si spera che, man mano che gli sviluppatori di posta elettronica inizieranno ad adattarsi, i client di posta elettronica cambieranno il loro codice per trovare una modalità oscura adatta a tutti.

Progettare per la posta elettronica in modalità oscura

L'elemento di design più importante da ricordare è che il colore di sfondo passerà al nero.

È comune per i designer scegliere immagini che hanno elementi parzialmente bianchi per fondersi con lo sfondo dello schermo. Altre volte, i designer creeranno immagini con un colore specifico e utilizzeranno lo stesso colore per lo sfondo in modo che appaia senza soluzione di continuità.

Se la modalità oscura inverte i colori, ciò può creare un design accurato.

Guarda come i colori cambiano leggermente in questa email.

Design in modalità oscura parziale

Fonte : Medio

Il giallo brillante in modalità chiara passa al marrone in modalità scura. Nel frattempo, lo sfondo verde acqua nell'immagine Samsung si distingue in modalità scura perché il colore di sfondo dell'email diventa più scuro.

Creazione di immagini per e-mail in modalità oscura

È un'idea intelligente utilizzare il più possibile immagini con sfondi trasparenti.

Quando non puoi controllare il colore di sfondo, vorrai che le tue foto e i tuoi loghi rimangano puliti. Quindi la trasparenza è la strada da percorrere.

Ancora una volta, la maggior parte dei designer utilizza loghi e immagini con rifiniture bianche attorno al bordo. Normalmente, questo non è un problema perché il taglio si fonde con lo sfondo bianco dell'e-mail.

Con la modalità oscura, tuttavia, questo assetto risalta. Di solito non è un grosso difetto, ma può far sembrare le tue e-mail un po' disordinate.

Vedi la differenza con queste icone dei social media?

icone social media modalità oscura

Fonte: Monitoraggio campagna

Vale anche la pena aggiungere un filtro oscurante su tutte le immagini luminose che potrebbero sembrare abbaglianti in modalità scura.

Ottimizzazione del testo per e-mail in modalità oscura

Molti marchi utilizzano semplici loghi neri. Quando aggiungi uno sfondo trasparente e lanci il logo su uno sfondo nero, questo rende il tuo logo invisibile.

Fortunatamente, è una soluzione semplice con un po' di pianificazione.

Se hai a che fare con un logo o un'intestazione completamente nera, aggiungi un bordo bianco in modo che venga visualizzato su sfondi neri nell'e-mail in modalità oscura.

L'aggiunta di un bordo bianco funziona benissimo sia per la modalità scura che per quella chiara perché il bordo scompare quando lo sfondo diventa bianco.

modalità oscura sitepoint

Fonte: Monitoraggio campagna

Non dimenticare di testare

Come con tutto l'email marketing, e soprattutto quando si tratta di modalità oscura, assicurati di non inviare le tue campagne senza eseguire molti test.

Ricorda che i client di posta elettronica e le app non hanno ancora trovato la loro strategia ideale per la modalità oscura, quindi aspettati che gli standard e gli stili CSS cambino alcune volte.

Inoltre, l'e-mail in modalità oscura ha un aspetto diverso sui client di tutti. Tuttavia, l'esecuzione di test in modalità chiara e scura può aiutarti a mantenere le tue e-mail leggibili e straordinarie su tutti i dispositivi.

Incartare

Definire un design e-mail coerente può già essere una sfida e le funzionalità di posta elettronica in modalità oscura non aiutano. Fortunatamente, puoi conoscere quali client di posta elettronica utilizzano i tuoi abbonati e seguire alcune best practice per rendere le tue e-mail fantastiche.

  • Includi un contorno bianco attorno al testo o ai loghi in nero pieno.

  • Aggiungi una vignettatura o un filtro scuro a qualsiasi immagine luminosa.

  • Prova a utilizzare immagini, loghi e foto con sfondi trasparenti.

  • Evita di fondere le immagini con i colori di sfondo.

  • Esegui molti test.

Vuoi migliorare il tuo design e inviare le tue migliori email ancora? Dai un'occhiata a questa guida definitiva per un design efficace della posta elettronica.