Tendințe foarte bune de design de e-mail: înregistrare webinar + întrebări și răspunsuri

Abonații tăi sunt bombardați cu mii de mesaje pe diverse canale și este mai greu ca niciodată să-ți scoți marca în evidență. O modalitate de a reduce zgomotul? Impresionați-i cu un design foarte bun de e-mail.

În acest webinar, am aruncat o privire asupra tendințelor de design de e-mail de-a lungul anilor. Cum arăta e-mailul la începutul anilor 2000? Ce tendințe s-au alăturat cercului câștigătorilor în 2019? Și ce va fi uriaș în 2020 – sau chiar în 2030? Echipa Really Good Emails s-a alăturat nouă pentru o călătorie pe banda de memorie a designului de e-mail și ne-a ajutat să facem predicții despre ceea ce urmează.

Nu ați avut ocazia să urmăriți webinarul în direct? Nu-ți face griji. Puteți accesa oricând înregistrarea completă și puteți citi întrebările și răspunsurile de mai jos.

Întrebări și răspunsuri

Mulțumim tuturor celor care au intervenit în timpul webinarului cu o întrebare! Iată o recapitulare a răspunsurilor noastre la cele mai populare întrebări, împreună cu părerea noastră asupra unora dintre întrebările la care nu am ajuns în timpul webinarului live. Aveți întrebări suplimentare? Vă rugăm să le lăsați în comentarii.

Cum diferă aceste tendințe de design de e-mail între B2C și B2B?

Mike Nelson : Aceste tendințe sunt consistente în B2B, B2C și non-profit. Doar pentru că te afli într-o verticală nu înseamnă că nu poți folosi ideile de design ale alteia. Singura verticală care pare să aibă propriul sentiment este e-mailurile guvernamentale, care sunt de obicei extrem de grele de text.

Care este cel mai bun mod de a folosi spațiul alb, acum că modul întunecat tinde să îngreuneze?

Mike : Pare puțin confuz să-l numim „spațiu alb” când de fapt înseamnă doar spațiu liber. În acest context, nu contează dacă este alb sau întunecat - vrei doar să oferi puțin spațiu fiecărui element.

Lily Worth : Cred că termenul spațiu alb este adesea considerat spațiu negativ, ceea ce este util, deoarece nu este specific pentru culoare.

Aveți sfaturi despre modalități de a include elemente de design vizual mai atent în e-mailurile cu stil simplu?

Jason Rodriguez : Pentru e-mailurile în stil text simplu, totul se reduce într-adevăr la ierarhie, așa că nu este doar o bucată lungă de text pe care probabil că abonații tăi nu o vor privi. Dacă puteți crea posibilitatea de scanare prin crearea de secțiuni cu titluri diferite și folosind fie greutăți diferite, fie text cu stil diferit pentru a scoate în evidență acele titluri, acest lucru ajută și el.

Mike : Dacă nu scrieți un articol lung și utilizați e-mailul ca mediu, încercați să vă limitați paragrafele la doar câteva sau câteva propoziții. Folosiți punctele marcante acolo unde puteți pentru a rezuma ideile. Utilizați caractere speciale precum „################” pentru a crea pauze vizuale între idei. Avem câteva exemple bune de e-mailuri în stil text și scris în această colecție pe RGE .

Lily : Sunt de acord cu Jason. Folosirea diferitelor dimensiuni și greutăți de font - și poate câteva stiluri diferite de font pentru a crea o ierarhie - va ajuta la ca un e-mail să fie scanat și digerabil. Cu siguranță poți fi creativ cu tipografia; Există câteva exemple frumoase de e-mailuri numai text în partea de jos a postării noastre de blog despre tipografie îndrăzneață .

Există vreo modalitate de a face animațiile și GIF-urile animate accesibile?

Lily : O animație ar trebui să joace un rol de sprijin, prin urmare mesajele cheie și îndemnul ar trebui să existe în conținutul scris . Dacă o animație conține informații separate și importante, atunci aceasta ar trebui să fie reprezentată într-o etichetă ALT.

Pentru animația în sine, ratele de clipire a conținutului între 2 Hz și 55 Hz pot dăuna utilizatorilor cu epilepsie fotosensibilă. În plus, utilizatorii cu deficiențe de vedere pot avea dificultăți în citirea sau revizuirea conținutului de pe un GIF înainte ca animația să se schimbe. Asigurați-vă că GIF-urile animate fie au tranziții line, fie că nu se anime de la un cadru la altul la o rată ridicată.

Jason : GIF-urile sunt de natură foarte decorativă pentru majoritatea campaniilor. Dar dacă acel GIF nu se încarcă, dacă nu este acolo când abonații tăi își deschid e-mailul, atunci mesajul tău mai are sens? Dacă cineva folosește un cititor de ecran pentru a vă citi e-mailul, va putea să vă înțeleagă mesajul? După cum a spus Lily, dacă GIF-ul oferă valoare nerepetitivă, atunci asigurați-vă că puneți acel mesaj într-o etichetă ALT, astfel încât toți abonații să aibă acces la acele informații.

Există instrumente pe care le-ați sugera pentru a crea animații și GIF-uri?

Matt Helbig : Încă vedem că mărci folosesc instrumente precum Adobe Photoshop sau After Effects. Adăugarea unor animații CSS sau efecte de hover poate fi o modalitate bună de a adăuga mișcare la e-mailul dvs. cu câteva rânduri de cod.

Lily : Pentru a crea animațiile pe care le prezentăm în e-mailurile Litmus, folosim Adobe Animate. Acest software ne permite să creăm animații GIF, PNG și HTML5 - cei care au lucrat cu Flash în trecut vor găsi acest software familiar.

Whitney Rudeseal Peet : Dacă doriți să implementați PNG-uri animate (APNG) , în prezent nu este posibil să salvați animațiile ca APNG-uri cu Adobe Photoshop sau Adobe Animate. Când includem APNG-uri în e-mailurile noastre, folosim Adobe Animate pentru a crea animația, dar exportăm fiecare cadru ca un singur PNG. Pentru a converti toate aceste PNG-uri individuale într-un APNG, puteți utiliza un instrument precum PNG Animator sau această alternativă gratuită de la ezgif.com .

Ilustrațiile personalizate sunt folosite în publicul B2B și B2C sau în principal B2C?

Mike : Sunt aproape egale. Exemplele pe care le-am folosit în cadrul webinarului ar putea să fi arătat mai mult în stilul consumatorilor, dar toate au fost realizate de companii B2B: Mailchimp (vând servicii de e-mail altor companii), HelpScout (vând tehnologie de servicii pentru clienți companiilor) și Bulb (vând energie companiilor) .

Jason : Ca tot ce este în e-mail, depinde de marca și de publicul dvs. și care este obiectivul dvs. pentru fiecare campanie. Deci, dacă vă aflați într-una dintre acele industrii în care lucruri precum ilustrațiile personalizate ar putea fi percepute ca fiind mai puțin serioase, atunci nu le utilizați. Dar rețineți că există și oportunități de a perturba industria. Branduri precum Simple sau Stripe din industria financiară îmbrățișează unele tendințe de design mai noi, deoarece pot reprezenta mai clar concepte abstracte și pot oferi un pic de personalitate mărcilor lor. Deci niciodată să nu spui niciodată.

Mai există provocări cu redarea funcțiilor interactive între clienții de e-mail?

Whitney : Pentru multe companii, asistența inconsecventă și limitată a furnizorului de mesaje primite este principalul motiv pentru care nu trimit mai multe e-mailuri interactive. Din păcate, acesta este încă cazul pentru funcții precum efectele hover și caruselele de imagini interactive. Având în vedere acest lucru, dacă tot doriți să implementați interactivitate, nu trebuie să vă temeți de un sprijin limitat dacă aveți o soluție de rezervă. Consultați postarea noastră de blog despre alternativele pentru e-mailul interactiv pentru a începe.

Cum rămâne cu Dark Mode oferă o experiență de accesibilitate mai bună?

Mike : Încă se fac multe cercetări în acest spațiu. A spune că „Modul întunecat” este mai ușor pentru ochi, deoarece o afirmație generală nu este corectă, dar îi ajută pe unii - și, alternativ, poate fi mai rău pentru alții, cum ar fi cei cu astigmatisme severe. Pentru cei care au probleme cu somnul, utilizarea modului întunecat seara s- a dovedit a fi mai utilă decât ecranele mai luminoase, ceea ce vă poate afecta ritmurile circadiene. Modul întunecat este, de asemenea, văzut ca fiind mai puțin distragător și folosit pentru a ajuta oamenii să se concentreze . Dar, dacă contrastul este prea puternic – fundal negru adevărat și text alb adevărat, de exemplu – este mai dificil de citit pentru persoanele cu dislexie. Acest lucru poate fi atenuat prin utilizarea în continuare a unui fundal întunecat, dar folosind ceva de genul gri închis cu o culoare crem pentru font.

Cum credeți că ar putea funcționa aceste tendințe de design cu un public mai în vârstă, peste 65 de ani?

Mike : Nu am tratat acest lucru în mod specific, dar e-mailurile pe care le-am prezentat în cadrul webinarului și pe care le vedem pe e-mailurile cu adevărat bune își măresc semnificativ dimensiunea fontului în comparație cu doar câțiva ani în urmă. Acesta este ceva ce îmbrățișează demografiile mai vechi. Există, de asemenea, familiaritate în direcția în care se îndreaptă tendințele cu designul Bauhaus și elvețian.

Lily : După cum sugerează Mike, stilurile retro care vor fi populare în 2020 vor fi probabil nostalgice pentru un demografic mai în vârstă. Simplificarea este, de asemenea, probabil să fie utilă pentru publicul dvs., deoarece e-mailurile devin și mai puțin aglomerate, făcând mesajul și îndemnul mult mai ușor de citit și de înțeles.

Deși tipografia este o modalitate excelentă de a ieși în evidență, este greu de justificat când multe fonturi nu sunt acceptate de clienții de e-mail. Crezi că asta se va schimba în curând?

Lily : Din păcate, nu este posibil să știm dacă va fi mai mult suport pentru fonturile web, dar cu siguranță ne-am dori să se întâmple asta. Între timp, acest instrument la îndemână vă poate ajuta să găsiți soluția potrivită de utilizat cu fontul dvs. web.

Cum credeți că va evolua personalizarea când vine vorba de unele dintre aceste noi tendințe?

Matt : Ne așteptăm să vedem mai multe mărci personalizând fiecare secțiune a unui e-mail. Clienții vor face schimb de date pentru o experiență mai bună. Rapoartele ușor de înțeles, ofertele unice și mulțumirile îi fac pe clienți să se simtă VIP. Agenții de marketing prin e-mail ar trebui să transforme datele clienților în ceea ce este cel mai util și mai relevant pentru abonați.

În plus, iată toate colecțiile Really Good Emails pentru tendințele pe care le-am abordat în webinar:

• Ilustrații personalizate
• Design vizual mai atent
• Modele mai întunecate
• Culori mai îndrăznețe
• E-mailuri animate