Come ottimizzare i design della tua newsletter per la modalità oscura

Le e-mail sono l'ancora di salvezza di una campagna di marketing. Nessun marketer accetterà di lanciare una campagna senza una strategia di email marketing. E questo non è perché sono abituati o non vogliono innovare.

Ma perché segue l'antico detto “Non aggiustare qualcosa se non è rotto”. L'email marketing o le tue newsletter possono portarti il ​​ROI più alto che tu possa mai immaginare. E funziona per i consumatori di ogni fascia demografica, vecchi o giovani.

Il mondo del marketing delle newsletter ha visto una navigazione abbastanza regolare da molto tempo ormai. Tuttavia, si verifica un leggero problema a causa di una funzionalità che è entrata in gioco 4 anni fa.

Sì, stiamo parlando della modalità oscura. Ma perché ora è un grosso problema? È in giro da un po' ormai? Se hai acquistato uno smartphone di recente, il primo sguardo alla tua casella di posta elettronica ti avrebbe fatto pensare "perché lo sfondo dell'email è nero"?

Le aziende di smartphone hanno ora iniziato a rendere la modalità oscura l'impostazione predefinita, il che significa che i numeri di adozione (che sono già alti) aumenteranno ulteriormente.

Quindi è giunto il momento di creare una strategia di progettazione per ottimizzare le tue newsletter per la modalità oscura. Ed è esattamente ciò che questo blog di Kimp ti aiuterà a raggiungere.

Ma, prima ancora, un po' di storia e un breve riepilogo su tutto ciò che riguarda la modalità oscura.

L'evoluzione e la crescente popolarità della modalità oscura

Il preferito di Internet e il nostro cosiddetto salvatore della salute in questo periodo ricco di risorse digitali è ancora il nuovo arrivato. Anche TikTok è più vecchio della modalità oscura e questo sta dicendo qualcosa.

Se vuoi un po' di storia su ciò che ha dato il via all'intero episodio della passione per la modalità oscura, tutto è iniziato con un aggiornamento Apple. Sì, Apple è il motivo per cui esiste la modalità oscura. Apple ha lanciato la modalità oscura durante il lancio della quindicesima serie di macOS Mojave a settembre 2018. Quindi, un anno dopo, era disponibile su Gmail per dispositivi Android e iOS, incluso iOS Mail.

L'aggiornamento per Outlook è arrivato poco dopo, a giugno 2019, con la sua versione 1907 del canale Insider che è diventata la prima a ottenerlo. Successivamente l'hanno implementato per tutti i prodotti a giugno 2020.

Ma qual è la modalità oscura?

Sappiamo di sentire molto il termine, ma non tutti sanno di cosa si tratta esattamente.

La modalità oscura è molto più dello spazio bianco su uno schermo che diventa nero. È essenzialmente una funzione che inverte il colore di qualsiasi design o schermo per rendere lo sfondo più scuro e cambiare il colore, gli elementi dell'interfaccia utente, le icone e altri design in elementi di colore chiaro.

Quindi ora sai che non si tratta di un solo elemento di design. È un'intera esperienza in sé.

Perché l'improvviso interesse per la modalità oscura tutto intorno?

Bene, il ronzio cresce da alcuni anni, ma l'industria ritiene che la pandemia di COVID-19 abbia accelerato la sua crescita. Come?

Bene, il nostro tempo sullo schermo era sempre ridicolo, ma quando l'esterno chiudeva ufficialmente, le persone non avevano altra scelta che trovare conforto nelle esperienze virtuali. Ciò significava passare molto tempo sugli schermi di tutti i dispositivi. Alla fine, questo ha portato a mal di testa, mal di schiena e molti altri disturbi.

Sebbene la maggior parte dei problemi richieda aggiustamenti a lungo termine, il passaggio alla modalità oscura ha aiutato le persone a evitare la luce intensa, l'abbagliamento e il conseguente impatto sugli occhi e sul sistema nervoso dello schermo.

Ciò significava anche che la modalità oscura non era solo per schermi mobili e ne estendeva la presenza anche a desktop e altri dispositivi intelligenti come iPad e tablet.

Perché ottimizzare il design delle newsletter per la modalità oscura?

Sappiamo che i clienti lo adorano. Quasi il 92% degli utenti Android e oltre l'80% degli utenti MacOS preferisce la modalità oscura. E questo deve essere uno dei motivi principali per cui devi considerare le strategie di ottimizzazione per i progetti delle tue newsletter.

Ma c'è di più.

Anche se i clienti non cercano attivamente la modalità oscura. Come accennato, i nuovi smartphone stanno ora consegnando prodotti con questa modalità come impostazione predefinita. E anche molte app e client di posta elettronica stanno per fare questa mossa.

Quindi, quando questo sta diventando l'impostazione predefinita, se i tuoi progetti non sono compatibili, corri il rischio di perdere un messaggio di grande impatto.

La modalità oscura non sta solo invertendo le disposizioni in bianco e nero. Molti colori non funzionano allo stesso modo, alcune icone non hanno lo stesso aspetto e anche i design non ottimizzati possono influire sulla leggibilità.

Questo è il motivo per cui un sondaggio sulla modalità oscura ci mostra che il 44% degli e-mail marketer sta considerando di sviluppare una UX più oscura e il 28% di loro sta cercando di introdurla presto.

Non vuoi essere l'unico a offrire un'esperienza scadente, vero?

Ciò può comportare una perdita di abbonati, un aumento del ROI e molte rielaborazioni quando è troppo tardi.

Quindi inizia ora e stai al passo con la curva.

7 modi per ottimizzare i design delle tue newsletter per la modalità oscura

Ora che il motivo della popolarità della modalità oscura è stato scoperto, passiamo al problema in questione. Lavorare con la modalità oscura non è un compito facile. Molte delle linee guida e dei modelli di progettazione devono uscire dalla finestra o adattarsi.

Ma come azienda, può essere fonte di confusione tenere traccia di tutte le modifiche che devi apportare. Né dovresti fidarti ciecamente di ciò che un designer potrebbe dirti.

Quindi ecco un elenco curato di modifiche e tecniche di ottimizzazione di cui hai bisogno per assicurarti che i design delle tue newsletter funzionino bene con la modalità oscura. Con questo blog di Kimp, sarai in grado di criticare e apprezzare i progetti forniti dal tuo team.

Iniziamo.

1. Scegli lo stile di design giusto

Se stai iniziando il tuo viaggio nell'email marketing ora, allora hai un'opportunità d'oro nelle tue mani. Puoi modellare il design per renderlo compatibile con la modalità oscura. Di solito, i marchi che lo fanno da un po' di tempo hanno molti vincoli come lo stile del design, le immagini obbligatorie o i design del marchio.

Affinché l'ottimizzazione della modalità oscura abbia successo, sono necessari colori, immagini, icone e altri elementi con cui lavorare. Ma la buona notizia è che puoi sempre aggiornarli. Mentre lo stile di design è un po' un problema.

Lo stile di progettazione è importante perché decide il layout, l'organizzazione degli elementi e la consegna generale del messaggio.

Di solito, il miglior stile di design per la modalità oscura è il minimalismo a causa dell'abbondante spazio bianco che incorpora. I design sembrano grandi e affollati su uno sfondo più scuro, ma lo stile di design minimalista non ostacola l'esperienza dell'utente.

Quindi, prova ad adottare uno stile di design minimalista o compatibile con la modalità oscura.

Suggerimento Kimp: uno stile di design minimalista potrebbe non essere l'atmosfera di tutti i marchi. Potresti aver avuto un design di newsletter retrò o basato sulla pop art in precedenza. Il cambio è difficile, quindi lavora con un team di progettazione per vedere come puoi attenuarlo per farlo funzionare in modalità oscura.

Se vuoi creare uno stile di design personalizzato che sia unico per il tuo marchio e tragga ispirazione dagli stili di tendenza, prova oggi Kimp Graphics!

2. Scegli i contrasti di colore secondo gli standard

Lo sfondo più scuro è una sfida per tutti i designer. Uno sfondo bianco o chiaro consente di esplorare diversi colori, giocare con i contrasti e lavorare su diversi allineamenti con vincoli minimi.

Ma la modalità oscura è completamente diversa. Lo sfondo più scuro rende più difficile distinguere alcuni colori e ostacola immensamente la leggibilità. Quindi, indipendentemente dai colori che scegli (ne parleremo più avanti nella prossima sezione), il contrasto gioca un ruolo importante. Questo decide se il design dell'e-mail ha successo in modalità oscura o meno.

Google Material Design consiglia che il livello di contrasto tra lo sfondo e il testo sia almeno di 15,8:1. Questo vale per il testo bianco e lo sfondo nero, indicando che il bianco funziona meglio su sfondi grigio scuro.

Tuttavia, la regola generale è che la regolazione della luminosità e della saturazione dei colori aiuta nella leggibilità. Quindi, pensa al contrasto e assicurati di prevenire il più possibile le vibrazioni visive.

Suggerimento Kimp: i colori possono creare confusione quando vuoi lavorare in modalità oscura. Se vuoi assicurarti che il tuo designer ottenga il colore giusto, visualizza in anteprima e rivedi il design in modalità oscura. Non confrontare i colori della modalità chiara con quelli della modalità scura poiché potrebbe non essere possibile ottenere corrispondenze esatte.

3. Costruisci una tavolozza di colori

Pensiamo che il punto precedente sui contrasti ti abbia suggerito l'importanza di scegliere il colore giusto per i tuoi design in modalità oscura. I colori hanno un aspetto diverso in base allo sfondo, specialmente quando si progetta per il web.

I colori nella modalità RGB ottengono la loro sfumatura in base alla percentuale di ciascun colore (rosso, verde e blu). La percentuale che un designer deve aggiungere per uno sfondo nero rispetto a quella dello sfondo bianco varierà. Ciò significa che le tavolozze esistenti non funzioneranno per la modalità oscura.

Ecco perché ti consigliamo di creare una tavolozza di colori che funzioni meglio per i tuoi progetti di newsletter in modalità oscura. In questo modo, puoi mantenere la coerenza del marchio e non preoccuparti di questo più di una volta.

Quali colori funzionano in modalità scura?

Bene, di norma, i colori troppo saturi si scontrano con lo sfondo nero scuro e lo rendono piuttosto faticoso per gli occhi. Quindi, invece di optare per colori audaci, puoi scegliere i pastelli per un migliore contrasto con lo sfondo scuro. Dal momento che sembreranno anche più scuri, lo stile del design non cambia troppo.

Parlando di sfondi, non è necessario scegliere solo il nero scuro. Puoi sperimentare anche con il grigio scuro, purché gli altri colori funzionino con esso.

Suggerimento Kimp : se prevedi di cambiare i colori per renderli più adatti alla modalità scura, non apportare troppe modifiche immediatamente. Prova alcuni modelli su alcune e-mail transazionali e di routine. Analizza l'impatto in termini di CTR, tempo di lettura e così via prima di effettuare il passaggio.

Inoltre, non dimenticare che il processo di inversione del colore varia a seconda dei client di posta elettronica, quindi assicurati che il tuo team di progettazione progetti separatamente per ciascuna piattaforma.

Con l'abbonamento illimitato al servizio di progettazione di Kimp Graphics, sperimentare non ti costa nulla in più.

4. Selezione del carattere

Ogni design ha tre elementi principali: colore, carattere e immagini. Abbiamo coperto il colore, quindi passiamo ora al carattere.

La più grande seccatura che i designer hanno con la modalità oscura è che influisce in larga misura sulla leggibilità. E l'impatto maggiore è di solito sul testo. Il testo bianco su sfondi più scuri rende il carattere più audace e più grande. Ciò si traduce in un layout di design molto stridente e affollato.

Questo è il motivo per cui consigliamo di pianificare la modalità oscura in dettaglio al di là delle solite modifiche apportate a tutti.

Quindi, in termini di selezione dei caratteri, consigliamo di scegliere uno spessore del carattere più leggero in modo che il risultato in modalità scura sia la giusta quantità di audacia. In questo modo, lo stile di design generale non subisce molto.

Suggerimento Kimp: se ritieni che la versione più leggera del carattere che usi generalmente non funzioni per i tuoi progetti di branding, ti consigliamo di creare caratteri personalizzati. Sì, in questo modo puoi trarre ispirazione dal carattere precedente ma modificarlo per adattarlo al tuo marchio e alle espressioni di design.

Evita le vibrazioni visive con un design accurato in modalità oscura e caratteri personalizzati. Iscriviti per un abbonamento Kimp Graphics per ottenerlo ora!

5. Aggiorna gli elementi di design per lavorare in modalità oscura

Abbiamo coperto il colore e il carattere, ma il design di una newsletter ha anche molti altri elementi. E questo include icone, loghi, nomi di marchi, immagini e così via. Anche questi devono funzionare bene in modalità oscura affinché il design abbia successo.

Ora, se guardi gli esempi che abbiamo di seguito, puoi vedere come le icone con sfondi scuri hanno un aspetto molto diverso in modalità oscura rispetto alla modalità luce. A volte, il tuo logo può anche scomparire quando il consumatore visualizza l'e-mail in modalità oscura. Quindi, il tuo design deve avere elementi che funzionino bene con questa modalità.

Come si fa a farlo?

• Bene, per cominciare, inizia utilizzando file png con sfondi trasparenti per icone, loghi, stili di marca e così via.
• Se l'elemento stesso ha uno sfondo scuro o è di colore nero come il logo TikTok, considera l'aggiunta di un tratto bianco al design nero. Questo aggiunge peso al design e lo separa dallo sfondo.
• Alcuni design di newsletter hanno anche il testo sovrapposto alle immagini di sfondo. Se il tuo testo è bianco, la modalità scura verrà invertita in nero. Quindi scegli un'immagine di sfondo che non si scontra. In caso contrario, considera l'aggiunta di uno strato tra di loro.

Suggerimento Kimp: se sei una piccola impresa che inizia i progetti di branding, assicurati che il tuo team di progettazione crei risorse che funzionino bene in modalità oscura. Per non dire, non puoi avere loghi neri, ma assicurati che ti diano il file png.

Lo sapevate? Con Kimp Graphics, hai la proprietà completa di tutti i file e condividiamo i progetti in tutti i formati in modo che tu possa trarne il massimo.

6. Non dimenticare le tue illustrazioni

Viviamo in un'epoca in cui il design grafico si è allontanato dalle immagini d'archivio o persino dalle fotografie nelle e-mail. Sì, illustrazioni e scarabocchi sono le tendenze attuali, e con buone ragioni. Mettono in mostra la personalità del tuo marchio nel miglior modo possibile e non devi rinunciare a tutti i costi.

Ma poiché le illustrazioni del marchio sono dotate di colori preimpostati, rappresentano una sfida quando ottimizzi la tua newsletter per la modalità oscura. Ma non impossibile da fare. Se il tuo marchio non può resistere al cambiamento del colore delle illustrazioni per motivi di branding, un team di progettazione professionale può aiutarti.

Possono separare lo sfondo con l'illustrazione in primo piano e cambiare i livelli in modo che il design funzioni bene in modalità scura.

E se stai progettando nuove illustrazioni, assicurati di includere la compatibilità con la modalità oscura nel brief di progettazione. E lavora con il team di progettazione per scegliere colori pastello e non saturi per l'illustrazione.

7. Prova, prova, fino alla perfezione

L'ultimo e il passaggio più importante nell'ottimizzazione dei design delle newsletter per la modalità oscura è sperimentare fino a quando non lo fai bene. Poiché ogni client di posta elettronica esegue il rendering dell'e-mail in modalità oscura in modo diverso, è praticamente impossibile farlo correttamente la prima volta. Per non parlare del fatto che il colore varia da uno schermo all'altro, così come l'esperienza dell'utente.

Ma se ti impegni a testare, analizzare e sperimentare, allora sei sulla strada giusta.

Controlla tu stesso l'e-mail su tutti i dispositivi e le modalità buio/luce. Comprendere come varia il colore, il carattere e la resa dell'immagine. Torna al tavolo da disegno o alla riunione del team di progettazione per lavorare sui problemi.

Progetta newsletter compatibili con la modalità oscura con Kimp

Sei orgoglioso delle tue campagne di newsletter? Ti piace creare contenuti per esso ogni giorno? Siamo così felici di sapere questo e dovresti continuare a farlo. Non lasciarti scoraggiare dai cambiamenti negli stili o nelle tendenze del design.

Kimp è qui per gestire tutto questo per te. Sì, sappiamo che trovare lo stile di design perfetto per la modalità oscura è un processo lungo, ma siamo d'accordo con te. I nostri servizi di progettazione illimitati (Kimp Graphics e Kimp Video) sono progettati appositamente per questi scenari. In modo che tu possa sperimentare e ottenere il miglior design senza preoccuparti del budget.

Quindi iscriviti oggi stesso ai nostri abbonamenti e inizia a ottimizzare!