Väri voi vaikuttaa meihin odottamattomilla tavoilla. Se voi:
- Muuttaa sitä, miltä kaakao maistuu
- Muuttaa sykettämme
- Tehdä meidät vahvemmiksi ja nopeammiksi
Jos se pystyy kaikkeen tuohon, voiko se muuttaa ostotottumuksia?
Jep.
Erilaisen värin emotionaaliset vaikutukset on dokumentoitu hyvin.
Lähde
Kumpikin näistä väreistä on tietenkin kaksiteräinen miekka – sininen vaikuttaa helposti kylmältä tai punainen pelottaa ihmisiä.
Oikein tehtynä väriä voidaan kuitenkin käyttää hyväksi konversioihin vaikuttamisessa.
Vaikutus voi olla voimakas.
Esimerkiksi 85 prosenttia ostajista sanoo, että väri on heidän ensisijainen syynsä tuotteen ostamiseen. Ja 66 % ihmisistä ei osta tuotetta, ellei siinä ole heidän haluamaansa väriä.
Mitkä ovat tarkalleen ottaen ihmisten haluamat värit? Voiko niitä ennustaa?
Kyllä, mutta vain epämääräisesti. Ihmiset valitsevat värit sen mukaan, miltä heistä kulloinkin tuntuu, vaikka joitakin pysyviä trendejä onkin olemassa.
Lähde
Jos tietyt mielialat saavat meidät ajattelemaan tiettyjä värejä, myös päinvastoin. Värit voivat laukaista mielialan muutoksia:
Lähde
Mikä tarkoittaa, että voimme käyttää verkkosivujen suunnitteluelementtejä laukaistaksemme kävijöissä tunnemuutoksia, mikä lisää konversioita.
Värit voivat lisäksi vaikuttaa voimakkaasti siihen, miten kävijät ja asiakkaat näkevät yrityksen. Värit edistävät parhaiten konversioita, kun ne vahvistavat brändin persoonallisuutta.
Se on tiukka köysi.
Oikein värit lisäävät konversioita. Ja väärä väri käännyttää ihmiset pois.
Miten varmistamme, että käytämme oikeita värejä?
Tässä on 6 väriä, joilla on vankka kokemus.
- 1: Punainen
- Mitä punainen tekee myynnille?
- Missä voit nähdä sen toiminnassa?
- Missä sitä pitäisi käyttää?
- 2: Sininen
- Mitä sininen tekee myynnin kannalta?
- Missä voit nähdä sen toiminnassa?
- Missä sitä kannattaa käyttää?
- 3: Vihreä
- Mitä vihreä tekee myynnille?
- Missä voit nähdä sen toiminnassa?
- Missä sitä kannattaa käyttää?
- 4: Violetti
- Mitä violetti tekee myynnin kannalta?
- Missä voit nähdä sen toiminnassa?
- Missä sitä pitäisi käyttää?
- 5: Musta
- Mitä musta tekee myynnin kannalta?
- Missä voit nähdä sen toiminnassa?
- Missä sitä pitäisi käyttää?
- 6: Oranssi
- Mitä oranssi tekee myynnin kannalta?
- Missä voit nähdä sen toiminnassa?
- Miten sitä pitäisi käyttää?
- Johtopäätös
1: Punainen
Durhamin yliopiston tiedemiehet julkaisivat vuonna 2005 tutkimuksen, joka osoitti, että punaista päällään pitäneet urheilijat voittivat todennäköisemmin vastustajansa: ”Havaitsimme, että punaisiin pukeutuminen liittyy johdonmukaisesti suurempaan todennäköisyyteen voittaa”, kirjoittivat Russell Hill ja Robert Barton.
Punainen yhdistetään kiireeseen, vaaraan ja voimaan. Kuulostaa voimakkaalta yhdistelmältä, jonka ympärillä kannattaa astua varovasti, ja olisit oikeassa. Punaista kannattaa käyttää säästeliäästi. Mutta sinun pitäisi ehdottomasti käyttää sitä!
Mitä punainen tekee myynnille?
Punainen laukaisee toiminnan. Jos olet jo pohjustanut jonkun ostamaan upealla muotoilulla (joka ei ole pelkästään kirkkaanpunainen) ja vankalla tekstillä, punaiset ”osta nyt” -painikkeet voivat toimia loistavasti.
Missä voit nähdä sen toiminnassa?
Jokainen kivijalkamyynti ikinä: kaikki myyntikyltit ovat punaisia, eikä se ole pelkkä konventio. Mustan perjantain koittaessa ihmiset ovat jo valmistautuneet etsimään jotain 99 %:n alennuksella ja ostamaan mitä sattuu. He haluavat ostaa mieluummin tästä kuin tuosta liikkeestä, joten myyntikyltit ovat kirkkaita, kiireellisiä, ”toimi nyt” -punaisia.
Missä sitä pitäisi käyttää?
Punainen väri tehostaa heräteostoksia, joten se on yleinen ostopainike verkkokauppasivustoilla. Mutta se on tehokkaampi myös B2B-ohjelmistomyyjille. Kun HubSpot A/B-testasi CTA-painikkeen väriä Performable-yritykselle, punainen päihitti vihreän 21 %:lla.
Lähde
Punainen näyttää toimivan parhaiten kautta linjan.
Lähde
2: Sininen
Sininen tehostaa myyntiä epäsuorasti. Se yhdistetään rauhallisuuteen, tyyneyteen ja vakauteen, joten se on suosittu väri rahoituslaitoksissa.
Se on myös suosittu väri aina, kun halutaan saada ihmiset ajattelemaan turvallisuutta ja tyyneyttä. Niinpä sinistä käytetään usein isoissa tuotteissa, joihin liittyy paljon.
Mitä sininen tekee myynnin kannalta?
Sininen voi lisätä myyntiä epäsuorasti käsittelemällä ahdistusta ennen sen syntymistä. Punaisella yritämme laukaista hermoston kiihottumisen – haluamme, että ihmiset istahtavat alas, huomaavat ja tajuavat, että nyt on aika ostaa. Sinisellä se on päinvastoin – ostoaikomuksen herättämisen sijaan vaiennamme ahdistusta.
Sen vuoksi sininen on hyvä valinta tausta- ja konversioelementteihin verkkosivustoilla, jotka käsittelevät luonnostaan pelottavia asioita, kuten raha-asioita, lääketiedettä tai vakuutuksia.
Missä voit nähdä sen toiminnassa?
Useimmilla rahoitus- ja vakuutussivustoilla käytetään sinistä. Vaaleampi sininen antaa vapauden ja turvallisuuden tunteen, kun taas tummempi sininen yhdistetään perinteeseen, vakavuuteen ja älykkyyteen. Paypal hyödyntää molempia, kun taas muut rahoituspalvelusivustot käyttävät kuninkaallista ja laivastonsinistä, koska ne yhdistetään raittiiseen turvallisuuteen.
Lähde
Huomaa vastakkaisen värin – jolla on päinvastaiset tunneassosiaatiot – käyttö otsikoinnissa.
Katso myös Versiot. Tarjoamalla SVN:n avaamista suunnittelijoille ja kehittäjille, joille se ei ole tuttu (tai jotka haluavat helpomman käyttöliittymän), Versions käyttää sekä sinisiä että vihreitä painikkeita – toinen lataamista ja toinen ostamista varten.
Lähde
Missä sitä kannattaa käyttää?
Käytä sinistä siellä, missä myyntisi on riippuvainen siitä, että annat itsestäsi kuvan, joka kuvastaa luotettavuutta ja vakavuutta. Se on hyvä konversioelementti valkoista taustaa vasten, ja sinistä ja keltaista tekstiä yhdessä pidetään luettavimpana. Vaikka ne ovat siis rauhoittavia värejä, ne saattavat olla näkyvimpiä – ja suurin osa värisokeista ihmisistä on punavihreä-värisokeita ja näkevät sinisen ja keltaisen.
3: Vihreä
Vihreän mielleyhtymät liittyvät ympäristöön – ”vihreä” on yksisanainen viittaus koko levikkiin luonnollisesta, orgaanisesta, ympäristöystävällisestä. Niinpä sitä käyttävät yritykset, jotka haluavat vedota samankaltaiseen yleisöön tai jotka suuntautuvat samankaltaisiin intresseihin, vaikka suoraa yhteyttä ei olisikaan.
Onko tämä joogastudio erityisen ympäristöystävällinen? Ehkä. Luultavasti se vain vetoaa ihmisiin, jotka pitävät sitä positiivisena asiana.
Tämän vaistomaisen assosiaatioinnin tueksi on olemassa jonkin verran todisteita: tutkimusten mukaan vihreälle altistuminen, toisin kuin muille väreille, voi tehdä ihmisistä luovempia.
Vihreä on ulkoilma- ja ympäristömyönteisten mielleyhtymiensä ohella myös pysäytysvalojen ”vihreän” merkki. Vihreät konversioelementit ovat järkeviä ostoissa, jotka tuntuvat vähemmän kiireellisiltä ja enemmänkin luvallisilta – kuten huippuluokan kuluttajatekniikan ostaminen.
Mitä vihreä tekee myynnille?
Vihreä on hyvä valinta CTA- ja ostopainikkeeksi.
Viime vuonna 2010 RIPT Apparel päätti kokeilla ensimmäistä A/B-testiään korvaamalla mustan ostopainikkeen vihreällä.
Lähde
Tuloksena oli 6,3 %:n konversiohyppäys.
Missä voit nähdä sen toiminnassa?
Informaatioalan jättiläinen Dell näyttäisi lukevan tätä artikkelia. Heidän tuotesivuillaan he käyttävät sinistä luotettavuutta ja älykkyyttä – ja punaista tarjousbanneria saadakseen minut tuntemaan, että minun on kiireesti napsautettava sitä nyt.
Rullaa kuitenkin alaspäin, ja näet, että kaikki heidän konversioelementtinsä ovat vihreitä.
Missä sitä kannattaa käyttää?
Valkoisessa tilassa ja kontrastiväreissä tai paikoissa, joissa se voi hallita visuaalista hierarkiaa ja vaatia huomiota huutamatta. Jos uskot, että ostajasi tarvitsevat todennäköisemmin vihreää valoa kuin palomyyntiä, vihreitä ostopainikkeita kannattaa myös testata.
Vihreä näyttää toimivan parhaiten kulutuselektroniikkaa myyvillä sivustoilla, joilla se päihittää hieman punaisen.
Lähde
4: Violetti
Lila yhdistetään kuninkaallisuuteen, rikkauteen ja valtaan – aikoinaan oli lakeja, jotka kielsivät tavallisia ihmisiä käyttämästä väriä. Nykyaikana se on rohkea väri, johon ei liity punaisen ”tee se nyt!” -kiireellisyyttä tai sinisen ”autamme sinua verojen kanssa” -vakavuutta. Siihen liittyy myös hengellisyyden ja luovuuden mielleyhtymiä.
On syytä vilkaista, ketkä pitävät violetista:
Naisilla se on kolmen parhaan joukossa:
… ja miehillä kolmen viimeisen joukossa.
Lähde
Voidaan siis ajatella, että se on eräänlainen ”pinkki aikuisille” – älä brändää violetilla, jos kohderyhmäsi on valtavirran aikuisia miehiä, äläkä myöskään odota, että nämä ihmiset innostuisivat napsauttamaan ostopainikkeita violetilla.
Mitä violetti tekee myynnin kannalta?
Lila on kirkas väri, ja se täydentää kelta-vihreää ja on analoginen pinkkien ja sinisten kanssa. (Älä tee sivustostasi vihreää ja violettia, ellet suunnittele Gotham Cityä). Niinpä sitä käytetään usein sivustoilla, joilla on paljon valkoista ja mustaa, erottuvana värinä brändin, valikkokohteiden tai konversioelementtien räiskintänä.
Missä voit nähdä sen toiminnassa?
Roku, television suoratoistopalveluyritys, käyttää violettia brändissään. Sitä käytetään myös sivuston valikkoelementeissä.
Missä sitä pitäisi käyttää?
Käytännöllisesti katsoen violetti antaa loistavan erottuvan värin brändäykseen ja konversioelementteihin sivustoilla, joilla käytetään vaimennettua sinistä – kermanruskeaa – ruskeaa värimaailmaa, jonka tarkoituksena on välittää vakavuutta ja pätevyyttä. Tämä on yleinen valinta rahoitusalan yrityksille, mutta Pearsonsin kaltaiset koulutusorganisaatiot käyttävät sitä samaan tarkoitukseen.
Kannattaa muistaa, että sävy tai värisävy vaikuttaa voimakkaasti siihen, miten violetit elementtisi tulevat esiin. Jos et halua niiden lukevan naisellisesti, valitse korkeakylläisiä ja syviä sävyjä ja parita ne sinisten kanssa. Jos haluat, vie se toiseen suuntaan voimakkaisiin, vaaleisiin sävyihin ja parita ne vaaleanpunaisten ja pinkkien kanssa.
Yksi asia violetissa? Se erottuu edukseen. Tee siitä rohkea oikeista syistä, ja sinulla on vankka vaihtoehto BOB:lle.
5: Musta
Ei luulisi, että musta näyttelee suurta osaa useimpien verkkosivustojen värimaailmassa. Ja olisit oikeassa: useimmat sivustot valitsevat valkoisen tilan ja pari vahvaa väriä. Mutta musta voi olla voimakas.
Brändit, jotka käyttävät mustaa hyvällä tavalla, ovat luksus- tai huippumerkkejä, jotka myyvät pääasiassa miespuoliselle yleisölle. Rolls-Royce. Lamborghini. Rutgersin yliopisto.
Havaitsetko trendin?
Mitä musta tekee myynnin kannalta?
Musta ei ole hyvä konversioelementti, koska sitä on vaikea nähdä muuten kuin ääriviivoina. Mutta mustavalkoinen värimaailma antaa automaattisesti kontrastia. Squarespace käyttää mustilla taustoillaan valkoista painiketta:
Vaaleammilla taustoillaan painike on musta valkoisella tekstillä:
Tämä päätös vapauttaa heidät käyttämään erilaisia värejä ja värisävyjä kuvissaan tietäen, että heidän mustavalkoinen tuotemerkkinsä erottuu kaikista muista.
Missä voit nähdä sen toiminnassa?
Katsokaa mitä tahansa huippuluokan luksusbrändiä, jolla on miespainotteinen asiakaskunta, ja näette todennäköisesti paljon mustaa. Esimerkiksi Rolls Royce:
Myös rommibrändi Don Q hyödyntää mustaa jonkin verran, sillä se yhdistelee sitä kullan kanssa ja on suunnattu nuorille miehille, jotka haluavat olla hienostuneita.
Missä sitä pitäisi käyttää?
Jos et ole myymässä luksusautoja, käytä mustaa niukasti. Se voi kuitenkin olla tehokas väri elementtinä jopa vaalealla verkkosivustolla.
6: Oranssi
Oranssi on kirkas, rohkea väri, jossa ei ole punaisen sydäntäsärkevää kiireellisyyttä. Se ei myöskään kärsi yhtä paljon kuin punainen sävytyksestä ja sävytyksestä – vaaleat punaiset eivät ole helppoja silmälle, ja tummia punaisia vasten on vaikea nähdä tekstiä, mutta oranssi tukee paljon suurempaa sävyvalikoimaa.
Tässä on tekninen puoli. Oranssia käytetään paljon monilla verkkosivustoilla toimintakutsuissa ja ostopainikkeissa. Se erottuu selvästi monista erilaisista taustoista, ja osa sen menestyksestä saattaa johtua siitä, että se on verrattain harvinainen brändiväri, joten oranssi painike on usein ainoa oranssi asia sivulla.
Mitä oranssi tekee myynnin kannalta?
Oranssi on yleinen valinta konversioelementteihin siisteillä, yksinkertaisen näköisillä verkkosivustoilla. Se erottuu selvästi suurimmasta osasta värimaailmoista ja se on väri, johon ihmiset suhtautuvat myönteisesti – vaikka se on sekä miesten että naisten kolmessa alimmassa värissä.
Missä voit nähdä sen toiminnassa?
Penguinissa on oranssi brändi, oranssit tilauspainikkeet…
Ja oranssit ostopainikkeet.
Periaatteessa kaikki klikattavissa oleva sivulla on oranssia.
Ja katso, miten Blogger käyttää oranssia.
Se on klassinen, yksinkertainen ilmoittautumissivu.
Mutta siinä on myös taustan slider. Kun liukusäädintä käännetään, näemme kaksi muuta taustaväriä.
Tealinvihreä väistyy sinisen tieltä…
Mutta rekisteröitymispainike pysyy oranssina, koska se näyttää kirkkaalta, luettavalta ja yhtenäiseltä kaikkia noita eri taustoja vasten.
Miten sitä pitäisi käyttää?
Katso, miten Harley Davidson käyttää oranssia:
Tummasta taustasta erottuu rohkea oranssi. Väri poimitaan valikkokohteissa, ja se jopa toistuu esitellyn pyörän takajousien punaisessa värissä. Mikä tärkeintä, koko sivusto on logon väreissä: musta, oranssi ja valkoinen.
Johtopäätös
Jotkut värit ovat tehokkaita, koska ne herättävät kiireen, toiset taas koska ne rauhoittavat ahdistusta. Jotkut toimivat herättämällä turvallisuuden tunteita. Toiset taas tuovat mieleen jännityksen ja vaaran.
Mitä siis kannattaa käyttää?
On elintärkeää sovittaa käyttämäsi värit yhteen brändi-identiteettisi kanssa. Jos brändisi kertoo jännityksestä, voimasta ja vapaudesta, Harley Davidsonin kaltaiset värit saattavat sopia sinulle erinomaisesti. Victoria’s Secret käyttää hyvin erilaista värimaailmaa, koska heidän brändissään on kyse jostain aivan muusta.
Värivalintoja tehdessäsi älä koskaan mene vastoin brändiä.
Sen lisäksi värineuvot ovat kuitenkin vain suuntaa antavia. Joillakin näistä väreistä on kovia faktoja, jotka osoittavat, että ne paransivat konversioita – jonkun muun kohdalla. HubSpot sanoi sen parhaiten: ”Voimme korkeintaan sanoa, että ne pitävät paikkansa niissä olosuhteissa, joissa ne esiintyivät: tässä sivumuotoilussa, tällä sivustolla ja sitä katsoneella yleisöllä.”
Onko ne parantavat konversioita sinun sivustollasi, on eri kysymys.
Ainut tapa selvittää, miten ostopainikkeiden ja CTA:iden värien muuttaminen vaikuttaa myyntiin, on tehdä omia testejä.
- Author
- Recent Posts
- 6 väriä, jotka todistetusti lisäävät myyntiä – maaliskuu 21, 2020
- Mouse Recorder: Näin näet kävijöiden vuorovaikutuksen – tammikuu 15, 2018
- 5 kamalaa verkkosivustoa, jotka sinun pitäisi kopioida – lokakuu 4, 2017