7 sfaturi de design pentru a construi e-mailuri de succes în 2016

În calitate de designer de e-mail, este treaba ta să oferi abonaților o experiență funcțională de e-mail. Aceasta înseamnă eliminarea fricțiunilor care pot eroda experiența abonaților și, în cele din urmă, vă pot deteriora imaginea mărcii.

Atingerea acestui obiectiv este complicată de faptul că e-mailul este în continuă evoluție. Este esențial să rămâi la curent cu cele mai recente actualizări din lumea e-mailului, mai ales atunci când acele modificări, cum ar fi noile aplicații și actualizări ale suportului HTML și CSS, pot afecta campaniile tale atent concepute.

În Raportul privind starea e-mailului din 2016, prezentăm tot ce s-a întâmplat în lumea e-mailului anul trecut, ajutând la identificarea inovațiilor majore care pot avea implicații uriașe pentru campaniile dvs. de e-mail.

Obțineți raportul dvs. gratuit →

Iată o prezentare a ceea ce vei găsi în interior:

1. ȚINE CU minte APPLE WATCH

În aprilie 2015, a fost lansat Apple Watch. Adăugarea de wearable la flota de aplicații de e-mail a fost inevitabilă – și aduce cu sine unele implicații majore pentru designerii de e-mail. Dacă publicul dvs. include utilizatori timpurii ai tehnologiei și potențiali utilizatori Watch, atunci luați în considerare experiența abonaților pe Watch.

Deoarece Apple Watch afișează text simplu atunci când sunt detectate imagini de la distanță sau conectate, este esențial să optimizați versiunea text simplu a e-mailurilor dvs. De asemenea, rețineți că caracterele speciale, spațiile suplimentare și alte trucuri de formatare rezervate consumului de text simplu de pe desktop se traduc foarte slab pe ecranul mic al ceasului.

Există, de asemenea, o opțiune mai avansată pentru a adăuga o a treia parte la mesajul tău: text/watch-html. Prin includerea acestei părți suplimentare și specificând tipul de conținut ca „text/watch-html”, ceasul va afișa partea text/watch în loc de partea text simplu atunci când partea HTML nu este adecvată. Cu toate acestea, asigurați-vă că verificați cu ESP înainte de a adăuga partea ceas - nu toată lumea o acceptă.

2. OPTIMIZAȚI PENTRU BLOCAREA IMAGINII

Outlook 2016 și aplicația AOL Alto Mail au fost ambele introduse în 2015 – și fiecare bloc de imagini în mod implicit. Designerii de e-mail ar trebui să folosească tehnici de design defensiv, cum ar fi textul ALT, butoanele antiglonț și un echilibru adecvat de imagini și text HTML pentru a combate blocarea imaginilor.

3. NU ASCULȚI LINKUL DE DEZABUNARE

În septembrie 2015, Gmail a lansat o nouă funcționalitate de „blocare” pentru toți utilizatorii de webmail Gmail și aplicația Gmail pentru Android, oferind consumatorilor încă o opțiune de a-și elimina căsuțele de e-mail pe care nu le doresc. Când un abonat „blochează” un expeditor, înseamnă că nu va mai vedea niciodată un e-mail de la acel expeditor.

Avantajul este că noua opțiune de „blocare” ar trebui să reducă reclamațiile de spam, deoarece unii abonați care ar fi făcut clic anterior pe „raportează spam” vor face acum clic pe „blochează”. Dezavantajul este că butonul „blochează” poate să fi creat o nouă bară inferioară pentru intervenția ISP, așa că unii abonați care ar fi făcut clic anterior pe „dezabonare” vor face clic acum pe „blochează”.

Deci ce ar trebui să faci? Faceți mai ușor să vă dezabonați. Dacă abonații nu vă pot identifica cu ușurință linkul de renunțare, unii pur și simplu vă vor bloca mesajul sau îl vor marca ca spam. Dacă linkul dvs. de dezabonare este îngropat cu caractere mici gri, este timpul să îl despărțiți pe o singură linie cu text mai mare și mai ușor de citit.

În plus, adăugați antetul „list-unsubscribe” și Gmail, în anumite circumstanțe, va plasa un link „Dezabonare” după numele și adresa de e-mail a expeditorului.

În timp ce acest link permite abonaților să săriți peste procesul dvs. de renunțare, inclusiv centrul de preferințe, dacă utilizați unul, este totuși de preferat să primiți o reclamație de blocare sau spam.

4. ACTUALIZAȚI-VĂ E-MAIL-urile INTERACTIVE

În septembrie 2015, Apple a lansat cea mai recentă versiune a sistemului lor de operare mobil, iOS 9. Acest sistem de operare actualizat a adăugat suport pentru câteva proprietăți CSS noi – și a introdus câteva modificări care vor frustra designerii de e-mail.

O astfel de frustrare? Selectorul general de frați (~) nu este întotdeauna acceptat. Membrii comunității Litmus Remi Parmentier și Justin Khoo au raportat ambii că selectorul general de frați ~ nu este acceptat pe iOS 9 atunci când este utilizat cu selectoarele de pseudoclasă :hover sau :checked.

O mulțime de e-mailuri interactive folosesc pseudo-clase pentru a verifica dacă ceva s-a întâmplat sau nu într-un e-mail și stilează elementele corespunzător în funcție de stare. Cu toate acestea, această eroare va face ca e-mailurile anterior interactive să fie statice.

Din fericire, există o remediere! Pur și simplu înlocuiți selectorul general de frați ~ cu selectorul de frați adiacent +. Deși nu este la fel de flexibil ca selectorul general de frați mai puțin specific, obține aceleași rezultate.

5. UTILIZAȚI DISPOZIȚII BAZATE PE TABELE

În septembrie 2015, Microsoft a lansat cea mai recentă versiune a clientului Outlook—Outlook 2016. Din păcate, nu s-a schimbat prea mult față de predecesorii săi. La fel ca Outlook 2007, 2010 și 2013, Outlook 2016 redă e-mailurile folosind Microsoft Word, care are un suport slab pentru HTML și CSS și are o mulțime de ciudatenii frustrante.

Versiunile mai recente de Outlook (2007-2016) au un suport slab pentru HTML și CSS și includ o serie de ciudatenii de reținut:

• Nu există suport pentru imagini de fundal în div-uri și celule de tabel
• Fără suport pentru CSS float sau poziție
• Fără suport pentru text shadow
• Suport slab pentru umplutură și marjă
• Suport slab pentru lățimea și înălțimea CSS
• Probleme cu culorile de fundal ale elementelor imbricate

Datorită lipsei de suport pentru multe proprietăți CSS, machetele bazate pe tabel sunt o necesitate pentru optimizare în Outlook 2016. De asemenea, puteți utiliza CSS condiționat pentru a viza în mod specific Outlook 2016.

6. UTILIZAȚI ELEMENTE PRIETENATE PENTRU MOBILE

Având în vedere că 55% din deschiderile de e-mail au loc pe dispozitive mobile, este mai important ca niciodată să existe o strategie de e-mail mobilă. Deși folosirea designului responsive este o opțiune excelentă, trebuie să utilizați și elemente adaptate pentru dispozitive mobile în cazurile în care interogările media nu sunt acceptate.

De exemplu, nici aplicația AOL Alto Mail, nici aplicația Universal Outlook, ambele introduse în 2015, nu acceptă interogări media.

Profitați de text mare, butoane ușor de atingere și design cu o singură coloană pentru a oferi abonaților dvs. cea mai bună experiență posibilă.

7. UTILIZAȚI DATELE DESCHISE PENTRU A LUARE DECIZII DE PROIECTARE

În timp ce analiza tendințelor de deschidere a e-mailurilor la nivel de industrie este un indicator excelent al adoptării anumitor clienți de e-mail, publicul dvs. este cel care contează. Este mai important ca niciodată să te uiți la locul în care publicul tău își deschide e-mailul și să-ți ajustezi design-urile în consecință.

De exemplu, am observat o creștere cu 22% a deschiderilor de iPhone în 2015, care acum reprezintă 33% din totalul deschiderilor de e-mail. Dacă vedeți ceva similar în propria audiență, puteți utiliza acele date pentru a vă informa deciziile de proiectare. Știm că iOS, sistemul de operare al iPhone, are suport excelent pentru HTML și CSS, așa că puteți utiliza în siguranță tehnici avansate precum fundalurile video HTML5 în campaniile noastre.

Cheia este să vă înțelegeți publicul. Cu Email Analytics, veți obține datele de care aveți nevoie pentru a vă optimiza design-urile. Înscrieți-vă pentru o încercare gratuită astăzi. Nu este necesar un card de credit.

OBȚINEȚI RAPORTUL 2016 DE STARE A E-MAIL

Doriți și mai multe informații și concluzii utile? Fiți la curent cu cele mai recente actualizări și progrese prin e-mail, descărcând raportul gratuit astăzi.

Obțineți raportul privind starea e-mailului din 2016 →