Culoarea este o parte esențială a modului în care trăim lumea. Dar contează într-adevăr culorile pentru optimizarea conversiei? Poate o culoare a butonului să garanteze o performanță mai bună pentru un îndemn (CTA)?
Nicio culoare nu este mai bună decât alta.În cele din urmă, ceea ce contează este cât de mult contrastează culoarea unui buton cu zona din jurul acestuia.
Această postare explică ceea ce contează cu adevărat pentru CTA-urile site-ului web și culorile butoanelor. Studiile „definitive” pe care le-ați citit sunt departe de a fi definitive, iar o abordare superficială a testării (de exemplu, încercați orice culoare aleatorie a butonului) nu vă va ajuta să construiți un program de experimentare riguros.
Curs de optimizare a conversiei
De Peep Laja
Întrebările legate de sondaj sunt doar o parte a plăcii de optimizare a conversiilor. Profitați în continuare în modul de optimizare a tuturor cercetărilor de conversie în acest curs gratuit.
Asocierile psihologice ale culorilor
Culori diferite ne pot ridica sau ne pot doborî. Există, de asemenea, o latură psihologică a culorilor - anumite culori sunt asociate cu diferite calități și emoții.
În diferite culturi, culori diferite înseamnă a contrazice lucrurile. De exemplu, albul este culoarea dolului și a morții în cultura chineză, dar culoarea morții în Brazilia este violet. Galbenul simbolizează fericirea și pacea în hinduism, dar reprezintă tristețe în Grecia și gelozie în Franța.
Oamenii din țările tropicale răspund favorabil la culorile calde; oamenii din climatul nordic preferă culori mai reci și așa mai departe.
Se mai spune că, în cultura nord-americană, culoarea albastră creează un sentiment de încredere, dar încurajează și apetitul. Verde înseamnă presupus natura, prospețimea, creșterea și banii. Galbenul aduce cu sine soare și fericire.
Există unele adevăruri în aceste interpretări, dar putem traduce aceste presupuse asociații în ascensiuni de conversie?
Experimente cu utilizarea culorii
Roșu te poate face câștigător ...
Aproape universal, roșu înseamnă oprire. Roșu înseamnă pericol. Roșu înseamnă fierbinte. Și analizând rezultatele Jocurilor Olimpice din 2004, cercetătorii au descoperit că roșu înseamnă și dominare.
Au examinat boxul, taekwondo-ul, lupta greco-romană și lupta liberă, practic toate sporturile individuale. În aceste sporturi, concurenților li se atribuie în mod aleatoriu ținute roșii sau albastre, deci nu este posibilă nicio echipare.
Concurenții în ținute roșii tind să funcționeze (puțin) mai bine la Jocurile Olimpice, chiar și atunci când culorile sunt alocate aleatoriu. (Credit de imagine )
În 16 din cele 21 de runde, cei care purtau roșu au câștigat. Tendințe similare s-au găsit în Campionatul European de Fotbal din 2004. Cercetătorii sunt atenți să sublinieze că efectul este cel mai subtil. Și acel roșu poate fi un factor decisiv numai în rândul concurenților egalizați - dar există în continuare.
„Descoperim că purtarea roșu este în mod constant asociată cu o probabilitate mai mare de a câștiga”, au scris cercetătorii Universității din Durham, Russell Hill și Robert Barton.
... sau un învins
Cercetătorii de la Universitatea din Rochester au descoperit că culoarea roșie ne poate împiedica, de asemenea, să facem tot posibilul la teste. În experimentele lor, au dorit să afle dacă percepția roșu ar afecta rezultatele testelor IQ sau ale examenelor academice majore. În context academic, culoarea roșie este în mod tradițional asociată cu erori de marcare.
Patru experimente au arătat că doar o scurtă percepție a culorii a avut un impact negativ asupra rezultatelor. „ A determinat oamenii să se descurce mai rău fără știrea lor”, a spus Elliot, unul dintre autori.
Constatările au arătat că „trebuie să se acorde atenție modului în care roșul este utilizat în contexte de realizare”, au raportat cercetătorii, „și ilustrează modul în care culoarea poate acționa ca un indiciu de mediu subtil care are influențe importante asupra comportamentului”.
Culoarea și gustul ciocolatei calde
Ce face ca ciocolata fierbinte să fie atât de bună? Poate fi culoarea recipientului din care îl bei. (Credit de imagine)
Se pare că culoarea recipientului în care sunt servite mâncarea și băutura contribuie la gustul perceput. Este adevărat, cel puțin, pentru consumul de ciocolată fierbinte, explică cercetătoarea Betina Piqueras-Fiszman.
Piqueras-Fiszman și partenerii ei de cercetare au avut 57 de participanți care probează ciocolată caldă servită în recipiente de patru culori diferite: alb, crem, portocaliu și roșu. Toate aveau aceeași dimensiune și toate erau albe în interior.
Aroma ciocolatei calde servite în cupe de culoare portocalie și crem a fost apreciată mai bine de către participanți. Cu toate acestea, dulceața și aroma au fost considerate similare, indiferent de culoare.
„Nu există o regulă fixă care să arate că aroma și aroma sunt îmbunătățite într-o ceașcă de o anumită culoare sau nuanță”, a recunoscut Piqueras-Fiszman. „În realitate, acest lucru variază în funcție de tipul de mâncare, dar adevărul este că, pe măsură ce apare acest efect, ar trebui să se acorde mai multă atenție culorii recipientului, deoarece acesta are mai mult potențial decât s-ar putea imagina.”
Dacă culoarea poate avea impact asupra performanței noastre atletice, a realizărilor academice și a percepției gustului, poate afecta și decizia noastră de a da clic?
Care este cea mai bună culoare pentru butoanele CTA?
Roșu ar putea crește șansele de a câștiga în sport. Următoarea dvs. ciocolată fierbinte poate avea un gust mai bun într-o ceașcă portocalie. Dar ce legătură are asta cu conversiile de pe web? Roșul îți oferă într-adevăr un avantaj pentru butonul CTA?
Verde vs. roșu: un război al butonului de îndemn
De-a lungul anilor, au existat controverse cu privire la culoarea care se transformă cel mai bine pentru butonul CTA. Unbounce a declarat că viitorul butoanelor CTA a fost „BOB” (Big Orange Buttons).
Există, de asemenea, o serie de studii de caz interesante de testare A / B în care un buton portocaliu sau în mare parte roșu a fost testat în comparație cu alte culori, adesea verde.
Când te gândești la asta, verdele este în mare parte asociat cu emoții pozitive. Când semafoarele devin verzi, înseamnă că puteți conduce. Viceversa cu roșu. Culoarea este în mare parte asociată cu emoții negative.
Deci ce crezi?Ce culoare a butonului a câștigat? Iată ce au spus studiile de caz.
Studiu de caz 1
Dmix a scris despre un test al culorilor butoanelor verzi și roșii. În testarea lor cu 600 de subiecți, au descoperit că conversiile au crescut cu 34% atunci când au folosit un buton roșu.
Studiu de caz 2
Credit de imagine
Următorul test vine prin amabilitatea HubSpot. Au efectuat un test similar cu butoane verzi și roșii pe un site client. Au efectuat testul câteva zile și, în total, au avut mai mult de 2.000 de vizite.
Rezultatul lor? Butonul roșu a depășit cu 21% butonul verde.
Studiu de caz 3
(Credit de imagine)
Al treilea test vine cu amabilitatea VWO. Clientul lor era un site de comerț electronic care vândea telefoane mobile și accesorii. Au testat culorile butonului „Cumpărați acum” pe site. Competiția a inclus un buton alb cu text verde, buton verde cu text alb și buton roșu (portocaliu închis) cu text alb.
Și câștigătorul a fost - ați ghicit - butonul roșu, de data aceasta cu o creștere de 5% a conversiei.
Studiu de caz 4
Credit de imagine
Acest studiu, în loc să compare butoanele roșiatice cu cele verzi, a analizat un buton portocaliu versus albastru. În testele lor, butonul albastru a câștigat, producând o creștere de 9%.
În ciuda acelei „supărări” de butoane albastre, butoanele roșii sau roșiatice erau dominante, tendință susținută și de alte studii.
Și totuși, Peep nu a scris următoarele despre culori în designul web în această postare:
Mi-a plăcut acest tweet de Naomi Niles:
Nu aș putea fi mai de acord.Acest tip de narațiune oferă oamenilor o idee greșită despre ce înseamnă testarea.Da sigur - uneori culoarea afectează rezultatele - mai ales când afectează ierarhia vizuală, face ca îndemnul la acțiune să iasă în evidență mai bine și așa mai departe.Dar „verde vs portocaliu” nu este esența testării A / B.Este vorba despre înțelegerea publicului țintă.Efectuarea de cercetări și analize poate fi obositoare și este cu siguranță o muncă grea, dar este ceva ce trebuie să faci.
Pentru a oferi conversiilor dvs. o creștere serioasă, trebuie să faceți cercetări de conversie.Trebuie să faceți greutăți mari.
Câștigurile serioase din conversii nu provin din înșelăciunea psihologică, ci din analiza de care au nevoie cu adevărat clienții dvs., a limbajului care rezonează cu acestea și a modului în care doresc să îl cumpere.Este vorba despre relevanță și valoarea percepută a ofertei totale.
De ce ar trebui să fii sceptic cu privire la studiile de caz pentru culoarea butoanelor
Să aruncăm o privire la un ultim exemplu, care va ajuta acest lucru să aibă mult mai mult sens. RIPT Apparel a testat culoarea butonului „Cumpărați acum” pentru a vedea dacă ar avea vreo diferență în linia de jos.
Aceasta este versiunea originală:
Credit de imagine
Și acesta a fost noul buton:
Credit de imagine
Fără o mare surpriză, numerele de conversie au crescut. Privind cazurile anterioare, s-ar putea spune că, dacă ar schimba butonul în roșu, s-ar putea converti și mai bine. Ei bine, nu chiar.
Uitați-vă din nou la original. Vedeți ceva care ar trebui să fie acolo, dar nu este? În original lipsește un buton! CTA „Cumpărați acum” se pierde în design. Puteți vedea clar noul buton, indiferent dacă este verde, roșu, galben sau oricare dintre culorile sale.
Din păcate, așa a început marea controversă a culorilor butoanelor. Vedeți rezultate uimitoare care sugerează că o singură culoare convertește întotdeauna cel mai bun. Adică până când te uiți mai atent.
Cel mai adesea, aceste teste arată că, anterior, nu exista buton sau butonul este mult mai proeminent. Se distinge de restul paginii și convertește mai bine, deoarece este o culoare cu contrast ridicat, nu o singură culoare.
Monetate, care a efectuat testul butonului albastru vs. portocaliu, avea acest lucru de spus:
Dar, dacă vă uitați în rezultate, veți vedea că butoanele portocalii au fost aproape întotdeauna testate împotriva unui control al niciunui buton. În astfel de cazuri, nu este o surpriză faptul că butoanele portocalii fac diferența. Bineînțeles că da ... în comparație cu niciun buton! Practic orice buton va face diferența, indiferent de culoare.
În cazul RIPT Apparel, au testat o versiune finală, cu un buton galben:
Credit de imagine
Conversiile au crescut cu încă 6,3%. Deci galbenul bate verde? Nu Nu NU.
Culoarea butonului CTA face diferențe mici singure
Culoarea butonului are un efect foarte mic sau deloc.Ceea ce este mai important este modul în care modifică ierarhia vizuală a paginii și modul în care face ca îndemnul să iasă în evidență.
Depinde și de ceea ce suntem obișnuiți să vedem. Bing și-a mărit veniturile cu 80 de milioane de dolari, găsind culoarea albastră exactă pentru linkurile lor. Oamenii sunt obișnuiți să vadă link-uri albastre. Când a apărut pentru prima dată World Wide Web, albastrul era culoarea legăturilor. (Inginerii Microsoft care lucrează la acest lucru au recunoscut, de asemenea, că „... era o nuanță de albastru destul de similară cu cea utilizată de Google.”)
Nu există cea mai bună culoare pentru conversii. În cazul butonului galben, au adăugat, de asemenea, urgență („10 USD numai pentru 24 de ore”), care a fost demonstrat de nenumărate ori pentru a ridica conversiile. În cazul lui Bing și albastru, a fost puterea convenției în acțiune.
Înapoi la HubSpot
Același lucru se poate spune și pentru exemplul HubSpot. Uită-te din nou la el:
Credit de imagine
Observați ceva care ar putea contribui la alegerea mai bună a butonului roșu? Ceva în designul general al paginii?
Verde este una dintre culorile principale ale site-ului! Și ce se întâmplă când adăugați un buton verde la mix? Nu va ieși în evidență. Ar fi putut testa verde împotriva oricărei alte culori strălucitoare și ar fi văzut aceleași rezultate „uimitoare”.
Pentru creditul HubSpot, ei spun în studiul de caz că „nu pot generaliza aceste rezultate în toate situațiile”. Dar totuși, un buton verde pe o pagină cu un design verde dominant? Într-adevăr?
Concluzie
Culoarea contează pentru îndemnurile dvs. la acțiune. Dar spunând că o culoare se convertește mai bine decât alta nu se menține. Nu există cea mai bună culoare universală. Ceea ce funcționează pe un site nu funcționează neapărat pe altul.
Ierarhia vizuală contează. La fel face ca butoanele CTA să iasă în evidență cu o culoare cu contrast ridicat. Dezbaterea „verde vs. roșu” se referă mai puțin la culoare în sine și mai mult dacă culoarea ajută butonul să iasă în evidență.
