Cose da fare e da non fare per la progettazione di e-mail
Pubblicato: 2019-01-25L'email marketing è una strategia di marketing ideale e conveniente per le piccole imprese che desiderano creare rapidamente una base di clienti e ottenere profitti con un investimento minimo. Ma prima che tu possa convincere le persone a fare clic sui tuoi messaggi, devi catturare la loro attenzione. Il design gioca un ruolo fondamentale nel successo del marketing, quindi tieni a mente le seguenti cose da fare e da non fare quando sviluppi le tue campagne e-mail.
Suggerimenti per la progettazione del layout dell'e-mail
Dall'intestazione al piè di pagina, il layout della tua e-mail dovrebbe naturalmente incanalare gli occhi dei lettori attraverso vantaggi che creano desiderio e verso forti inviti all'azione (CTA) che motivano la risposta.
Cosa fare
- Bilancia il contenuto e presenta più testo che immagini, almeno dal 60% del testo al 40% delle immagini.
- Incorpora molto spazio bianco per un look pulito che separi visivamente gli elementi di design.
- Dai la priorità alla gerarchia dei contenuti, con i contenuti più importanti in primo piano, above the fold.
- Utilizza un modello reattivo ottimizzato sia per desktop che per dispositivi mobili (il 50% delle e-mail viene aperto su dispositivi mobili).
- Semplifica la scansione dei tuoi contenuti, in modo che i destinatari non debbano leggere ogni parola per capire la tua e-mail e fare clic sull'invito all'azione.
- Usa intestazioni e sottotitoli per mantenere l'organizzazione visiva.
L'esempio qui sotto di Panera Bread ha molto spazio bianco, mescola abilmente immagini e testo e usa i sottotitoli per dividere le sezioni. Tutti questi elementi lavorano insieme per produrre un'e-mail scansionabile e visivamente accattivante.
Non farlo
- Non utilizzare una singola immagine per le tue email; molti client di posta elettronica non visualizzeranno automaticamente le immagini.
- Non includere un lungo blocco di testo in nessuna parte della tua e-mail. Invece, suddividi il contenuto in sezioni concise.
- Non rendere le tue email troppo lunghe. Alcuni client di posta elettronica ritagliano i messaggi lunghi (Gmail, ad esempio, ritaglia i messaggi di dimensioni superiori a 102 KB). I messaggi ritagliati non solo sono dannosi per il marketing e l'inoltro, ma possono violare le regole CAN-SPAM perché nascondono i collegamenti di annullamento dell'iscrizione.
- Non inserire tutto ciò che ti viene in mente nelle tue e-mail; invece, utilizza le e-mail come strumenti per motivare i clic per ulteriori informazioni e acquisti.
- Non utilizzare uno sfondo scuro, con motivi o immagine per i tuoi contenuti (va bene avere uno sfondo scuro dietro un'area del contenuto del corpo principale più chiara, che può far risaltare la tua e-mail, anche se non verrà visualizzata in tutti i client di posta).
- Non impegnare troppo il layout: mantieni le tue e-mail semplici con riepiloghi facili da digerire e inviti all'azione chiari.
Invia suggerimenti sul colore per e-mail
La scelta del colore dell'e-mail può aiutare il tuo marchio e il tuo messaggio a distinguersi. Sebbene sia divertente sperimentare con i colori, le tue scelte dovrebbero essere strategiche.
Cosa fare
- Limita il numero di colori che usi (puoi abbinare i colori del tuo marchio e del tuo sito web o scegliere colori specifici per la tua promozione attuale).
- Contrasta il testo scuro con uno sfondo chiaro.
- Riempi le intestazioni e i piè di pagina con il tuo colore principale, se lo desideri, o usa le linee colorate per separarli dal contenuto del corpo principale.
- Usa le immagini per aggiungere ulteriori colori al design della tua email.
Il rosso e il giallo nell'e-mail di Dr. Martens in basso aggiungono un bel tocco di colore e completano gli elementi in bianco e nero del design. La tavolozza dei colori limitata attira l'attenzione del lettore sulla copia, mentre un design più impegnativo potrebbe aver attirato l'attenzione dalle informazioni più importanti.
Non farlo
- Non utilizzare il corpo del testo colorato: mantienilo nero o grigio scuro.
- Non utilizzare uno sfondo di colore scuro per l'area del contenuto principale.
- Non utilizzare più di due colori nel tuo design (loghi e immagini multicolori vanno bene).
- Non utilizzare colori che sono in contrasto o altrimenti poco attraenti.
Caratteri e-mail e suggerimenti per la tipografia
Mantieni la tipografia semplice per e-mail leggibili che coinvolgono i lettori.
Cosa fare
- Usa solo uno o due caratteri nella tua email.
- Usa caratteri sans serif per il corpo del testo; i caratteri sans serif o serif possono essere utilizzati per intestazioni e sottotitoli.
- Usa font semplici, facili da leggere e sicuri per il web. Esempi includono Open Sans, Helvetica, Courier, Raleway, Droid Serif, Arial, Tahoma, Times New Roman, Georgia e Trebuchet MS.
- Ridimensiona i caratteri della copia del corpo da 14 a 16 punti, i caratteri del titolo da 22 a 24 punti per una migliore leggibilità.
- Usa caratteri in linea con il tuo marchio e i tuoi messaggi.
Domino's si diverte con i caratteri che usano in questa email. Ma anche il loro testo più stilizzato è facile da leggere.
Non farlo
- Usa caratteri di script o altri caratteri fantasiosi, che possono essere difficili da leggere.
- Usa caratteri personalizzati che potrebbero non essere visualizzati correttamente su tutti i dispositivi.
- Usa caratteri colorati, ad eccezione delle intestazioni (il grigio scuro o il nero funzionano meglio per la copia del corpo).
Invia suggerimenti emoji
L'uso delle emoji da parte dei marchi è aumentato del 609% anno su anno nelle comunicazioni digitali. Ecco come usarli correttamente.
Cosa fare
- Incorpora gli emoji per risparmiare spazio ma dì di più negli oggetti delle e-mail (mantieni i tuoi soggetti sotto la soglia "magica" di 49 caratteri).
- Usa gli emoji per far risaltare gli oggetti delle email nelle caselle di posta dei destinatari.
- Usa solo emoji pertinenti che aiutano a trasmettere il tuo messaggio e creare eccitazione.
- Aggiungi personalità con gli emoji nei saluti e nelle firme.
- Usa gli emoji per evidenziare offerte e offerte speciali nel corpo del testo.
La riga dell'oggetto sopra di Tarte Cosmetics, con due emoji di ananas, era l'inizio perfetto per un'e-mail sulla loro nuova tavolozza di trucco a forma di ananas:
Non farlo
- Non abusare degli emoji: dovrebbero fungere da accenti significativi, non la maggior parte del tuo messaggio.
- Non usare emoji confusi. Attenersi agli emoji universalmente riconosciuti: faccine sorridenti, tazze da caffè, ecc.
- Non fare affidamento esclusivamente sugli emoji per fare punti chiave. Potrebbero non essere visualizzati correttamente in tutti i client di posta elettronica, quindi dovrebbero essere usati per rafforzare il tuo messaggio.
Suggerimenti per le immagini tramite e-mail
Le immagini valgono più di mille parole, ma all'interno delle email dovrebbero essere usate con moderazione.
Cosa fare
- Salva le immagini a 72ppi/dpi e ottimizzale per il Web per il caricamento rapido delle e-mail.
- Usa immagini JPG e PNG nelle e-mail. Usa le GIF con parsimonia e solo se non sono troppo grandi.
- Sfalsare immagini e testo per un layout pulito e facile da seguire.
- Usa immagini accattivanti che creano desiderio e raccontano la tua storia: i tuoi prodotti in uso, ad esempio, o clienti soddisfatti.
- Usa il testo alternativo dell'immagine in modo che i lettori possano leggere di cosa trattano le tue immagini se i loro client di posta elettronica non le visualizzano. Un buon testo alternativo motiverà comunque i clic.
- Dimensioni delle immagini per i display retina (il doppio rispetto ai display normali).
L'e-mail qui sotto di Whosits & Whatsits utilizza immagini di alta qualità per promuovere la sua nuova linea di cappelli. I modelli sono mostrati in azione, il che dà vita alle foto.
Questa email di Whosits & Whatsits utilizza immagini di alta qualità per promuovere la sua nuova linea di cappelli. I modelli sono mostrati in azione che dà vita alle foto.
Non farlo
- Non utilizzare le immagini come intera email, poiché potrebbero non essere visualizzate automaticamente in molti client di posta elettronica.
- Non utilizzare le immagini per i pulsanti di invito all'azione, poiché potrebbero non essere visualizzate.
- Non fare affidamento sulle immagini per raccontare la tua storia; verrà perso dai client di posta elettronica che non eseguono automaticamente il rendering delle immagini.
- Non utilizzare immagini complesse o confuse che rischiano di alienare i clienti.
- Non aumentare le dimensioni dell'immagine per le e-mail: riduci sempre le dimensioni per immagini e-mail nitide e accattivanti.
Invia suggerimenti per l'invito all'azione (CTA).
Il tuo CTA alimenta il successo delle email. Assicurati che sia efficace con questi suggerimenti.
Cosa fare
- Rendi il tuo invito all'azione un pulsante colorato che si distingua dal resto del contenuto della tua e-mail.
- Mantieni il tuo testo CTA breve e significativo: acquista ora, scopri di più, leggi di più, ecc. Dai un'occhiata a questo elenco di 50 inviti all'azione che vendono per più idee.
- Posiziona il tuo primo CTA above the fold e, se necessario, ripetilo sotto (due o tre CTA per e-mail è una buona regola pratica).
- Rendi i tuoi pulsanti abbastanza grandi da non farli mancare ai lettori.
I pulsanti di invito all'azione grigio scuro di Uniqlo sono above the fold e risaltano sullo sfondo chiaro dell'e-mail:
Non farlo
- Non sovraccaricare la tua email con diversi inviti all'azione. Invece, concentrati sul guidare i lettori verso una singola azione. Se ne hai di più, invia più di una e-mail.
- Non seppellire il tuo invito all'azione. Vuoi che il tuo CTA si distingua, venga notato e venga cliccato.
- Non deviare dalla tua materia. Il tuo CTA dovrebbe allinearsi con il tuo soggetto in modo che i lettori sappiano cosa aspettarsi quando aprono la tua e-mail e per conformarsi alle normative CAN-SPAM (nessun inganno!).
Suggerimenti per l'intestazione e il piè di pagina dell'e-mail
Ottieni un aspetto professionale con questi suggerimenti per la progettazione di intestazioni e piè di pagina delle email.
Cosa fare
- Incorpora il tuo logo o il nome della tua azienda nell'intestazione per identificare il tuo marchio.
- Aggiungi un testo teaser prima dell'intestazione, che verrà visualizzato nella riga dell'oggetto in molti client di posta elettronica e ti darà un'altra opportunità di influenzare le aperture.
- Applica la stessa intestazione e piè di pagina a tutte le campagne per un branding coerente.
- Includi nel footer informazioni di contatto, risorse aggiuntive come link di social media e link a valore aggiunto, link di annullamento dell'iscrizione e qualsiasi impronta legale.
Nell'e-mail promozionale qui sotto, il logo Lucky Brand è la prima cosa che vedi quando lo apri. Il rivenditore di abbigliamento include sempre anche i collegamenti ai social media nei suoi piè di pagina delle e-mail.
Non farlo
- Non creare un design complesso per l'intestazione o il piè di pagina: mantienilo semplice in modo che i lettori possano accedere al nocciolo della tua e-mail.
- Non aggiungere molta navigazione all'intestazione o al piè di pagina. Semplifica il più possibile, in modo da poter marcare efficacemente le tue e-mail senza intralciare il tuo messaggio.
- Non includere troppo testo nell'intestazione o nel piè di pagina: ancora una volta, la semplicità è la chiave.
Ogni volta che stai armeggiando con il design delle e-mail, ricorda che è buona norma assicurarsi che i nuovi elementi di design appaiano su ogni piattaforma e browser; fortunatamente, il Test Kit di VerticalResponse rende questa parte facile. E, grazie a questi suggerimenti, puoi progettare e-mail accattivanti che vengono aperte, motivano i clic e alimentano le vendite.
Unisciti a 140.000 proprietari di piccole imprese
Nota del redattore: questo articolo è stato originariamente pubblicato nel 2016 ed è stato riscritto per accuratezza e rilevanza.