Quello che ogni marketer deve sapere sul layout della posta elettronica

Pubblicato: 2022-06-29

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 un 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 dispositivi mobili impedirà loro di spendere soldi con un marchio.

Torniamo alle origini. In questo post, esamineremo le migliori pratiche e le tendenze per il layout delle email per il 2020 in modo da poter stupire i tuoi iscritti 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 facilmente digeribili (con esempi).

1. Il cellulare è un must

Circa il 54% di tutte le e-mail viene aperto su dispositivi mobili, ma diverse fasce d'età hanno abitudini uniche.

statistiche sui dispositivi mobili

Fonte: DMA

Come puoi vedere, le persone sotto i 35 anni tendono ad aprire le email sui propri 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 desideri 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 ogni dispositivo, 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. Dare priorità all'accessibilità del layout e-mail

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

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

  • Evita le immagini lampeggianti per le persone con epilessia

  • Segmenta il tuo elenco di iscritti in base all'età e progetta e-mail uniche per i gruppi di età superiore ai 40 e ai 65 anni

  • Usa testo grande e molto spazio tra ogni riga

  • Evita il vocabolario complicato e le frasi lunghe

3. Non trascurare le righe dell'oggetto e 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 svolgono 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 e-mail nelle loro notifiche push.

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

esempi evidenziati di testo di anteprima

Fonte: Gmail

4. Usa un "flusso" senza soluzione di continuità nel layout della tua e-mail

Tornando al corso di fotografia del liceo, pensa ad alcune strategie di composizione di base. Crea un layout e-mail che guidi gli occhi del destinatario verso il basso nella pagina fino all'invito all'azione mentre scorrono.

Hai due opzioni principali qui:

1. Piramide capovolta

2. Forma a Z

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

esempio di posta elettronica gmail

Fonte: Gmail

5. Ricorda i colori e il marchio

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

I grandi marchi pianificano molto in anticipo con quali colori 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 ancora 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 colori UNICEF

Fonte: UNICEF

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

6. Scegli le 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 e-mail si confondono o si sentono frustrati quando marchi e organizzazioni includono immagini casuali, anche di alta qualità.

Invece, scegli 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 di Penn LPS in linea

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 posta elettronica: questo 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 un'efficace GIF per spiegare come funziona la sua bottiglia.

Esempio di gif di Davids Tea

Fonte: e-mail davvero buone

8. Considera un layout di posta elettronica dinamico

Non è necessario 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 uniche per ogni abbonato.

Il contenuto dinamico prende i dati che hai raccolto sui tuoi iscritti e li usa per inviare campagne iper-personalizzate. Ad esempio, se il tuo abbonato tende ad aprire e-mail su Gmail per Android e risponde meglio ai pulsanti CTA blu, riceverà 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 di come appare il contenuto dinamico.

esempio di contenuto dinamico su emma

Fonte: Emma

9. Lo spazio bianco è tuo amico

I grandi blocchi di testo tendono a spaventare i lettori.

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

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

10. Utilizzare un pulsante CTA selezionabile

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

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 fondersi.

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

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

American Enterprise Institute due chiari esempi di CTA

Fonte: Gmail

11. Includere contenuti interattivi

I contenuti interattivi sono utili perché consentono agli abbonati di fare clic senza uscire dall'e-mail, il che aumenta il coinvolgimento.

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

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

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

Fonte: e-mail davvero buone

12. Non dimenticare le landing page

Molti esperti di marketing 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 dopo aver fatto clic su qualsiasi pulsante CTA o collegamento nelle tue e-mail. Se puoi, approfitta delle pagine mobili accelerate che si aprono alla velocità della luce.

Non dimenticare di utilizzare la stessa voce, tono e colori che hai utilizzato 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 link per creare fiducia.

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

Esempio di pagina di destinazione mobile dell'UNICEF

Fonte: Gmail

13. Esegui molti test di layout e-mail

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 ​​layout in modo da non indovinare mai.

Successivamente, ti consigliamo di eseguire test A/B per vedere quali tipi di layout funzionano meglio in diversi segmenti del tuo pubblico. Ciò che apprendi potrebbe sorprenderti.

Incartare

Il layout dell'e-mail coinvolge diverse parti mobili, a volte anche letteralmente. Per la migliore esperienza, ricorda di:

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

  • Rendi le tue CTA chiare e visibili

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

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

Vuoi dare un tocco in più alle tue e-mail? Scopri di più sui contenuti dinamici di Emma e rendi le tue email uniche come i tuoi iscritti.