Come rendere più bella la posta: i migliori consigli dei designer

Pubblicato: 2021-03-17

13 consigli
Riteniamo che si dovrebbe prestare maggiore attenzione al design dell'e-mail. Come mai? La verità è che i destinatari delle e-mail spesso scansionano le informazioni visivamente e abbandonano quelle e-mail che preferiscono non essere visivamente attraenti piuttosto che offrire loro alcun valore. In poche parole, la presentazione è vitale. Un design troppo denso, saturo o superficiale può rovinare l'impressione del primo lettore.

"Gli esperti di campagne di email design affermano che design di email visivamente accattivanti e codice impeccabile sono la base per creare email perfette."

Una buona email utilizza il design per migliorare il contenuto. Il contenuto della tua email dovrebbe davvero avere una certa massa. La connessione con i tuoi clienti attraverso il contenuto delle tue e-mail può portare a un maggiore coinvolgimento dei clienti e buoni risultati di vendita. Quindi, se ti senti come se stessi cercando di schiacciare e spremere i tuoi contenuti in un determinato formato, c'è un modo migliore! Ecco perché avere un ottimo design della posta elettronica è così importante: ti aiuterà a catturare la loro attenzione e coinvolgere i tuoi destinatari di posta elettronica. Un buon design aiuta anche a garantire che tu possa consegnare il tuo messaggio al pubblico di destinazione il più rapidamente e concisamente possibile.

I migliori consigli dei designer di posta elettronica

Dopo aver intervistato un paio dei più intraprendenti fanatici della progettazione di e-mail, abbiamo estratto i loro cervelli per il know-how e raccolto tutti i dati. Ecco i migliori suggerimenti per professionisti che hanno fornito.

1# Tienilo chiaro.

Elementi interattivi, menu hamburger, barre di navigazione, GIF animate: ora fa tutto parte del mash-up di progettazione e-mail. Tuttavia, se usi l'animazione, il primo fotogramma della GIF dovrebbe rivelarne l'essenza.

netflix
Mostra solo il primo fotogramma. Assicurati che gli abbonati comprendano il significato della GIF da essa.

2#Rimani sul marchio.

In qualità di marketer o designer di e-mail, fai tutto il possibile per allineare la progettazione della tua e-mail al tuo marchio. Crea un modello di email con un'intestazione e un piè di pagina nei colori aziendali. Ciò consente di risparmiare tempo. Il layout può quindi essere utilizzato per diversi tipi di invii.

Qui, ciascuno dei campioni è realizzato con i colori aziendali, utilizzando i loro caratteri consolidati e aggiungendo i loro loghi in alto, il che lo rende un'e-mail di marca di classe, facile da riconoscere, e i loro lettori tra tutto il resto:

marchiato

Tutti e tre: modelli di email splendidamente marchiati

3# Nessuna e-mail a immagine singola.

Non è consigliabile creare più lettere con un'immagine. Il punto è che la maggior parte dei provider può inviare automaticamente e-mail di spam che sono disposte in un'unica immagine. Non c'è da stupirsi, lo spam viene sempre eseguito con l'input minimo. Quindi, non confondere nessuno con semplici e-mail a immagine singola. Aggiungine altri. Sforzati di più nel design.


Tali e-mail sono considerate inaccettabili ora. Il contenuto potrebbe non essere visibile

4 # Presta attenzione ai modelli di lettura.

Applicare i principi UX. Si ritiene che la maggior parte degli abbonati utilizzi un modello di lettura a forma di F. Ecco come lo definisce Nielsen Norman Group:

Gli utenti leggono dapprima con un movimento orizzontale, di solito lungo la parte superiore dell'area del contenuto. Successivamente, gli utenti si spostano un po' in basso nella pagina e poi leggono in un secondo movimento orizzontale che in genere copre un'area più breve rispetto al movimento precedente, ecc.

Tienilo a mente quando pubblichi contenuti nella tua e-mail e crei modelli di e-mail.

fpattern

Ecco come viene definito e utilizzato un modello di lettura F dai motori di ricerca

lettura-modello-a-f-3-1024x1024

ed ecco come la tua email viene scansionata preliminare dal lettore

5# Elabora i tuoi modelli

Quando inserisci blocchi dinamici, assicurati che la quantità di contenuto corrisponda alle dimensioni del layout. Se sono presenti più contenuti, i blocchi si sovrapporranno. Se meno, ci sarà molto spazio vuoto. Questa regola di base ti salverà la giornata.

nuovo taglio

Spazio e-mail ben riempito con densità adeguata

6# Ingrandisci il carattere.

Gioca con i caratteri, ma consapevolmente. Prova a utilizzare 1-2 font sicuri in un post. L'elevata altezza della linea fa risaltare la tua email, facile e comoda da leggere. La facilità di lettura e l'impressione generale della scrittura dipendono da questo. In poche parole, il carattere dovrebbe essere più grande di 16 pixel, ma non inferiore. E idealmente, 20 pixel vanno bene per un desktop.

carattere bigegr
Fonte: https://sparkmailapp.com/blog/dynamic-fonts

7# Pensaci bene prima di aggiungere una barra di navigazione

Sì, sono popolari e ottengono clic. Ma sono una buona cosa? In effetti, potrebbero segnalare che il contenuto dell'e-mail non è abbastanza importante o abbastanza buono da indurre l'utente a fare clic in un altro punto tranne che sulla barra di navigazione. False aspettative. Assicurati che i tuoi contenuti siano ben mirati. Non avrai bisogno di alcuna navigazione quindi.

bodencut

Le barre di navigazione rovinano la tua UX e-mail piuttosto che portare clic extra

In questo esempio, le informazioni sembrano essere nascoste al lettore dietro quei collegamenti DONNE, UOMINI, RAGAZZE, ecc. Questo fa impressione di molto sul nulla. Agli utenti non piacciono le offerte difficili da raggiungere o impossibili da ottenere immediatamente. I siti Web sono realizzati per la ricerca di offerte personali con barre di navigazione, non e-mail.

8# Attenersi ai modelli a una colonna.

Al giorno d'oggi prevalgono i dispositivi mobili. Gli utenti si attaccano ai loro dispositivi mobili ovunque e in qualsiasi momento. Quindi, con questo layout, sarà più facile e veloce creare una lettera per applicazioni mobili. Staranno bene se adattati ai dispositivi mobili.

web mobile emial1

Anche se aperto su mobile, il focus del lettore rimane comunque al centro

9# Anche i pulsanti grandi vanno bene.

Le persone di solito usano i pollici per premere quei pulsanti. Possono essere grassocci, goffi, grandi, pollici. Quindi assicurati che i tuoi pulsanti siano abbastanza grandi da ospitarli. Secondo le linee guida di Apple, 44 pixel sono perfetti. Google chiama per 48 pixel. Ad ogni modo, tienilo a mente quando progetti i pulsanti per le e-mail.

grande bottone

Piuttosto un pulsante luminoso grande e chiaro utilizzato

10# Mantieni la gerarchia visiva.

Non tutti gli abbonati leggeranno le tue e-mail dall'inizio alla fine. Porta le informazioni importanti nella prima schermata in modo che più persone capiscano di cosa tratta il messaggio. Formatta il testo per facilitarne la lettura: aggiungi sottotitoli, elenchi, scomponi per paragrafi. Aggiungi un buon design e UX.

gerarchia

Modello UX dal design accattivante di MailChimp

11# Esegui test di progettazione A/B.

Poiché potrebbe esserci un contenuto testato A/B, dovrebbe esserci lo stesso design testato. I vantaggi delle righe dell'oggetto del test A/B o dei testi e delle CTA sono ben noti. Estendi questa priorità alla progettazione per ottenere risultati migliori.

12# Resta in grassetto.

Significa che puoi aggiungere alcuni elementi che fanno i tuoi concorrenti o semplicemente cose nuove. Ma mentre sviluppi le tue capacità di posta elettronica, prova sempre scelte di design obsolete se la sperimentazione potrebbe produrre risultati migliori rispetto ai tuoi concorrenti.

13# Ricerca e informazioni sulla progettazione dell'e-mail.

Sentiti libero di continuare a conoscere le innovazioni di design e molto altro ancora. I designer di posta elettronica sono una piccola, grande comunità amichevole e potente. C'è così tanto che puoi imparare da loro. Cerca regolarmente grandi risorse e aggiornamenti da là fuori per rimanere sintonizzato sugli aggiornamenti del design dell'e-mail.

Ecco un elenco di controllo per leggere utili dai designer di posta elettronica di Mail Chimp su come abbracciare e-mail scarse e hacky :

  • E-mail di tornasole ;
  • La comunità del tornasole ;
  • Email settimanale di Action Rocket ;
  • E-mail davvero buone ;
  • Newsletter di Jason Rodriguez ;

Dai un'occhiata per vedere se possono essere utili per la tua routine quotidiana di progettazione di e-mail in una varietà di scopi di marketing.

Come rendere le email più belle con Atomic Software

Scopri come rendere le tue e-mail più attraenti ed efficienti con le nostre soluzioni Atomic Software. Crea meravigliose e-mail e riscalda i tuoi clienti per trasformarli in lead. Trasforma il tuo pubblico di destinazione in clienti reali solo utilizzando soluzioni di posta elettronica e SMS all-in-one. Atomic Mailer è proprio quello.

Per creare una bella email:

1) Avvia il programma per impostare i tuoi modelli di email personalizzati. Di solito, una lettera è una continuazione del sito. Utilizza gli stessi caratteri, gli stessi loghi e combinazioni di colori. Con le opzioni di personalizzazione della posta sarà più facile creare e-mail affinché gli abbonati ti riconoscano tra le altre e-mail in arrivo.

2) Quindi, inserisci il testo del messaggio, il logo della tua azienda e il design nella "Finestra di modifica del messaggio". Viene aggiunto il menu "Inserisci" / "Inserisci dati e-mail" in cui puoi inserire facilmente vari campi di dati. In questo modo mantieni lo stile aziendale e mantieni il messaggio del marchio, ecc.

Gli elementi di una lettera includono:

  • Nome del mittente.
  • Linea tematica.
  • Un preheader, che è il frammento del testo dopo il soggetto.
  • Carta intestata con logo, ragione sociale, slogan, link al sito web.
  • Il corpo della lettera, cioè tutto sotto.
  • Il piè di pagina è l'ultimo blocco della lettera con contatti, pulsanti dei social media, ecc.
  • Non dimenticare la tua firma.

immagine incollata 0

3) Compila la riga Oggetto, testo della tua email, aggiungi variabili se necessario, applica modello di design ed elementi di marca. Inserisci i pulsanti dei social media, ecc. Puoi sperimentare i contenuti della tua posta sulla base di essi in seguito e verificare se l'invio è stato un successo.

4) Applicare modelli di e-mail HTML reattivi pronti con un design adottivo, creati per Atomic Mail Sender da AtomPark Software. Puoi risparmiare tempo e fatica finché non impari a progettare modelli esclusivi da solo.

5) Puoi anche verificare se il design e il contenuto della tua e-mail superano i filtri antispam. Per questo Atomic Mail Sender ha lo Spam Check . Cliccaci sopra e ottieni un punteggio. Più basso è il punteggio, maggiore è la possibilità di colpire la Posta in arrivo.

Puoi facilmente visualizzare in anteprima il design del tuo messaggio e-mail inviandone uno all'indirizzo e-mail del mittente di prova attivo.

Conclusione

L'e-mail può essere difficile, anche con i recenti progressi. Tuttavia, utilizzando le superbe funzioni di Atomic Mail Sender, sarà più facile progettare e-mail in modo bello e stupire il tuo pubblico. Programmi universali per la progettazione di newsletter via e-mail come Atomic Mail Sender e fantastiche funzionalità di personalizzazione mantengono la progettazione della tua e-mail in grado di abbracciare scrappy e hacky per migliorare i risultati dell'e-mail marketing in pochissimo tempo.

Usa invii ben progettati per aumentare la percentuale di clic con noi!