Influența cu designul – Un ghid pentru culoare și emoții

Publicat: 2022-03-11

Văzând roșu. Senzație de albastru. Verde de invidie.

Expresiile populare arată că oamenii au asociat de mult culorile cu emoțiile pe care le evocă. Oamenii asociază roșul cu mânia (sau pofta), albastrul cu depresia și, cel puțin de pe vremea lui Shakespeare, verde cu gelozia. (El a făcut referire la culoarea verde în legătură cu gelozia de cel puțin trei ori în lucrările sale.)

Designerii UX pot folosi culoarea cu mare efect pentru a influența emoțiile oamenilor, precum și comportamentul lor real. Culoarea are cel mai mare efect asupra modului în care oamenii percep modelele, dar prea mulți designeri nu cheltuiesc timpul și efortul necesar pentru a crea corect palete de culori pentru proiectele lor.

Acest lucru are ca rezultat o mulțime de efort irosit și palete de culori care nu influențează neapărat un răspuns dezirabil la un produs. Și în cel mai rău caz, culorile pot opri oamenii chiar și atunci când totul despre un design este optimizat.

Există culori pozitive și negative?

Există o idee comună că unele culori sunt în mod inerent pozitive sau negative. Cel mai adesea, culorile calde (galben, roșu și portocaliu) sunt considerate pozitive, în timp ce culorile reci (albastru, verde și violet) sunt considerate negative.

Totuși, acele asociații nu sunt reguli stricte și rapide. De exemplu, roșul (o culoare caldă), poate evoca sentimente de furie sau pericol (luați în considerare monologul lui Holly Golightly despre „roșul rău” din Breakfast at Tiffany’s ), în timp ce verdele (o culoare rece) poate evoca sentimente de creștere și noi începuturi. Acesta este unul dintre motivele pentru care psihologia culorilor și teoria culorilor sunt atât de complexe. Există factori aparent nesfârșiti care pot influența modul în care o culoare este percepută și modul în care afectează comportamentul și gândirea umană.

Diferențele culturale pot avea, de asemenea, un efect profund asupra semnificațiilor culorilor. În multe culturi occidentale, albul este asociat în mare măsură cu puritatea și pacea, și totuși, în unele țări asiatice, albul este asociat cu moartea și doliu.

Este vital ca designerii să acorde atenție modului în care culorile din paletele lor funcționează în armonie între ele și modul în care fiecare culoare le influențează pe celelalte din jurul ei.

Efectele psihologice ale culorilor

Culorile calde tind să fie revigorante și vii. Ele sunt de obicei energizante și pot adăuga viață unui design. În loc să se amestece în fundal, culorile calde „ipar” pe ecran sau pe pagină și tind să fie în fruntea unui design.

O schemă de culori calde apare pe un fundal negru
Paleta de culori roșu și bej cald de pe pagina de pornire a aplicației Hourly generează energie și urgență pe care o paletă de culori rece nu le-ar crea.

Un lucru interesant de remarcat cu culorile calde este că două dintre cele trei culori primare (roșu și galben) sunt calde, portocaliul, o culoare secundară, fiind o combinație a celor două. Aceasta înseamnă că, în cea mai mare parte, culorile calde sunt pur calde, adică primare, și nu pot fi amestecate cu alte culori.

Culorile reci sunt mai probabil decât culorile calde să fie percepute ca calme. Nu este întotdeauna cazul, însă, mai ales că verdele și violetul, care sunt culori secundare, sunt create prin combinarea unei culori primare reci (albastru) cu o culoare caldă (galben pentru a crea verde și roșu pentru a crea violet). Aceasta înseamnă că, în timp ce acele nuanțe sunt considerate „rece”, ele pot prelua unele dintre caracteristicile aspectelor lor calde.

Semnificațiile culorii: albastrul este calm și de încredere
Albastrul calmant al site-ului web de gin Whitetail dă o impresie de relaxare.

Verdele, în special versiunile mai ușoare și mai luminoase, poate fi asociat cu viața și energia pozitivă. Mov, mai ales atunci când este mai strălucitor (cum ar fi fuchia) sau mai deschis (precum lavanda), poate fi o culoare foarte vie.

Modificarea valorii unei nuanțe modifică asocierile de culoare
Valorile mai luminoase (cum ar fi violetul strălucitor și fuchia) oferă culorilor reci mai multă energie.

Culorile neutre (maro, cafeniu, gri, alb și negru) tind să capete caracteristicile culorilor cu care sunt combinate, deși pot, de asemenea, să atenueze sau să sporească aceste efecte. De exemplu, combinarea culorilor calde cu albul poate crea un design care pare mai usor (din punct de vedere al greutatii, nu doar din punct de vedere al vibratiei generale) si lipsit de griji. Combinarea acelorași culori calde cu negru le poate face să pară mai intense și mai dramatice. Combinarea culorilor reci cu negrul le poate face mai misterioase, în timp ce combinarea lor cu alb le poate face mai calme și mai relaxate.

Efectul culorii asupra comportamentului consumatorului

Culoarea poate afecta starea de spirit sau gândurile unei persoane, dar poate afecta și comportamentul acesteia?

Da, absolut.

Specialiştii în marketing s-au bazat de mult pe culoare pentru a-i influenţa pe consumatori să întreprindă anumite acţiuni. De aceea, semnele din vitrinele magazinelor menite să atragă atenția trecătorilor sunt adesea galbene, iar prețurile de vânzare sunt adesea notate cu roșu.

Multe dintre aceste alegeri se bazează mai mult pe tradiție decât pe știință, dar asta, la rândul său, a creat o așteptare în rândul consumatorilor. Când văd un preț roșu, presupun că orice se uită la ei este în vânzare sau în lichidare. Când văd un semn galben într-o fereastră, își iau un moment să îl citească pentru că se așteaptă să includă informații pertinente (galbenul este una dintre culorile cele mai vizibile pentru ochiul uman, așa că atrage atenția în mod natural).

Efectele psihologice ale culorii: roșul este asociat cu vânzările
Site-ul web ASOS folosește roșu pentru a indica prețurile de vânzare, semnalând clienților că primesc o ofertă bună.

Iată o scurtă prezentare a modului în care fiecare nuanță afectează comportamentul consumatorului (informații mai detaliate despre utilizarea culorii pentru marketing pot fi găsite în acest infografic de la Suyati).

  • Roșul este puternic asociat cu cumpărarea și vânzările. Dacă este folosit prea mult, poate alunga unii clienți.
  • Portocaliul poate fi folosit pentru apeluri la acțiune, dar poate fi și iritant dacă este folosit în exces. Acesta este motivul pentru care nu este adesea văzut în afara logo-urilor sau a culorilor de accent.
  • Galbenul atrage atenția și atrage atenția consumatorilor.
  • Verdele este ușor de prelucrat de ochiul uman și, prin urmare, este adesea folosit pentru a crea un sentiment de relaxare. De asemenea, este puternic asociat cu banii și norocul.
  • Albastrul este culoarea preferată a lumii, așa că nu este surprinzător faptul că este utilizat pe scară largă în comunicații de tot felul. Este, de asemenea, puternic asociat cu loialitatea, onestitatea și puterea, ceea ce o face o alegere populară pentru marile corporații și companii din industriile mai conservatoare (cum ar fi banca și asigurările).
  • Violet este folosit intens în industria produselor de înfrumusețare, deși este, de asemenea, văzut asociat cu bunuri de lux (cum ar fi Asprey, care și-a numit chiar parfumul semnătură Purple Water).
  • Negrul este în general sofisticat și elegant atunci când este utilizat în marketing. Este utilizat pe scară largă în comunicații în majoritatea industriilor.
  • Albul este adesea asociat cu curățenia și, prin urmare, este popular în industria sănătății. Este folosit și în industria tehnologiei datorită asocierii sale cu simplitatea.
  • Griul este, de asemenea, asociat cu simplitatea și este adesea folosit de agenți de marketing pentru a calma și a calma consumatorii.

Din nou, efectul pe care fiecare culoare îl are asupra comportamentului consumatorului este puternic influențat de modul în care este utilizată, precum și de contextul conținutului.

Doriți designeri de interfață de utilizare independenți cu normă întreagă din SUA

Crearea unor palete de culori puternice din punct de vedere emoțional

Mulți designeri UX cred că anumite culori „nu pot” fi folosite în anumite situații. Acest tip de gândire este depășit și nu are loc în designul modern.

Să ne uităm la culoarea anului Pantone pentru 2019: Coral viu. Aceasta este o nuanță puternică și una pe care mulți designeri ar putea să se ferească să o folosească pentru o mulțime de proiecte. (Notă: nu susțin să sară în acest vagon anume doar de dragul de a urmări tendințele, dar este un bun punct de plecare pentru un experiment.)

La urma urmei, ce loc are Living Coral pe ceva de genul unui site bancar sau pe un site care vinde costume pentru bărbați (deși recuzită pentru bărbații de acolo care pot purta un costum de coral)? Dar iată palete de culori care ar putea fi folosite pentru o varietate de industrii care încorporează Living Coral, doar pentru a demonstra că aproape orice culoare poate fi folosită pentru orice proiect pe care un designer își dorește atunci când este folosită în contextul potrivit.

Nu sunteți sigur cât de util este acest lucru? Gândiți-vă la clienții care vin la un designer cu un proiect și insistă ca o anumită „culoare de marcă” să fie folosită, chiar dacă acea culoare este hidoasă.

Iată patru exemple de palete de culori care încorporează Living Coral, potrivite pentru o varietate de industrii.

Culoare și branding: o paletă de culori creativă
Această paletă de culori este distractivă și funky. Ar fi grozav pentru un site destinat copiilor sau activităților creative.


Cele mai bune combinații de culori pentru site-urile corporative
Aceasta este o paletă grozavă pentru o industrie tradițională, cum ar fi dreptul, banca sau asigurările, dar adăugarea Living Coral îi conferă un sentiment mai accesibil și l-ar putea ajuta să atragă publicul mai tânăr.


Teoria culorilor pentru designeri: aproape orice culoare poate fi încorporată într-un brand
Această paletă este mai dezactivată și ar fi fantastică pentru o companie de îmbrăcăminte sau alt site unde conținutul ar trebui să iasă mai mult în evidență decât elementele de design.


Efectele psihologice ale culorii pot fi profunde
Această paletă se simte tradițională (gândiți-vă la verile pe Cape Cod), în același timp proaspătă și relaxată.

Patru palete diferite, patru sentimente complet diferite. Același tip de experiment ar putea fi făcut în jurul oricărei culori.

O altă modalitate de a încorpora culorile aparent nearmonioase într-un design este de a schimba valoarea nuanței adăugându-i fie negru, gri sau alb.

Asociațiile de culori pot fi modificate adăugând negru, alb sau gri
Culorile strălucitoare din stânga își pot schimba impactul emoțional adăugând (de la stânga la dreapta) negru, gri sau alb.

Crearea unei culori care este mai dezactivată (adăugarea de gri) o va face să se simtă mai relaxată. Adăugarea de negru pentru a închide o culoare îi conferă un sentiment mai tradițional sau conservator. Adăugarea de alb pentru a deschide culorile le oferă un sentiment mai inocent și mai liniștit.

Una dintre părțile cele mai trecute cu vederea ale teoriei culorii este capacitatea unui designer de a avea încredere în instinctele lor. Culoarea este foarte subiectivă și, deși există anumite linii directoare, este încă o zonă de design relativ nestudiată.

Designerii ar trebui să-și urmeze instinctele încercând diverse palete de culori și idei, apoi să facă teste utilizatorilor pentru a demonstra dacă instinctele lor au fost corecte sau nu. Testarea utilizatorilor, testarea A/B și alte metode de colectare a datelor despre eficacitatea diferitelor palete de culori sunt de neprețuit în crearea design-urilor finale.

Concluzie

Relația dintre culoare și emoție este unul dintre cele mai importante aspecte ale unui bun UX design. Paleta de culori potrivită îi încurajează pe oameni să întreprindă acțiuni pe un site sau cu o aplicație pe care designerii doresc ca ei să o facă, în timp ce paleta greșită îi poate abate pe vizitatori înainte de a acționa.

Alegerea paletei de culori potrivite este parțial artă și parțial știință. Când vine vorba de proiectarea unei palete inițiale, designerii ar trebui să-și urmeze instinctele împreună cu cercetările disponibile, apoi să testeze și să retesteze pentru a garanta că paleta de culori întărește scopul general al designului.

•••

Citiri suplimentare pe Blogul Toptal Design:

  • Un spectru de posibilități: Ghidul de culoare Go-To UI
  • Psihologia designului și neuroștiința Awesome UX
  • Cauză și efect – Explorarea psihologiei culorilor
  • Proiectare pentru emoție pentru a crește implicarea utilizatorilor
  • Rolul culorii în UX