Tendenze di design e-mail davvero buone: registrazione di webinar + domande e risposte

I tuoi iscritti sono bombardati da migliaia di messaggi su vari canali ed è più difficile che mai far risaltare il tuo marchio. Un modo per tagliare il rumore? Stupiscili con un design di posta elettronica davvero buono .

In questo webinar, abbiamo dato un'occhiata alle tendenze del design della posta elettronica nel corso degli anni. Come appariva la posta elettronica nei primi anni 2000? Quali tendenze si sono unite alla cerchia dei vincitori nel 2019? E cosa sarà enorme nel 2020 o anche nel 2030? Il team di Really Good Emails si è unito a noi per un viaggio nella memoria del design delle e-mail e ci ha aiutato a fare previsioni su ciò che verrà dopo.

Non hai avuto la possibilità di guardare il webinar in diretta? Non preoccuparti. Puoi accedere alla registrazione completa in qualsiasi momento e leggere le domande e risposte di seguito.

Domande e risposte

Un grande ringraziamento a tutti coloro che sono intervenuti durante il webinar con una domanda! Ecco un riassunto delle nostre risposte alle domande più popolari, insieme alla nostra interpretazione di alcune delle domande a cui non siamo arrivati ​​durante il webinar dal vivo. Hai altre domande? Si prega di lasciarli nei commenti.

In che modo queste tendenze del design della posta elettronica differiscono tra B2C e B2B?

Mike Nelson : Queste tendenze sono coerenti tra B2B, B2C e non profit. Solo perché sei in un verticale non significa che non puoi usare le idee di design di un altro. L'unico verticale che sembra avere un proprio tipo di sensazione sono le e-mail del governo, che in genere sono estremamente pesanti.

Qual è il modo migliore per utilizzare lo spazio bianco, ora che la modalità oscura tende a renderlo più difficile?

Mike : Sembra un po' confuso chiamarlo "spazio bianco" quando in realtà significa solo spazio vuoto. In quel contesto, non importa se è bianco o scuro, vuoi solo dare un po' di spazio per ogni elemento.

Lily Worth : Penso che il termine spazio bianco sia spesso considerato come spazio negativo, il che è utile in quanto non è specifico per il colore.

Qualche consiglio su come includere elementi di design visivo più ponderati nelle e-mail in stile testo normale?

Jason Rodriguez : Per le e-mail in stile testo normale, tutto si riduce alla gerarchia, quindi non è solo un lungo blocco di testo che i tuoi iscritti probabilmente non guarderanno. Se riesci a creare la leggibilità creando sezioni con titoli diversi e utilizzando pesi diversi o testo con stili diversi per far risaltare quei titoli, anche questo aiuta.

Mike : A meno che tu non stia scrivendo un articolo di lunga durata e utilizzando la posta elettronica come mezzo, prova a limitare i tuoi paragrafi a solo un paio o poche frasi. Usa gli elenchi puntati dove puoi per riassumere le idee. Usa caratteri speciali come "#################" per creare interruzioni visive tra le idee. Abbiamo alcuni buoni esempi di e-mail in stile testo e lettera in questa raccolta su RGE .

Lily : Sono d'accordo con Jason. L'utilizzo di diverse dimensioni e pesi dei caratteri, e forse un paio di stili di carattere diversi per creare una gerarchia, contribuirà a rendere un'e-mail scansionabile e digeribile. Puoi certamente essere creativo con la tipografia; ci sono alcuni begli esempi di e-mail di solo testo verso la fine del nostro post sul blog sulla tipografia in grassetto .

C'è un modo per rendere accessibili animazioni e GIF animate?

Lily : Un'animazione dovrebbe svolgere un ruolo di supporto, quindi il messaggio chiave e l'invito all'azione dovrebbero esistere all'interno del contenuto scritto . Se un'animazione contiene informazioni separate e importanti, questa dovrebbe essere rappresentata in un tag ALT.

Per l'animazione stessa, le frequenze di lampeggiamento dei contenuti tra 2 Hz e 55 Hz possono danneggiare gli utenti con epilessia fotosensibile. Inoltre, gli utenti ipovedenti potrebbero avere difficoltà a leggere o rivedere il contenuto di una GIF prima che l'animazione cambi. Assicurati che le tue GIF animate abbiano transizioni fluide o non si animino da un fotogramma all'altro a una velocità elevata.

Jason : Le GIF sono di natura molto decorativa per la maggior parte delle campagne. Ma se quella GIF non si carica, se non è presente quando i tuoi iscritti aprono la loro email, allora il tuo messaggio ha ancora senso? Se qualcuno sta usando uno screen reader per leggere la tua email, sarà in grado di capire il tuo messaggio? Come ha detto Lily, se la GIF fornisce un valore non ripetitivo, assicurati di inserire quel messaggio in un tag ALT in modo che tutti gli abbonati abbiano accesso a tali informazioni.

Ci sono strumenti che suggeriresti per creare animazioni e GIF?

Matt Helbig : Stiamo ancora vedendo i marchi utilizzare strumenti come Adobe Photoshop o After Effects. L'aggiunta di alcune animazioni CSS o effetti al passaggio del mouse può essere un buon modo per aggiungere movimento alla tua email con poche righe di codice.

Lily : Per creare le animazioni che presentiamo nelle e-mail di tornasole, utilizziamo Adobe Animate. Questo software ci consente di creare animazioni GIF, PNG e HTML5: coloro che hanno lavorato con Flash in passato troveranno familiare questo software.

Whitney Rudeseal Peet : se stai cercando di implementare PNG animati (APNG) , non è attualmente possibile salvare le animazioni come APNG con Adobe Photoshop o Adobe Animate. Quando includiamo APNG nelle nostre e-mail, utilizziamo Adobe Animate per creare l'animazione, ma esportiamo ogni fotogramma come un singolo PNG. Per convertire tutti quei singoli PNG in un APNG, puoi utilizzare uno strumento come PNG Animator o questa alternativa gratuita da ezgif.com .

Le illustrazioni personalizzate vengono utilizzate da un pubblico B2B e B2C o principalmente B2C?

Mike : Sono quasi pari. Gli esempi che abbiamo usato nel webinar potrebbero essere sembrati più in stile consumer, ma erano tutti di aziende B2B: Mailchimp (che vende servizi di posta elettronica ad altre aziende), HelpScout (che vende tecnologia del servizio clienti alle aziende) e Bulb (che vende energia alle aziende) .

Jason : Come ogni cosa nell'e-mail, dipende dal tuo marchio e dal tuo pubblico e da quale è il tuo obiettivo per ogni campagna. Quindi, se sei in uno di quei settori in cui cose come le illustrazioni personalizzate potrebbero essere percepite come meno serie, non usarle. Ma tieni presente che ci sono anche opportunità per sconvolgere il settore. Marchi come Simple o Stripe nel settore finanziario abbracciano alcune nuove tendenze di design perché possono rappresentare concetti astratti in modo più chiaro e dare un po' di personalità ai loro marchi. Quindi mai dire mai.

Ci sono ancora problemi con il rendering delle funzionalità interattive tra i client di posta elettronica?

Whitney : Per molte aziende, il supporto incoerente e limitato del provider di posta in arrivo è il motivo principale per cui non inviano più e-mail interattive. Sfortunatamente, questo è ancora il caso di funzionalità come effetti al passaggio del mouse e caroselli di immagini interattive. Con questo in mente, se vuoi ancora implementare l'interattività, non devi temere un supporto limitato se hai un fallback in atto. Per iniziare, dai un'occhiata al nostro post sul blog sui fallback per l'e-mail interattiva .

Che dire della modalità oscura offre una migliore esperienza di accessibilità?

Mike : Ci sono ancora molte ricerche in corso in questo spazio. Dire che "Modalità oscura" è più facile per gli occhi come un'affermazione generale non è corretto, ma aiuta alcuni e, in alternativa, potrebbe essere peggio per altri come quelli con gravi astigmatismi. Per coloro che hanno problemi a dormire, è stato dimostrato che l' uso della modalità oscura la sera è più utile degli schermi più luminosi, che possono influire sui ritmi circadiani. La modalità oscura è anche comunemente vista come meno distratta e utilizzata per aiutare le persone a concentrarsi . Ma se il contrasto è troppo forte, ad esempio uno sfondo nero vero e un testo bianco autentico, è più difficile da leggere per le persone con dislessia. Questo può essere mitigato usando ancora uno sfondo scuro, ma usando qualcosa come il grigio scuro con un colore crema per il carattere.

Come pensi che queste tendenze del design potrebbero funzionare con un pubblico più anziano, 65+?

Mike : Non ne abbiamo parlato in modo specifico, ma le e-mail che abbiamo mostrato nel webinar e che stiamo vedendo su Really Good Emails stanno aumentando significativamente la dimensione dei caratteri rispetto a pochi anni fa. Questo è qualcosa che abbracciano i dati demografici più anziani. C'è anche familiarità con dove si dirigono le tendenze con il Bauhaus e il design svizzero.

Lily : Come suggerisce Mike, è probabile che gli stili retrò che saranno popolari nel 2020 siano nostalgici per una fascia demografica più anziana. È probabile che anche la semplificazione sia utile per il tuo pubblico poiché le e-mail diventano ancora meno ingombranti, rendendo il messaggio e l'invito all'azione molto più facili da leggere e comprendere.

Sebbene la tipografia sia un ottimo modo per distinguersi, è difficile giustificare il fatto che molti caratteri non siano supportati dai client di posta elettronica. Pensi che questo cambierà presto?

Lily : Sfortunatamente, non è possibile sapere se verrà implementato più supporto per i caratteri web, ma sicuramente vorremmo che ciò accadesse. Questo pratico strumento può aiutarti a trovare il fallback giusto da usare con il tuo font web, nel frattempo.

Come pensi che si evolverà la personalizzazione quando si tratta di alcune di queste nuove tendenze?

Matt : Ci aspettiamo di vedere più marchi personalizzare ogni sezione di un'e-mail. I clienti si scambieranno i dati per una migliore esperienza. Rapporti di facile comprensione, offerte uniche e riconoscimenti fanno sentire i clienti VIP. Gli e-mail marketer dovrebbero trasformare i dati dei clienti in ciò che è più utile e rilevante per gli abbonati.

Inoltre, ecco tutte le collezioni Really Good Emails per le tendenze che abbiamo trattato nel webinar:

• Illustrazioni personalizzate
• Design visivo più attento
• Disegni più scuri
• Colori più audaci
• Email animate