Cose da fare e da non fare per la progettazione di e-mail

Pubblicato: 2019-01-25

L'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.

Suggerimenti per la progettazione del layout dell'e-mail

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.

Invia suggerimenti sul colore per e-mail

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.

Caratteri e-mail e suggerimenti per la tipografia

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:

Invia suggerimenti emoji

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.

Suggerimenti per le immagini tramite e-mail

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:

Invia suggerimenti per l'invito all'azione (CTA).

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.

Suggerimenti per l'intestazione e il piè di pagina dell'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

Ricevi suggerimenti di esperti e ispirazione via e-mail nella tua casella di posta ogni due settimane.

Nota del redattore: questo articolo è stato originariamente pubblicato nel 2016 ed è stato riscritto per accuratezza e rilevanza.