Rolul culorii în UX

Înțelegerea psihologiei culorilor este un aspect cheie al creării unei palete de culori care funcționează bine în designul digital. În timp ce culoarea este uneori considerată o alegere pur estetică de către unii designeri, este, de fapt, o componentă cheie a impactului psihologic al unui design asupra utilizatorilor și, ca atare, UX-ul său.

O paletă de culori bine gândită poate ridica un design de la „bun” la „superb”, în timp ce o paletă de culori mediocră sau proastă poate diminua experiența generală a unui utilizator și chiar poate interfera cu capacitatea acestuia de a utiliza un site sau o aplicație.

În timp ce teoria culorilor în general este un subiect complex, iar utilizarea culorii în designul UX acoperă mult mai mult decât crearea unei palete care să arate frumos (cum ar fi accesibilitatea și efectele psihologice chiar și ale diferitelor nuanțe în aceeași nuanță); designerii pot încorpora treptat o mai bună utilizare a culorii în desenele lor, fără a fi nevoie să-și regândească întregul proces. Odată ce un designer are elementele de bază acoperite, una dintre cele mai pline de satisfacții ale teoriei culorilor este să învețe să încorporeze culori mai neașteptate în design-ul său.

Psihologia culorii

Teoria culorii și efectele psihologice pe care culoarea le poate avea asupra utilizatorilor este un subiect complex și adesea subiectiv. Există însă anumite aspecte care pot fi abordate la un nivel mai universal.

Lucruri precum semnificațiile comune ale culorilor principale (primare, secundare și terțiare), paletele tradiționale de culori și variațiile culturale ale semnificațiilor culorilor sunt toate destul de simple. Designerii pot învăța cu ușurință aceste elemente de bază și le pot aplica în munca lor. Dar există puncte mai fine de învățat când vine vorba de utilizarea culorilor în designul UX .

Impactul emoțional al culorilor interfeței nu trebuie trecut cu vederea. Și în timp ce unele culori sunt „universale” în designul UX (cum ar fi negru, alb și gri, dintre care cel puțin una este folosită în aproape orice design bun de acolo), culorile cu care sunt combinate pot avea un impact uriaș asupra percepția unui utilizator.

Desigur, modul în care este folosită culoarea poate avea, de asemenea, un impact dramatic asupra modului în care este percepută. De exemplu, albastrul folosit ca culoare primară într-un design modern, minimalist va avea o senzație foarte diferită decât același albastru folosit ca culoare de accent într-un design corporativ mai complex.

Diferențele culturale de culoare

O problemă pe care designerii tind să o ignore este diferențele culturale care pot exista în jurul diferitelor culori. De exemplu, în multe culturi occidentale, albul este asociat cu lucruri precum puritatea, inocența și speranța. Dar în anumite părți ale Asiei, albul este asociat cu moartea, doliu și ghinion.

Unele culori au în general conotații pozitive, indiferent de cultură (cum ar fi portocaliu), în timp ce altele, precum albul, variază foarte mult între diferite țări. Acest lucru poate complica cu siguranță viața unui designer atunci când încearcă să creeze un design care va atrage cea mai mare audiență posibilă.

Este important ca designerii să se uite la implicațiile culturale ale paletelor lor de culori în funcție de publicul vizat pentru produs sau site-ul web. Dacă un produs va viza un public din întreaga lume, asigurați-vă că echilibrați culorile și imaginile folosite pentru a preveni conotațiile culturale negative. Dacă un produs va viza în primul rând doar o anumită cultură, designerii pot acorda mai puțină atenție implicațiilor pe care paleta aleasă le poate avea în alte culturi.

Potrivirea culorilor UX cu marca

Valorile mărcii ar trebui să joace un rol cheie în crearea unei palete de culori. Dar nu sunt singurul factor important. Normele din industrie sunt, de asemenea, cheie, la fel ca culorile deja folosite de concurenți. Folosirea unei palete de culori care este aproape identică cu concurența principală a unei mărci este o modalitate excelentă de a genera confuzie și de a vă asigura că marca nu va ieși în evidență.

Desigur, există excepții de la aceasta. Luați, de exemplu, McDonald's și Wendy's. Ambele sunt restaurante fast-food care se află în concurență directă între ele. Și ambele folosesc o paletă de culori roșii și galbene. Cu toate acestea, privind logo-urile lor, logo-ul lui Wendy este în primul rând roșu cu accente galbene, în timp ce McDonald's este opusul. Ambalajul lor folosește, de asemenea, aceste culori în moduri diferite, diferențierea și mai mult între mărci. Din acest motiv, niciunul nu ar fi ușor confundat cu celălalt, chiar dacă siglele și alte mărci de identificare ar fi îndepărtate din ambalaj.

Primul pas pentru a crea o paletă de culori a mărcii care să susțină valorile mărcii este să înțelegeți semnificația diferitelor culori și cum să le faceți mai deschise/mai luminoase/mai întunecate/mai terne/etc. le poate afecta. Iată o defalcare de bază a ceea ce înseamnă diferite culori:

• Roșu — Roșu este culoarea pericolului și a pasiunii, precum și a entuziasmului. Este o culoare foarte puternică și poate provoca reacții puternice la oameni. Luminând-o până la roz, o face mai feminină și romantică, în timp ce întunecarea nuanței până la maro o face mai discretă și mai tradițională.
• Portocaliu — Portocaliul este o culoare foarte creativă care este asociată și cu aventura și tinerețea. Este și foarte energic. Datorită legăturilor puternice ale portocalii cu stilul anilor 70, poate evoca și un sentiment retro.
• Galben - Galben este fericit, optimist și vesel. Este popular în design pentru copii și adulți deopotrivă. Mai multe nuanțe pastelate sunt adesea folosite ca culoare neutră pentru copii, în timp ce galbenii mai strălucitori sunt populari în modelele creative. Nuanțele mai închise de galben devin aurii, care este asociat cu bogăția și succesul.
• Verde - Verde are asociații variate. Pe de o parte, provoacă sentimente de bogăție și tradiție (în special nuanțe mai închise), în timp ce, pe de altă parte, este puternic asociată cu ecologismul și natura. Verdele de tei sunt adesea asociate cu reînnoirea și creșterea.
• Albastru — Albastrul este cel mai adesea asociat cu loialitatea și încrederea. Albastrul mai strălucitor poate fi asociat cu comunicarea, în timp ce albastrul mai plictisitor și mai închis poate fi asociat cu tristețea și depresia. Albastrul este cea mai apreciată culoare din lume, ceea ce poate explica de ce atât de multe companii optează pentru nuanțe de albastru pentru brandingul lor.
• Violet - Violet este o altă nuanță cu semnificații variate. A fost mult timp asociat cu regalitatea și bogăția (deoarece colorantul violet era rar în multe civilizații antice, era rezervat regalității). Dar este asociat și cu misterul și spiritualitatea. Movul poate evoca, de asemenea, creativitatea.
• Negrul — Negrul implică rafinament și lux. Totuși, poate fi legată de tristețe și negativitate. În funcție de celelalte culori UX folosite alături de negru, se poate simți modern sau tradițional, formal sau casual.
• Alb - Albul este legat de puritate, inocență și pozitivitate. Albul este, de asemenea, foarte popular în design-urile minimaliste, datorită neutralității și simplității sale. La fel ca negrul, albul capătă cu ușurință caracteristicile altor culori cu care este folosit.
• Gri — Gri are semnificații variate, în funcție de context. Poate fi conservator și sofisticat sau murdar și plictisitor. Poate fi lipsit de emoții sau capricios. Poate fi asociat și cu tristețea și tristețea.
• Maro — Maro (care este de fapt o nuanță închisă de portocaliu) este asociat cu a fi cu picioarele pe pământ și împământat. Este, de asemenea, asociat cu natura și chiar confortul. Și, desigur, poate fi asociat cu faptul că este murdar sau murdar.

Cunoașterea acestor semnificații de bază a culorilor oferă designerilor o bază solidă pe care să construiască palete de culori pentru orice marcă sau produs.

Teoria culorii, totuși, este în parte știință și în parte artă. Doar pentru că o culoare este, în general, asociată cu un anumit sentiment sau dispoziție, nu înseamnă că nu poate fi percepută în alte moduri, combinând-o cu diferite culori, modificând nuanța exactă sau variind modul în care este utilizată printre alte elemente de design.

Utilizarea culorilor UX neconvenționale

Utilizarea neconvențională a culorilor UX este o modalitate excelentă de a distinge un brand. Și, deși este nevoie de mai multă finețe decât simpla combinare a oricăror culori vechi pe care un designer are chef să le combine, nu este atât de dificil să înveți cum să folosești culori neașteptate în design-urile UX.

Culorile de accent sunt cel mai ușor loc de început atunci când vine vorba de adăugarea de culori neconvenționale într-un design. De exemplu, site-ul web al unei firme de avocatură ar putea folosi o paletă tradițională de culori de bleumarin și gri. Dar adăugați câteva accente de verde lime și dintr-o dată designul este separat de marea altor firme de avocatură cu site-uri web bleumarin și gri. Sau uitați-vă la acest exemplu de la Hogan Lovells, care folosește o paletă de culori alb, gri și verde lime pentru a crea un site web modern, care se distinge cu siguranță de alte site-uri din industrie legală. Ar atrage o mulțime mai tânără și mai modernă decât site-ul dvs. legal obișnuit.

Berdan Real Estate este un alt site care folosește o paletă de culori neașteptată. Site-ul imobiliar folosește nuanțe de galben și piersici, ambele fiind mult mai energice decât site-ul obișnuit de proprietate (unde domină zone mari de albastru, roșu și verde).

În general, asigurările nu sunt considerate o industrie modernă, inovatoare, dar asta nu înseamnă că designul lor nu poate fi. Site-ul web Lemonade folosește o schemă de culori gri și alb cu accente fucsia. Este complet neașteptat într-o industrie care nu este cunoscută pentru că își asumă riscuri.

Există o multitudine de alte exemple de culori UX neconvenționale folosite în practică pe web, care pot fi folosite pentru inspirație.

Regula 60-30-10

Regula 60-30-10 este o teorie simplă pentru crearea paletelor de culori bine echilibrate și interesante din punct de vedere vizual. Ideea este că o singură culoare - în general ceva destul de neutru (fie literal, fie psihologic) - reprezintă 60% din paletă. O altă culoare complementară reprezintă 30% din paletă. Și apoi o a treia culoare este folosită ca accent pentru restul de 10% din design.

Această metodă face mult mai ușor pentru designeri să înceapă să experimenteze cu palete de culori neconvenționale, fără a depăși prea mult normele așteptate într-o industrie sau brand. Adăugarea unei nuanțe neașteptate poate ridica un design care altfel se încadrează în ceea ce se așteaptă de la o anumită companie. Acesta poate fi, de asemenea, primul pas către crearea unei palete de mărci care este mult mai lungitoare decât concurenții săi, deosebind astfel marca și făcând-o mai memorabilă.

Concluzie

În timp ce teoria culorilor este un subiect complex, nu este deosebit de complicat să înveți elementele de bază. De acolo, designerii pot construi pe baza cunoștințelor lor pentru a crea palete de culori mai variate și mai sofisticate pentru design-urile lor.

O paletă de culori bine concepută, în special una care include câteva nuanțe neașteptate, nu este doar o alegere estetică. Poate avea efecte psihologice semnificative asupra utilizatorilor, pe care designerii UX ar trebui să le valorifice pentru a crea experiențe mai bune.

• • •

Citiri suplimentare pe Blogul Toptal Design:

• Psihologia designului și neuroștiința Awesome UX
• Interfețe de utilizare întunecate. Cei buni şi cei răi. Ce să faci și ce să nu faci.
• Branding emoțional pentru design durabil de produs
• Folosește-ți inspirația – Un ghid pentru Mood Boards
• Design persuasiv: Utilizarea eficientă a psihologiei avansate