Sfaturi de proiectare prin e-mail și greșeli obișnuite de care trebuie să fii atent

Este un fapt binecunoscut faptul că oamenii tind să acorde atenție elementelor vizuale mai întâi, ceea ce le face deseori să prefere forma decât conținutul. Marketingul prin e-mail nu face excepție. Structura unui e-mail, ilustrații, formatarea textului, paleta de culori și optimizarea dispozitivelor mobile determină, de obicei, dacă utilizatorii vor termina de citit e-mailul și vor finaliza acțiunea dorită.

Proiectarea e-mailului influențează nu numai percepția cititorului, ci și reputația expeditorului. Furnizorii de căsuțe poștale marchează adesea e-mailurile cu greșeli de aspect și de proiectare ca spam, făcându-l un motiv bun pentru care ar trebui să vă preocupați de designul șablonului dvs. de e-mail.

În acest articol, vă vom oferi câteva sfaturi de proiectare a e-mailurilor despre cum să faceți e-mailurile dvs. atrăgătoare din punct de vedere vizual și, în general, eficiente. De asemenea, vom vorbi despre cele mai frecvente greșeli de proiectare și vom arăta exemple de e-mailuri bine concepute de la diferite mărci.

Sfaturi pentru proiectarea șabloanelor de e-mail

Un șablon este fundamentul fiecărui e-mail. Acesta definește aspectul și aspectul vizual al e-mailurilor viitoare, influențând rezultatele generale ale campaniilor dvs.

În proiectarea șablonului de e-mail, ar trebui să urmați aceleași linii directoare vizuale pe care le-ați folosi pentru site-ul web al companiei, rețelele sociale și alte platforme. Să parcurgem câteva greșeli obișnuite de proiectare a e-mailurilor și sfaturi de proiectare a e-mailurilor pe care ar fi bine să le luați în considerare la crearea șablonului.

Greșeli de evitat

1. Nu schimbați prea des designul șablonului de e-mail. Dacă utilizatorii primesc de fiecare dată un e-mail diferit, le va deveni mai greu să vă amintească și să vă recunoască.

2. Nu utilizați imagini în loc de text, deoarece

• este posibil ca imaginile să nu fie afișate;
• va trebui să schimbați șablonul manual de fiecare dată când doriți să modificați textul;
• orice cod promoțional plasat pe imagine va fi imposibil de copiat și lipit, dacă este necesar;
• furnizorii de căsuțe poștale pot marca e-mailurile care constau doar din imagini ca spam.

3. Nu utilizați culoarea corporativă ca culoare principală a e-mailului, dacă este prea îndrăzneață și strălucitoare.

4. Nu utilizați fundal luminos sau complex pentru text.

5. Nu ezitați să vă bazați pe ajutorul unui designer profesionist de e-mail dacă aveți o astfel de oportunitate. Un e-mail conceput într-un mod rău poate distruge reputația unei companii sau pur și simplu poate fi marcat ca spam de către un furnizor de căsuțe poștale. Între timp, un designer profesionist va fi capabil să creeze un design de șablon de e-mail de lungă durată, care va menține abonații interesați și implicați.

Cele mai bune practici de urmat

1. Proiectați întotdeauna șabloane de e-mail pe baza ghidurilor vizuale ale companiei dvs. Adoptarea unei abordări holistice a aspectului dvs. digital va crește recunoașterea mărcii și va spori loialitatea clienților.

2. Dacă decideți să efectuați teste A / B, testați elemente separate în loc de un întreg e-mail. În acest fel, veți ști cu siguranță ce detalii sunt mai mult sau mai puțin eficiente, stilul companiei dvs. rămânând recunoscut pentru public.

3. Creați șabloane separate pentru diferite tipuri de e-mailuri și proiectați-le într-un stil corporativ similar. Acest lucru îi va ajuta pe abonații dvs. nu numai să vă distingă e-mailurile de cele ale oricărei alte mărci, ci și să le diferențieze între ele în funcție de tipul lor.

4. Plasați cele mai importante informații și CTA în primul scroll și asigurați-vă că întregul e-mail arată echilibrat. În cazul în care titlurile și descrierile dvs. sunt proiectate cu grijă, butoanele de îndemn sunt atrăgătoare, iar imaginile sunt de înaltă calitate, destinatarii vor fi ghidați fără probleme pe tot e-mailul direct către îndemnul la acțiune.

5. Încercați să creați e-mailurile cu o lățime de 600 px, astfel încât acestea să se afișeze corect în orice client de e-mail.

6. Blocuri de text și imagini alternative. Este important nu numai pentru lizibilitate, ci și pentru o mai bună livrabilitate a e-mailurilor, mai ales dacă ați început să trimiteți e-mailuri nu cu mult timp în urmă. În general, vă sfătuim să urmați raportul text-imagine 80:20 sau 60:40.

7. Amintiți-vă că, pentru un fundal luminos, este întotdeauna mai bine să utilizați un substituent plictisitor contrastant.

8. Cu excepția cazului în care vă puteți baza pe ajutorul unui designer, puteți proiecta singuri șabloane de e-mail utilizând editorii de e-mail.

Să vedem acum câteva exemple care demonstrează aceste bune practici în acțiune.

Am luat primele două exemple de la Behance. Ambele șabloane, unul pentru e-mailurile de bun venit și altul pentru e-mailurile săptămânale „Inspirație nouă”, urmează principii de design similare, dar arată un pic diferit. Mesajul de întâmpinare are un titlu mare și clar, imagini de înaltă calitate, un aspect de grilă defect și un font bine lizibil. Blocurile de text și imagini sunt alternate, ceea ce face ca e-mailul să fie mai ușor de citit.

În ceea ce privește un e-mail săptămânal, acesta este în general mai scurt și pune mai mult accent pe imagini, având un buton CTA îndrăzneț în partea de sus.

Iată un alt exemplu de șablon de e-mail bun din Downshiftology. Compania se poate lăuda cu trimiterea de e-mailuri minimaliste cu o grilă bine structurată. De obicei, încep cu un antet și o introducere, urmată de câteva fotografii cu produse alimentare de înaltă calitate și hyperlink-uri către rețete. O aliniere justificată și culorile deschise fac ca e-mailul să fie plăcut de căutat și ușor de citit.

Sfaturi receptive pentru proiectarea e-mailurilor

În timp ce vă gândiți la aspectul și șablonul pentru e-mailul dvs., rețineți întotdeauna cum vor arăta acestea pe diferite dispozitive, inclusiv pe dispozitive mobile. Iată câteva greșeli de evitat și sfaturi de urmat pentru proiectarea e-mailului receptiv.

Greșeli de evitat

1. Evitați să utilizați mai multe hyperlink-uri împreună, deoarece ar putea duce la aglomerația lor. Un destinatar poate atinge din greșeală linkul greșit situat prea aproape de cel pe care dorea să facă clic.

2. Nu faceți butoanele CTA prea mici. Mărirea pentru a face clic pe un buton poate face ca destinatarii să fie foarte frustrați.

3. Nu utilizați fonturi mai mici de 14 px pentru corpul e-mailului și 20 px pentru titlurile e-mailurilor, deoarece acest lucru va face e-mailul dvs. greu de citit pe ecrane mici.

Cele mai bune practici de urmat

1. Respectați regulile e-mailurilor receptive. De exemplu, dacă șablonul dvs. de e-mail constă din mai multe coloane și doriți ca acestea să se adapteze la ecranele mobile, introduceți un cod special și construiți-vă e-mailul într-un tabel.

2. Utilizați șabloane de e-mail adaptive gata făcute de la SendPulse sau creați-vă propriile în constructorul nostru de drag and drop dacă nu doriți să vă încurcați cu codul. Acestea sunt deja ajustate atât pentru desktop, cât și pentru mobil; în plus, puteți oricând să previzualizați șablonul de e-mail pentru ambele dispozitive.

Aruncați o privire la următorul e-mail de la Uniqlo, care este bine afișat atât pe desktop, cât și pe mobil. Iată ce vede un utilizator de desktop:

Aspectul versiunii sale mobile este puțin diferit:

Sfaturi despre cum să utilizați textul în proiectarea șablonului de e-mail

Nici cea mai captivantă copie nu va atrage atenția dacă pare neatractivă sau este dificil de citit. În schimb, utilizatorii cu greu vor neglija un e-mail cu un aspect îngrijit, paragrafe scurte, titluri atrăgătoare și evidențieri adecvate ale celor mai importante informații.

Greșeli de evitat

1. Nu amestecați prea multe fonturi, stiluri, culori și dimensiuni de font într-un singur e-mail, deoarece acestea pot face să pară neglijent.

2. Evitați să folosiți fonturi prea mici sau palide - în ambele cazuri, e-mailul dvs. poate deveni greu de citit.

3. Nu creați un e-mail bazat pe text fără paragrafe, titluri și puncte cheie evidențiate. Cel mai probabil vă va plictisi cititorii, chiar dacă textul dvs. este de fapt interesant.

Cele mai bune practici de urmat

1. Alegeți unul sau două fonturi principale pentru titluri și textul principal, nu mai multe.

2. Utilizați fonturi de bază care vor fi redate corect de majoritatea clienților de e-mail, cum ar fi Gmail, Yahoo, Outlook și altele. Dacă un serviciu nu vă poate recunoaște tipul, acesta îl va înlocui cu un alt font, care ar putea afecta în mod negativ designul general al șablonului de e-mail. Cele mai sigure fonturi sunt considerate a fi Arial, Lucida Grande, Tahoma, Trebuchet, Verdana, Georgia, Palatino, Times New Roman, Courier New, Courier și Impact.

3. Simțiți-vă liber să utilizați propriile fonturi corporative pe bannere și imagini. Cu toate acestea, asigurați-vă că fontul de pe banner și din e-mail merge bine împreună.

4. Împărțiți textul în secțiuni folosind titluri și paragrafe scurte. Un text bine structurat este întotdeauna mai ușor de citit.

5. Faceți ca fontul să nu fie mai mic de 14 px.

Unul dintre exemplele unui aspect text bun este un e-mail de la DesignLab. Are un titlu centrat îndrăzneț și constă din trei paragrafe scurte urmate de CTA proeminent, evidențiat în portocaliu.

Sfaturi despre utilizarea culorii în proiectarea șabloanelor de e-mail

Culoarea este un instrument puternic care poate crea starea de e-mail și vă poate întări mesajul. Cu toate acestea, alegând culorile greșite, riscați să vă faceți e-mailul prea plictisitor, distractiv sau haotic.

Greșeli de evitat

1. Nu vă copleșiți cititorii cu o grămadă de culori. Prea mult roșu, galben ca fundal pentru text sau o combinație de culori care nu se potrivesc unele cu altele pot distruge impresia pe care încercați să o faceți, deoarece cel mai probabil vor distrage utilizatorii de la ideea principală.

2. Abțineți-vă de la prea multe degradări. Dacă sunt utilizate în mod neprofesionist, acestea pot face ca e-mailul dvs. să pară neglijent sau să scadă vizibilitatea textului.

Cele mai bune practici de urmat

1. Folosiți culori îndrăznețe și strălucitoare numai pentru a sublinia elemente sau cuvinte separate, în timp ce alegeți culori mai liniștitoare pentru fundal.

2. Luați în considerare preferințele publicului dvs. în timp ce alegeți o temă de culoare. De exemplu, Kissmetrics a raportat că bărbații preferă culorile contrastante, în timp ce femeile aleg palete de culori mai moi. Pentru a afla ce culori le plac cel mai bine utilizatorilor dvs., țineți testele A / B și încercați să schimbați culoarea unui singur element sau a unui cuplu de elemente la un moment dat pentru a măsura cu exactitate rezultatele.

3. Folosiți instrumente precum Adobe Color pentru a alege o paletă de culori perfectă, care să arate echilibrată vizual.

B&Q, de exemplu, își folosesc culoarea portocalie corporativă ca marcator și se mențin pe tonuri mai neutre pentru restul elementelor.

Sfaturi pentru proiectarea antetului de e-mail

Antetul este primul bloc al unui e-mail plasat chiar în partea de sus a acestuia. De obicei, conține o siglă, linkuri către secțiunile site-ului web, detalii de contact și alte informații generale. Antetul e-mailului, împreună cu numele expeditorului, ajută utilizatorii să identifice expeditorul.

Greșeli de evitat

1. Nu încercați să introduceți prea multe informații în antet. Da, este posibil să oferiți linkuri către site-ul dvs. web, de exemplu, dar dacă plasați și link-urile dvs. de socializare, informații detaliate de contact și alte blocuri în antetul dvs., acesta din urmă va deveni prea mare și cel mai probabil confuz.

2. Nu utilizați imagini de calitate proastă în antetul dvs. și în niciun alt loc din e-mail, deoarece acest lucru va face impresia unui design amator.

Cele mai bune practici de urmat

1. Accentuați informațiile principale ale antetului și lăsați celelalte elemente să fie puțin mai mici sau mai puțin luminoase.

2. Utilizați anteturi tematice speciale în timpul sărbătorilor, sezoanelor de vânzare și a altor evenimente speciale pentru a crea starea de spirit. De asemenea, puteți varia antetele pentru diferite tipuri de e-mailuri, cum ar fi rezumate sau e-mailuri tranzacționale.

Aruncați o privire la antetul minimalist din e-mail de la TheRealReal:

Sfaturi pentru proiectarea subsolului prin e-mail

Ultimul, dar nu cel mai mic bloc al unui e-mail este subsolul acestuia. De obicei, conține o semnătură de e-mail, un link de dezabonare, detalii de contact ale companiei și linkuri de socializare. Chiar dacă acest bloc pare a fi cel mai ușor de proiectat, există încă câteva greșeli pe care companiile le fac frecvent.

Greșeli de evitat

1. Nu vă copleșiți subsolul cu prea multe informații generale, astfel încât să nu pară dezordonat și confuz.

2. Nu ascundeți niciodată linkul de dezabonare, faceți-l prea mic sau greu vizibil. Dacă unui utilizator îi este greu să se dezaboneze, cel mai probabil va da clic pe „Spam”, ceea ce este întotdeauna o veste proastă pentru reputația expeditorului dvs.

Cele mai bune practici de urmat

1. Includeți numai acele linkuri către subsolul dvs. care ar conta cu adevărat pentru utilizatorii dvs.; încercați să grupați blocuri similare de conținut pentru a îmbunătăți lizibilitatea.

2. Fii sincer cu publicul tău și fă-ți vizibil linkul de dezabonare.

3. Adăugați o semnătură creativă de e-mail în subsolul dvs. pentru a finaliza e-mailul pe o notă prietenoasă și lăsați destinatarul să aștepte cu nerăbdare să vă audă data viitoare.

Subsolul e-mailului de pe LinkedIn, pe care îl puteți vedea mai jos, urmează perfect sfaturile menționate mai sus. Conține o semnătură de e-mail, un buton clar de dezabonare și datele de contact ale companiei, fără a fi furnizate informații inutile.

Sfaturi despre cum să utilizați imaginile în proiectarea e-mailurilor

Imaginile joacă un rol semnificativ într-un design de e-mail: o alegere inteligentă a imaginilor poate pune abonații pe o bază mai bună simultan și le poate asigura angajamentul cu e-mailul până la sfârșitul liniei.

Greșeli de evitat

1. Nu creați e-mailuri care conțin doar imagini, deoarece 43% dintre utilizatori dezactivează imaginile din clienții lor de e-mail; totuși, rețineți că conținutul e-mailului dvs. ar trebui să rămână clar chiar dacă imaginile nu sunt vizibile.

2. Nu faceți imagini mai mari decât cele recomandate. De exemplu, dacă este recomandat să utilizați imagini cu lățimea de 300 px, nu utilizați cele care au o lățime de 1200 px.

Cele mai bune practici de urmat

1. Optimizați imaginile înainte de a le adăuga la e-mail. Un e-mail cu imagini grele va dura mai mult timp pentru încărcare, în special pe telefoanele mobile. Cel mai probabil, un utilizator nu va aștepta încărcarea imaginilor și va închide pur și simplu e-mailul. Pentru a optimiza imaginile, utilizați instrumente precum Squoosh sau TinyPNG.

2. Adăugați text alternativ la imaginile dvs. pentru ca utilizatorii să înțeleagă despre ce sunt imaginile, în cazul în care nu se încarcă automat.

3. Faceți dimensiunea pictogramelor dvs. de 2X mai mare, astfel încât să arate bine pe dispozitivele iPhone și Macbook cu ecran Retina. De exemplu, dacă trebuie să utilizați o pictogramă 70 × 20, încărcați o versiune 140 × 40 pe server și apoi redimensionați pictograma din e-mail folosind următorul atribut: width="70" .

Notă! Când utilizați această metodă, modificați doar dimensiunea unei imagini și nu greutatea acesteia. De aceea ar trebui să vă optimizați mai întâi imaginile și apoi să le încărcați pe server.

4. Faceți clic pe imagini. Dacă aruncați o privire la o hartă cu clicuri a e-mailurilor dvs., veți vedea cel mai adesea că oamenii dau clic pe imagini. Folosiți acest avantaj pentru a conduce oamenii la site-ul dvs. web sau la rețelele sociale.

5. Utilizați imagini de înaltă calitate realizate de dvs. sau găsite pe site-urile de fotografii stoc.

Trecând la exemple, s-ar putea să vedeți TheSill nu uitați să adăugați text alternativ care să clarifice ce tipuri de flori sunt prezentate pe imagini.

Între timp, Revista New York Times folosește imagini de înaltă calitate și ilustrații unice pentru a-și înveseli e-mailurile pline de text.

Sfaturi de proiectare CTA

Un îndemn la un e-mail este un link sau un buton creat pentru a primi un fel de răspuns de la un utilizator - înregistrare, cumpărare sau contact cu un manager. Un îndemn clar la acțiune și plasarea corectă a acestuia vă va ajuta să creșteți CTR-ul, în timp ce greșelile dintr-un CTA vă pot complica abilitatea abonatului de a îndeplini acțiunea dorită, făcând e-mailul pur și simplu inutil.

Greșeli de evitat

1. Nu ascundeți niciun buton de îndemn la sfârșitul e-mailului sau chiar în spatele primului scroll.

2. Nu faceți utilizatorii să ghicească ce trebuie să facă - oferiți-le un apel clar.

3. Nu vă ascundeți hyperlinkurile dacă le utilizați în locul butoanelor CTA. Nu ar trebui să se piardă împotriva altor elemente ale e-mailului. De asemenea, nu ar trebui să fie prea mici sau desaturate.

Cele mai bune practici de urmat

1. Așezați CTA-ul principal la primul scroll. Dacă e-mailul dvs. este lung, puteți repeta CTA de câteva ori de-a lungul acestuia.

2. Asigurați-vă că linia de subiect și CTA sunt dedicate aceluiași subiect.

3. Faceți butonul CTA luminos și vizibil. Ar trebui să contrasteze cu fundalul, textul și alte elemente ale unui e-mail.

Într-unul dintre e-mailurile lor, LinkedIn, de exemplu, nu numai că și-a repetat CTA de două ori, dar l-a făcut și îndrăzneț și contrastant.

Într-un alt exemplu din Neil Patel, puteți vedea că subiectul e-mailului se corelează cu textul CTA:

O listă de verificare a sfaturilor de proiectare a e-mailurilor

Pentru a vă ajuta să vă verificați cu ușurință e-mailurile înainte de a le trimite, am adunat toate liniile directoare pe care ar trebui să le amintiți și le-am grupat pe categorii.

Credem că, cu toate aceste sfaturi la îndemână, veți putea crea e-mailuri receptive și bine concepute și nu fără SendPulse. Serviciul vă va ajuta, de asemenea, A / B să testați diferite elemente ale e-mailului și să alegeți cele mai bune opțiuni pentru campania dvs.