Alegerea culorilor potrivite pentru e-mailuri și pagini de destinație eficiente

Publicat: 2014-08-28

Culoarea este puternică – poate comunica emoții, atrage atenția, poate crea o stare de spirit și poate face o declarație. De asemenea, vă poate face e-mailul să iasă în evidență din mulțime. Dar și mai important, combinația corectă de culori vă poate asigura că campaniile dvs. de marketing online sunt accesibile și lizibile pentru toate tipurile de public. Să aruncăm o privire la diferitele moduri în care culoarea vă poate transmite mesajul și să examinăm câteva dintre cele mai bune practici și instrumente online pentru accesibilitatea vizuală.

Cutie de culori Stabilirea stării de spirit

Culorile sunt excelente pentru a evoca un sentiment general în e-mailurile și paginile de destinație. Potrivit The Logo Company, următoarele trăsături sunt în general asociate cu fiecare culoare:

  • Roșu: emoție, energie, îndrăzneală, romantism
  • Verde: pace, creștere, sănătate, natural
  • Albastru: încredere, fiabilitate, putere, calm
  • Portocaliu: prietenos, încredere vesel, creativitate
  • Negru: Forță, putere, precizie
  • Alb: curat, simplu, ușor

Desigur, implicațiile culorii se pot schimba în timp – până în anii 1940, băieții purtau roz, nu fetele. Implicațiile se pot schimba și pe măsură ce călătoriți în jurul lumii. Dacă faceți marketing pentru un public global, veți dori să rețineți că aceeași culoare poate avea semnificații diferite pentru audiențe diferite. De exemplu, violetul este culoarea privilegiilor și a bogăției în Japonia, dar în Brazilia, este adesea culoarea doliu. În China, roșul poate semnifica noroc și fericire; în alte culturi poate implica război, pericol sau dorință.

Combinarea culorilor

În e-mail și design web, culoarea joacă, de asemenea, un rol important în ghidarea cititorului către mesaje și îndemnuri importante. Prea multe culori pot distrage atenția. Prea puține culori vă pot face mesajul confuz sau mai puțin interesant. Culoarea poate seta întreaga ierarhie a unui mesaj. Când ceva (cum ar fi un buton) este viu colorat și iese în evidență pe fundal, ochiul tău este automat atras mai întâi de el.

e-mail-landing-page
Acest e-mail face o declarație festivă, fără a deveni strident. Pagina de destinație se potrivește și cu designul general și cu schema de culori a e-mailului.

Ați observat altceva despre culorile din acest e-mail și pagina de destinație potrivite? Culorile sunt destul de complementare. Asta înseamnă că trăiesc pe părți opuse ale roții de culoare. Când doriți să găsiți două culori care să arate bine împreună (și să iasă în evidență una față de cealaltă), culorile complementare sunt un loc minunat de a începe. În acest exemplu, au folosit și roșul mai vibrant ca butonul de îndemn (CTA).

Combinația de trei culori adiacente pe roata de culori este cunoscută ca o schemă de culori analogă. Galbenul, galben-verde și verde arată adesea bine împreună, la fel ca roșu, roșu-portocaliu și portocaliu. De asemenea, puteți utiliza o schemă de culori monocromatică, cum ar fi combinarea negrului cu nuanțe de gri sau roșu cu roz. Doar asigurați-vă că există mult contrast, astfel încât orice text pe un fundal colorat să fie complet lizibil.

Păstrându-l lizibil

Când vine vorba de alegerea culorilor potrivite pentru e-mailuri eficiente, este important să rețineți că persoanele cu deficiențe de vedere pot avea dificultăți în navigarea în designul dvs. Color Universal Design (CUD) este un sistem de design dezvoltat inițial în Japonia, care a fost menit să ajute designerii să ia în considerare persoanele cu diferite tipuri de viziune a culorilor. Principiile de bază ale Color Universal Design sunt:

  • Alegeți scheme de culori care pot fi ușor identificate de persoanele cu toate tipurile de viziune a culorilor, ținând cont de condițiile reale de iluminare și de mediul de utilizare.
  • Folosiți nu numai culori diferite, ci și o combinație de diferite forme, poziții, tipuri de linii și modele de colorare pentru a transmite informații în mai multe moduri tuturor utilizatorilor, inclusiv celor care nu pot distinge diferențele de culoare.
  • Indicați în mod clar numele culorilor în care utilizatorii sunt așteptați să folosească numele culorilor în comunicare.
  • Urmărește modele frumoase și prietenoase vizual.

O anumită formă de daltonism afectează aproximativ opt la sută dintre bărbați și unu la sută dintre femei, ceea ce înseamnă că folosirea elementelor cu contrast ridicat este întotdeauna o idee bună. Adobe Photoshop acceptă CUD cu funcțiile sale de soft-proofing – îi ajută pe designeri să vadă cum ar putea arăta o imagine pentru persoanele cu diferite tipuri de daltonism.

De asemenea, puteți utiliza un instrument online, cum ar fi simulatorul de daltonism, pentru a vedea cum va arăta o grafică pentru cineva care este daltonist.

Iată cum se traduce logo-ul Act-On pentru trei tipuri majore de deficiențe de vedere.

Logo-ul Protanopia
Protanopia: incapacitatea de a vedea culoarea roșie sau de a o distinge de verde sau verde-albăstrui.

Logo Deuteranopia
Deuteranopia: incapacitatea de a vedea culoarea verde sau de a o distinge de roșu.

Tritanopia-act-on-logo
Tritanopia: incapacitatea de a distinge albastru de galben, albastru de verde și galben de violet.

Utilizați un instrument precum roata de culori pentru accesibilitate pentru a testa alegerea unei perechi de culori (de exemplu, text pe fundal). Vă poate ajuta să înțelegeți cum apare combinația pentru diferite tipuri de daltonism, precum și cum se compară luminozitatea și contrastul cu standardele definite de World Wide Web Consortium (W3C). Veți găsi mai multe îndrumări și resurse pentru a face internetul accesibil persoanelor cu dizabilități pe site-ul W3C.

Reflectarea mărcii dvs

Când proiectați mesaje de e-mail și pagini de destinație, este, de asemenea, important să vă consolidați în mod continuu marca. Țineți cont de paleta dvs. generală de culori de branding și, dacă vă diferiți de aspectul și senzația tradițională, faceți-o într-un mod care să fie încă recunoscut pentru publicul dvs. Culorile și elementele de design pe care le utilizați în campaniile dvs. de e-mail nu trebuie să se potrivească sau să oglindească exact marca dvs., dar ar trebui să reflecte stilul și tonul dvs. general. Acest tip de consecvență ajută la construirea încrederii în mintea cititorilor tăi.

steagul canadei
O, Canada. Ieși în evidență într-o mulțime.

De exemplu, la crearea unui e-mail și a unei pagini de destinație pentru un webinar Act-On despre noua legislație anti-spam a Canadei, ar fi fost foarte tentant să încorporăm steagul canadian în design. La urma urmei, roșul este o culoare puternică și nimic nu spune Canada la fel de bine ca frunza de arțar stacojiu.

Dar, în schimb, am folosit culori și elemente de design care ne-au întărit identitatea mărcii în e-mail și le-am transferat și pe pagina de destinație. În acest fel, cititorii noștri ar putea fi siguri că acesta nu a fost un fel de mesaj spam în sine.

act-on-email-landingpage
Dar cea mai importantă considerație a culorii dintre toate este aceasta: ce funcționează pentru publicul tău? Ați testat o varietate de combinații de culori diferite în campaniile dvs. de e-mail? Ați încercat diferite opțiuni de culoare pentru butoane? Ați efectuat teste A/B ale paginilor dvs. de destinație? Testarea este cea mai bună modalitate de a descoperi ce rezonează cu clienții și potențialii dvs. - iar rezultatele vor vorbi de la sine.

Tocmai ai început cu marketingul prin e-mail? Începeți-vă cu acest set de instrumente gratuit:

Noțiuni introductive cu setul de instrumente de marketing prin e-mail