Quello che tutti gli esperti di marketing devono sapere sull'e-mail in modalità oscura

Pubblicato: 2022-06-29

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 mal di testa per gli e-mail marketer.

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

In questo post, esamineremo alcune delle nozioni di base che vorrai sapere 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 impostato per impostazione predefinita la visualizzazione di contenuti con uno sfondo bianco e testo nero. Per i nostri scopi qui, chiameremo questa "modalità luce".

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

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

Bene, 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, provoca affaticamento degli occhi.

Bright Screens affaticamento della vista digitale

Fonte: Weekdone

Non è solo la luminosità che può essere dannosa. Le emissioni di luce blu dagli schermi bianchi impediscono al tuo corpo di produrre melatonina, che può eliminare 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 di attivare automaticamente un filtro per la luce blu dopo una certa ora ogni giorno.

Le e-mail e le app in modalità oscura offrono una scelta diversa. Invece di modificare la tonalità del bianco, puoi semplicemente cambiare l'intero tema in nero o grigio scuro ed eliminerà la dannosa luce blu - facile 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 il consumo della batteria nei dispositivi con schermi OLED. Con gli OLED, i pixel scuri non vengono illuminati sullo schermo perché sono neri. Con gli schermi LCD e LED standard, tuttavia, i pixel scuri richiedono ancora la durata della batteria.

Quali client offrono e-mail in modalità oscura?

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

Non è necessariamente che non vogliano offrirlo, ma è difficile implementare una versione oscura esteticamente gradevole perché ogni campagna e-mail è 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:

  • App Gmail (iOS e Android)

  • App Outlook (iOS e Android)

  • Apple Mail (desktop)

  • Outlook 2019 (Mac, Windows e Web)

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

Che aspetto ha l'e-mail in modalità oscura?

Come per tutte le e-mail, dipende.

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

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

Modalità oscura di TwitterUno screenshot di una descrizione del telefono cellulare generata automaticamente

Fonte: Twitter

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

Modalità scura di Facebook e redditSchermata di una descrizione del computer 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 Microsoft

Fonte: blog Microsoft

Ecco il problema dell'e-mail 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 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 un po': solo il tema Gmail diventa scuro.

Ecco come appare nell'app desktop di 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à oscuramento parziale

Con l'e-mail in modalità scura parziale, il client identifica gli sfondi chiari e li imposta automaticamente su scuri (passando al tempo stesso 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 email, indipendentemente da come è progettata, e inverte completamente il CSS.

Ciò significa che se progetti 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.

Anche i client popolari come Gmail e Outlook non ti consentono di indirizzare gli utenti in modalità oscura. Si spera che, quando gli sviluppatori di posta elettronica inizieranno ad adattarsi, i client di posta cambieranno il loro codice per trovare una modalità oscura adatta a tutti.

Progettazione per e-mail 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 da fondere 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à scura inverte i colori, può sfatare un design ponderato.

Guarda come cambiano leggermente i colori in questa email.

Design in modalità oscura parziale

Fonte : Medio

Il giallo brillante in modalità luce passa al marrone in modalità scura. Nel frattempo, lo sfondo verde acqua nell'immagine Samsung risalta in modalità scura perché il colore dello sfondo dell'e-mail 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 rivestimento si fonde con lo sfondo bianco dell'e-mail.

Con la modalità oscura, tuttavia, quel rivestimento spicca. Di solito non è un grosso difetto, ma può far sembrare le tue email un po' disordinate.

Vedi la differenza con queste icone dei social media?

modalità oscura delle icone dei social media

Fonte: monitoraggio della campagna

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

Ottimizzazione del testo per e-mail in modalità oscura

Molti marchi utilizzano semplici loghi neri. Quando aggiungi uno sfondo trasparente e metti il ​​logo su uno sfondo nero, il tuo logo diventa invisibile.

Fortunatamente, è una soluzione facile 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 alla grande sia per la modalità scura che per quella chiara perché il bordo scompare quando lo sfondo diventa bianco.

modalità oscura di sitepoint

Fonte: monitoraggio della campagna

Non dimenticare di testare

Come per 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 in 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ò aiutare a mantenere le tue e-mail leggibili e straordinarie su ogni dispositivo.

Incartare

Inchiodare un design di posta elettronica 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 neri pieni.

  • Aggiungi una vignettatura o un filtro attenuato 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 di sempre? Dai un'occhiata a questa guida definitiva per un design efficace delle e-mail.