Ciò che ogni marketer deve sapere sul layout della posta elettronica

Pubblicato: 2021-08-18

Ecco la verità: non c'è un grande segreto per creare un layout di posta elettronica vincente.

Una grande e-mail è come una sinfonia. Decine di pezzi lavorano insieme, alcuni dietro le quinte, altri visibili, per creare un'esperienza straordinaria e funzionale.

Anche il tuo layout può avere un impatto diretto sui tuoi profitti.

Un terzo delle persone afferma che il cattivo design è il loro più grande reclamo via e-mail. Nel frattempo, il 66% delle persone afferma che incorrere in problemi come e-mail mal progettate, contenuti generici o e-mail non ottimizzate per i dispositivi mobili impedirà loro di spendere soldi con un marchio.

Torniamo alle origini. In questo post, esamineremo le migliori pratiche e le tendenze del layout e-mail per il 2020 in modo che tu possa stupire i tuoi abbonati e aumentare le conversioni.

13 Best practice per il layout delle email per stupire i tuoi iscritti nel 2020

I layout delle e-mail possono essere complicati, quindi abbiamo suddiviso le cose in suggerimenti digeribili (con esempi).

1. Il cellulare è un must

Circa il 54% di tutte le e-mail viene aperto su dispositivi mobili, ma i diversi gruppi di età hanno abitudini uniche.

statistiche sui dispositivi mobili

Fonte: DMA

Come puoi vedere, le persone sotto i 35 anni tendono ad aprire le e-mail sui loro smartphone, mentre la folla dai 55 anni in su preferisce laptop e desktop.

Anche in questo caso, le persone spesso aprono la stessa e-mail più volte su dispositivi diversi. Ad esempio, un'ampia maggioranza in tutte le fasce d'età non fa clic sull'invito all'azione (CTA) per completare un acquisto. Aspettano di essere su un desktop o navigano direttamente sul sito Web del marchio.

esempio di statistica

Fonte: DMA

Per creare un'esperienza senza interruzioni, dovrai decidere se vuoi creare e-mail ottimizzate per dispositivi mobili o e-mail reattive.

È importante conoscere la differenza tra i due:

  • Le e-mail ottimizzate per i dispositivi mobili hanno lo stesso aspetto su tutti i dispositivi, ma si basano su funzionalità come i layout a colonna singola

  • Le e-mail reattive sono dinamiche: il layout cambia in base a dove un abbonato apre l'e-mail

2. Dai priorità all'accessibilità del layout della posta elettronica

Circa 12 milioni di persone con più di 40 anni negli Stati Uniti soffrono di qualche tipo di disabilità visiva. Nel frattempo, l'8% degli uomini e il mezzo percento delle donne soffrono di daltonismo o carenza di colore.

È importante rendere i tuoi layout accessibili a tutti. Considera questi suggerimenti:

  • Evita le immagini lampeggianti per le persone con epilessia

  • Segmenta la tua lista di iscritti in base all'età e progetta e-mail uniche per gruppi di età superiore a 40 e 65 anni

  • Usa testo grande e molto spazio tra ogni riga

  • Evita vocaboli complicati e frasi lunghe

3. Non trascurare le righe dell'oggetto e visualizzare l'anteprima del testo

Le persone tendono a considerare le righe dell'oggetto e l'anteprima del testo come parte della loro copia, ma questi due elementi giocano anche un ruolo importante nel layout.

Ad esempio, gli schermi mobili taglieranno la riga dell'oggetto dopo 30 o 35 caratteri.

La maggior parte dei provider di servizi di posta elettronica ti consente anche di scrivere il tuo testo di anteprima, quindi non trascurarlo. Altrimenti, gli abbonati vedranno solo la prima o due frasi della tua email nelle loro notifiche push.

Ecco alcuni esempi evidenziati di testo di anteprima. Nota anche la riga dell'oggetto altamente personalizzata e fruibile di Google AdSense.

esempi evidenziati di testo di anteprima

Fonte: Gmail

4. Usa un "flusso" senza soluzione di continuità nel layout della tua email

Tornando alle lezioni di fotografia del liceo, pensa ad alcune strategie di composizione di base. Crea un layout e-mail che guidi gli occhi del destinatario lungo la pagina fino al CTA mentre scorrono.

Hai due opzioni principali qui:

1. Piramide invertita

2. Forma a Z

L'UNICEF è riuscito a utilizzare entrambi gli stili in modo efficace in questa e-mail.

esempio di email gmail

Fonte: Gmail

5. Ricorda i colori e il marchio

Il trucco qui è combinare i colori del tuo marchio con schiocchi di colori luminosi e contrastanti.

I grandi marchi pianificano con largo anticipo i colori che utilizzeranno nel materiale di marketing per le festività stagionali, i pulsanti CTA e gli schizzi unici.

Considera la psicologia del colore qui. Il rosa acceso o il neon potrebbero funzionare bene per trasmettere l'urgenza durante una vendita, ma i blu o i verdi tenui sono migliori per creare un'atmosfera calma con le newsletter, ad esempio.

Guarda di nuovo l'UNICEF. Mentre in genere si attengono al "blu USA" utilizzato da tutte le agenzie delle Nazioni Unite, hanno anche una tavolozza estesa con colori vivaci per attirare l'attenzione.

Tavolozza dei colori dell'UNICEF

Fonte: UNICEF

Ancora una volta: non dimenticare di considerare l'accessibilità per le persone con disabilità visive o carenze di colore.

6. Scegli immagini pertinenti

Le immagini contano a molti livelli. La grafica che scegli può aiutarti ad attirare l'attenzione, spiegare il tuo messaggio e relazionarti con i destinatari.

Evita di includere immagini solo per il gusto di farlo. Gli esperti di design di Nielsen Norman hanno scoperto che gli abbonati alla posta elettronica sono confusi o frustrati quando i marchi e le organizzazioni includono immagini casuali, anche di alta qualità.

Scegli invece immagini che si riferiscono direttamente al tuo prodotto o al concetto che stai cercando di trasmettere nel tuo messaggio, come ha fatto Penn LPS Online di seguito.

Esempio Penn LPS Online

Fonte: Gmail

7. Attira l'attenzione con le GIF

I video sono ottimi per aumentare il coinvolgimento nelle e-mail, ma sfortunatamente la maggior parte dei client di posta elettronica non supporta le funzionalità di riproduzione incorporate. Le GIF offrono un'alternativa perfetta ai video.

Le GIF semplificano la spiegazione di argomenti complessi e possono persino aumentare il ROI del 109%.

Quando crei GIF, assicurati che non rallentino la velocità della tua email: non è l'ideale per i lettori mobili. Inoltre, tieni presente che i client di posta elettronica della vecchia scuola potrebbero non supportare le GIF.

DavidsTea ha utilizzato una GIF efficace per spiegare come funziona la sua bottiglia.

Esempio di gif di Davids Tea

Fonte: email davvero buone

8. Considera un layout di posta elettronica dinamico

Non devi inviare lo stesso layout di posta elettronica a tutti. In effetti, è meglio se non lo fai. Il 67% delle persone si aspetta che i marchi offrano contenuti personalizzati e il 42% si infastidisce quando i contenuti non sono personalizzati.

Fortunatamente, i client di posta elettronica come Emma ti consentono di inviare e-mail dinamiche che sono uniche per ogni abbonato.

Il contenuto dinamico prende i dati che hai raccolto sui tuoi abbonati e li usa per inviare campagne iper-personalizzate. Ad esempio, se il tuo abbonato tende ad aprire le email su Gmail per Android e risponde meglio ai pulsanti CTA blu, riceverà le campagne codificate appositamente per loro.

Sul back-end, devi solo progettare un'e-mail. L'intelligenza artificiale (AI) prende il controllo del lavoro impegnativo.

Ecco un'istantanea dell'aspetto del contenuto dinamico.

esempio di contenuto dinamico su emma

Fonte: Emma

9. Lo spazio bianco è tuo amico

Grandi blocchi di testo tendono a spaventare i lettori.

Usa lo spazio bianco per suddividere la tua copia e aiutare a guidare i lettori intorno all'e-mail.

Non solo lo spazio bianco rende le e-mail più facili da leggere, ma compensa l'idea che le persone scansionano il contenuto (piuttosto che leggere ogni parola).

10. Usa un pulsante CTA cliccabile

Può essere difficile fare clic sui collegamenti ipertestuali sugli schermi dei dispositivi mobili, soprattutto se il testo è piccolo o se i collegamenti sono troppo ravvicinati.

Invece, progetta un layout e-mail con un CTA chiaro e un grande pulsante luminoso.

Nielsen Norman Group ha scoperto che anche i colori contrastanti sono importanti. Il tuo pulsante CTA non dovrebbe confondersi.

Notano anche che la copia del pulsante CTA è importante. "Inizia" è troppo ambiguo e spesso sembra fuorviante per i lettori. Scegli invece parole chiare e utilizzabili come "RSVP ora" o "Acquista qui".

L'American Enterprise Institute offre due CTA chiari, quindi non c'è dubbio su cosa c'è dietro il collegamento.

American Enterprise Institute due chiari esempi di CTA

Fonte: Gmail

11. Includi contenuti interattivi

Il contenuto interattivo è utile perché consente agli abbonati di fare clic senza uscire dall'e-mail, il che aumenta il coinvolgimento.

Puoi utilizzare contenuti interattivi per recensioni, giochi, quiz e altro.

Ecco un esempio di quiz interattivo di GoDaddy. Quando fai clic sulle risposte, ti vengono presentate diverse domande.

esempio di quiz interattivo di GoDaddyUno screenshot di un post sui social media Descrizione generata automaticamente

Fonte: email davvero buone

12. Non dimenticare le pagine di destinazione

Molti marketer dimenticano di ottimizzare le loro pagine di destinazione con lo stesso layout e design delle loro e-mail.

Gli abbonati si aspettano un'esperienza senza interruzioni una volta che fanno clic su qualsiasi pulsante o collegamento CTA nelle tue e-mail. Se puoi, approfitta delle pagine mobili accelerate che si aprono alla velocità della luce.

Non dimenticare di usare la stessa voce, tono e colori che hai usato nel layout dell'e-mail. È altrettanto importante assicurarsi che il contenuto delle pagine di destinazione sia all'altezza delle aspettative del pulsante o del collegamento.

In altre parole, evita i clickbait e spiega chiaramente cosa c'è dall'altra parte del collegamento per creare fiducia.

L'UNICEF aveva una pagina di destinazione ottimizzata per i dispositivi mobili pronta da inserire nell'e-mail di donazione per le vacanze.

Esempio di pagina di destinazione per dispositivi mobili dell'UNICEF

Fonte: Gmail

13. Esegui molti test di layout della posta elettronica

Infine, l'unico modo per garantire che il tuo layout sia perfetto per ogni abbonato è eseguire dei test.

Emma ti consente di eseguire test per diversi client di posta elettronica mentre progetti il ​​tuo layout in modo da non indovinare mai.

Successivamente, ti consigliamo di eseguire test A/B per vedere quali tipi di layout hanno il rendimento migliore tra i diversi segmenti del tuo pubblico. Ciò che apprendi potrebbe sorprenderti.

Incartare

Il layout della posta elettronica coinvolge diverse parti mobili, a volte anche letteralmente. Per la migliore esperienza, ricorda di:

  • Dai priorità all'esperienza mobile e all'accessibilità

  • Rendi i tuoi CTA chiari e visibili

  • Crea un flusso e un'esperienza senza interruzioni (comprese le tue pagine di destinazione)

  • Esegui test per diversi client di posta elettronica e preferenze dell'abbonato

Vuoi migliorare le tue e-mail? Scopri di più sui contenuti dinamici di Emma e rendi le tue e-mail uniche come i tuoi iscritti.