6 szín, amely bizonyítottan növeli az eladásokat

A színek váratlan módon hatnak ránk. Képes:

• megváltoztatni a forró csokoládé ízét
• megváltoztatni a szívverésünket
• erősebbé és gyorsabbá tesz minket

Ha mindezekre képes, akkor képes megváltoztatni a vásárlási szokásokat?

Igen.

A különböző színek érzelmi hatása jól dokumentált.

Forrás

Kétségtelen, hogy mindegyik szín kétélű kard – a kék könnyen hidegnek hat, a piros pedig elriasztja az embereket.

De ha jól csináljuk, a színeket ki lehet használni a konverziók befolyásolására.

A hatás igen nagy lehet.

A vásárlók 85%-a például azt mondja, hogy a szín az elsődleges oka annak, hogy megvásárol egy terméket. Az emberek 66%-a pedig nem vesz meg egy terméket, ha az nem az általa preferált színben kapható.

Apropó, mik is pontosan az emberek preferált színei? Megjósolhatóak?

Igen, de csak homályosan. Az emberek az alapján választanak színeket, ahogyan éppen érzik magukat, bár vannak állandó tendenciák.

Forrás

Ha bizonyos hangulatok bizonyos színekre késztetnek bennünket, akkor ennek az ellenkezője is igaz. A színek hangulatváltozásokat válthatnak ki:

Forrás

Ez azt jelenti, hogy a weboldal dizájnelemekkel érzelmi változásokat válthatunk ki látogatóinkban, növelve ezzel a konverziókat.

A színek emellett erősen befolyásolhatják, hogy a látogatók és az ügyfelek hogyan látnak egy vállalkozást. A színek akkor járulnak hozzá leginkább a konverziókhoz, ha erősítik a márka személyiségét.

Ez egy kötéltánc.

A megfelelő szín növeli a konverziókat. A rossz szín pedig elfordítja az embereket.

Hogyan győződjünk meg arról, hogy a megfelelő színeket használjuk?

Itt van 6 szín, amelyeknek komoly tapasztalata van.

1: Piros

A Durhami Egyetem tudósai 2005-ben publikáltak egy kutatást, amely kimutatta, hogy a pirosat viselő sportolók nagyobb valószínűséggel győzték le ellenfeleiket: “Azt találtuk, hogy a piros szín viselése következetesen összefügg a győzelem nagyobb valószínűségével” – írta Russell Hill és Robert Barton.

A piros színt a sürgősséggel, a veszéllyel és az erővel társítják. Ez olyan erős kombinációnak hangzik, amit érdemes lenne óvatosan lépkedni, és igazad is lenne. A pirosat érdemes takarékosan használni. De mindenképpen használd!

Mit tesz a piros az értékesítésben?

A piros cselekvést vált ki. Ha már felkészítettél valakit a vásárlásra nagyszerű dizájnnal (ami nem csupa élénkpiros) és szolid szöveggel, akkor a piros “most megveszem” gombok nagyszerűen működhetnek.

Hol láthatod akcióban?

Minden tégla- és boltban történő értékesítés: minden értékesítési tábla piros, és ez nem csak egy konvenció. Mire eljön a fekete péntek, az emberek már arra készülnek, hogy találnak valamit 99%-os kedvezménnyel, és megveszik a fene egye meg. A kiváltó ok, amire szükségük van, hogy inkább ebben a boltban vásároljanak, mint abban, ezért az eladási jelek élénk, sürgős, most cselekedj pirosak.

Hol használd?

A piros szín hatékonyabb az impulzusvásárlásnál, ezért a webáruházak weboldalain gyakran választják a vásárlás gombot. De hatékonyabb a B2B szoftverértékesítőknél is. Amikor a HubSpot A/B tesztelte a CTA gombok színét a Performable számára, a piros 21%-kal előzte meg a zöldet.

Source

A piros tűnik a legjobbnak minden téren.

Source

2: Kék

A kék közvetve növeli az értékesítést. A nyugalmat, a nyugalmat és a stabilitást társítják hozzá, ami azt jelenti, hogy a pénzintézetek kedvelt színe.

Az is népszerű szín, ha a biztonságra és a nyugalomra akarjuk rávezetni az embereket. Ezért az olyan nagy értékű árucikkek, amelyeken sok múlik, gyakran használják a kéket.

Mit tesz a kék az értékesítésért?

A kék közvetve növelheti az értékesítést, azáltal, hogy még a szorongás kialakulása előtt kezeli azt. A pirossal az idegrendszer izgalmát próbáljuk kiváltani – azt akarjuk, hogy az emberek felüljenek, felfigyeljenek, és rájöjjenek, hogy most van itt az ideje a vásárlásnak. A kékkel éppen ellenkezőleg – a vásárlási szándék felkeltése helyett a szorongást csillapítjuk.

Ez teszi a kéket jó választássá a háttér- és konverziós elemekhez olyan webhelyeken, amelyek olyan, önmagukban ijesztő dolgokkal foglalkoznak, mint a pénzügyek, az orvostudomány vagy a biztosítás.

Hol láthatja ezt működés közben?

A legtöbb pénzügyi és biztosítási webhelyen kéket használnak. A világosabb kékek a szabadság és a biztonság érzetét keltik, míg a sötétebb kékekhez a hagyományt, a komolyságot és az intelligenciát társítják. A Paypal mindkettővel él, míg más pénzügyi szolgáltatásokat nyújtó webhelyek a királyi és a tengerészkéket választják a józan biztonsággal való társításuk miatt.

Forrás

Figyeljen a kontrasztos – ellentétes érzelmi asszociációkkal rendelkező – szín használatára a fejléceknél.

Nézze meg a verziókat is. A Versions felajánlja, hogy megnyitja az SVN-t azon tervezők és fejlesztők előtt, akik nem ismerik azt (vagy egyszerűbb felületet szeretnének), és kék és zöld gombokat használ – az egyik a letöltéshez, a másik a vásárláshoz.

Source

Hol érdemes használni?

A kék színt ott használja, ahol az eladások a megbízhatóság és komolyság képének kivetítésén múlik. Fehér háttér előtt jó konverziós elemeket alkot, és a kék és a sárga szöveg együtt a legolvashatóbbnak számít. Tehát annak ellenére, hogy nyugtató színek, ezek lehetnek a leglátványosabbak – és a színvakok többsége piros-zöld színvak, és látja a kéket és a sárgát.

3: Zöld

A zöld asszociációi a környezethez kapcsolódnak – a “zöld” egyszavas utalás a természetes, organikus, környezetbarát egész elterjedtségére. Így olyan vállalkozások használják, amelyek hasonló közönséget akarnak megszólítani, vagy hasonló érdekekhez igazodnak, még akkor is, ha nincs közvetlen kapcsolat.

Ez a jógastúdió különösen környezetbarát? Lehetséges. Valószínűleg csak olyan embereket szólít meg, akik ezt pozitívumként értékelik.

Ezt az ösztönös asszociációt némi bizonyíték is alátámasztja: tanulmányok szerint a zöld színnel való érintkezés – szemben más színekkel – kreatívabbá teheti az embereket.

A szabadban és a környezetvédelemmel kapcsolatos konnotációi mellett a zöld a “zöld” jelzés a közlekedési lámpáknál. A zöld konverziós elemeknek olyan vásárlásoknál van értelme, amelyek kevésbé érződnek sürgősségnek, és inkább engedélynek – mint például a csúcskategóriás fogyasztói technológia vásárlása.

Mit tesz a zöld az értékesítésért?

A zöld egy megbízható CTA és vásárlási gomb választás.

Még 2010-ben a RIPT Apparel úgy döntött, hogy kipróbálja első A/B tesztjét, és a fekete vásárlási gombot zöldre cseréli.

Forrás

Az eredmény 6,3%-os konverziós ugrás volt.

Hol láthatja ezt a gyakorlatban?

A számítógépes óriás Dell úgy tűnik, olvassa ezt a cikket. A termékoldalaikon kék színnel jelzik a megbízhatóságot és az intelligenciát – és egy piros ajánlati bannert használnak, hogy úgy érezzem, sürgős, hogy most kattintsak rá.

Görgess azonban lejjebb, és láthatod, hogy az összes konverziós elemük zöld.

Hol érdemes használni?

Fehér térben és kontrasztos színekben, illetve olyan helyeken, ahol uralni tudja a vizuális hierarchiát, és ordítás nélkül irányítja a figyelmet. Ha úgy gondolja, hogy a vásárlóinak nagyobb valószínűséggel van szükségük zöld lámpára, mint tűzoltásra, a zöld vásárlási gombokat is érdemes kipróbálni.

A zöld a legjobban a szórakoztató elektronikai cikkeket árusító webhelyeken látszik működni, ahol kissé felülmúlja a pirosat.

Forrás

4: Lila

A lila színt a királyi családhoz, a gazdagsághoz és a hatalomhoz társítják – egykor törvények tiltották, hogy az egyszerű emberek ezt a színt viseljék. A modern időkben ez egy merész szín, amelyet nem terhel a piros “csináld most!” sürgőssége, vagy a kék “segítünk az adókkal” komolysága. Emellett a spiritualitás és a kreativitás konnotációival is jár.

Érdemes megnézni, kik szeretik a lilát:

A nőknél az első háromban van:

… a férfiaknál pedig az utolsó háromban.

Forrás

Szóval gondolhatunk rá úgy is, mint egyfajta “rózsaszín felnőtteknek” – ne márkázz lilával, ha a közönséged a mainstream felnőtt férfiakból áll, és ne várd el, hogy ezek az emberek lila színű vásárlási gombokra is szívesen kattintanak majd.

Mit tesz a lila az eladásokért?

A lila élénk szín, és a sárga-zölddel komplementer, a rózsaszínnel és a kékkel pedig analóg. (Ne tegye az oldalát zöldre és lilára, hacsak nem Gotham Cityre tervez.) Ezért gyakran használják olyan webhelyeken, ahol sok a fehér és a fekete, mint kiemelkedő színt a márkajelzés, a menüelemek vagy a konverziós elemek megjelenítéséhez.

Hol láthatja ezt a színt működés közben?

A Roku, a TV streaming cég lilát használ a márkajelzéséhez. A webhely menüelemeihez is használják.

Hol érdemes használni?

A lila gyakorlati szempontból nagyszerű kiemelkedő színt ad a márkaépítéshez és a konverziós elemekhez olyan webhelyeken, amelyek tompított kék – krém – barna színsémát használnak, amelynek célja a komolyság és a hozzáértés közvetítése. Ez a pénzügyi vállalkozásoknál gyakori választás, de az olyan oktatási szervezetek, mint a Pearsons, ugyanilyen hatásfokkal használják.

Ne feledje, hogy az árnyalat vagy a színárnyalat erősen befolyásolja, hogyan hatnak a lila elemek. Ha nem szeretné, hogy nőiesnek olvassa őket, válasszon magas telítettségű és mély árnyalatokat, és párosítsa őket kékekkel. Ha mégis, akkor a másik irányba, az erős, világos árnyalatok felé vegye az irányt, és párosítsa őket rózsaszínnel és vörössel.

Egy dolog a lilával kapcsolatban? Kiemelkedik a többi közül. Legyen merész a megfelelő okokból, és máris van egy szilárd alternatívája a BOB-nak.

5: Fekete

Nem gondolnánk, hogy a fekete nagy szerepet játszik a legtöbb webhely színsémájában. És igazad is lenne: a legtöbb webhely a fehér teret és néhány erős színt választja. A fekete azonban erőteljes lehet.

A feketét jó hatásfokkal használó márkák a luxus vagy csúcskategóriás márkák, amelyek főként férfi célközönséget szólítanak meg. Rolls-Royce. Lamborghini. Rutgers University.

Észrevetted a trendet?

Mire jó a fekete az értékesítésben?

A fekete nem jó konverziós elem, mert nehéz észrevenni, csak mint körvonalat. De egy fekete-fehér színösszeállítás automatikusan kontrasztot ad. A Squarespace fehér gombot használ a fekete háttereken:

A világosabb színű háttereken a gomb fekete, fehér szöveggel:

Ez a döntés felszabadítja őket arra, hogy különféle színeket és árnyalatokat használjanak a képeikben, mivel tudják, hogy a fekete-fehér márkajelzésük mindezek közül kiemelkedik.

Hol láthatod ezt a gyakorlatban?

Nézz meg bármelyik high-end luxusmárkát, amelynek férfiorientált ügyfélköre van, és valószínűleg sok feketét fogsz látni. Például a Rolls Royce:

A Don Q rummárka is hasznosítja a feketét, arany színnel párosítva, és a fiatal, kifinomult megjelenésre vágyó férfiaknak szánt termékcsaládban.

Hol használd?

Ha nem luxusautókat árulsz, használd a feketét takarékosan. De elemként hatékony szín lehet, még egy világos színű weboldalon is.

6: Narancs

A narancs egy élénk, merész szín, amely nem rendelkezik a piros szívdobogtató sürgősségével. Emellett nem szenved annyira, mint a vörös, a tónusok és árnyalatok miatt – a halvány vörösek nem kellemesek a szemnek, a sötét vörösek ellenben nehezen látható a szöveg, de a narancssárga sokkal nagyobb tónustartományt támogat.

Ez a technikai oldal. A narancssárga szín sok weboldalon erőteljesen megjelenik, ahol a cselekvésre való felhívásokhoz és a vásárlási gombokhoz használják. Világosan kiemelkedik a legkülönbözőbb hátterek közül, és sikerének egy része talán annak köszönhető, hogy ez egy viszonylag ritka márkaszín, így a narancssárga gomb gyakran az egyetlen narancssárga dolog az oldalon.

Mit tesz a narancssárga az értékesítésért?

A narancssárga a tiszta, egyszerű megjelenésű webhelyek konverziós elemeinek gyakori választása. Világosan kiemelkedik a színsémák többségéből, és az emberek pozitívan viszonyulnak hozzá – még akkor is, ha mind a férfiak, mind a nők alsó három színében szerepel.

Hol láthatod a gyakorlatban?

A Pingvinnél narancssárga márkajelzés, narancssárga feliratkozási gombok…

És narancssárga vásárlási gombok.

Lényegében minden, ami az oldalon kattintható, narancssárga.

És nézd meg, hogyan használja a Blogger a narancssárgát.

Ez egy klasszikus, egyszerű feliratkozási oldal.

De ez is egy háttér csúszka. Ahogy a csúszka forog, két további háttérszínt látunk.

A teal szín átadja helyét a kéknek…

De a regisztrációs gomb narancssárga marad, mert fényesen, olvashatóan és összefüggően mutat a különböző hátterek között.

Hogyan használd?

Nézd meg, hogyan használja a Harley Davidson a narancssárgát:

A sötét háttérrel szemben a merész narancs kiemelkedik. A színt felveszik a menüpontok, és még a bemutatott motor hátsó rugóinak piros színében is visszaköszön. A legfontosabb, hogy az egész oldal a logó színeiben pompázik: fekete, narancssárga és fehér.

Következtetés

Egyik szín azért hatásos, mert sürgősségre ösztönöz, másik azért, mert megnyugtatja a szorongást. Némelyek a biztonság érzetének előhívásával hatnak. Mások izgalmat és veszélyt idéznek fel.

Hát melyiket használd?

Létfontosságú, hogy a használt színeket összehangold a márkaidentitásoddal. Ha a márkája az izgalomról, a hatalomról és a szabadságról szól, akkor az olyan színek, mint a Harley Davidsoné, nagyszerűen működhetnek az Ön számára. A Victoria’s Secret egészen más színsémát használ, mert az ő márkájuk valami egészen másról szól.

Soha ne menj szembe a márkaépítéssel, amikor színválasztást hozol.

A színtanácsok azonban ezen túlmenően csak tájékoztató jellegűek. Néhány színről kemény tényekkel bizonyítható, hogy javította a konverziót – valaki másnak. A HubSpot fogalmazta meg a legjobban: “A legtöbb, amit elmondhatunk, hogy azok a körülményekre érvényesek, amelyek között előfordultak: ebben az oldaldesignban, ezen az oldalon, azzal a közönséggel, amelyik megnézte.”

Az, hogy javítják-e a konverziókat a te oldaladon, más kérdés.

Az egyetlen módja annak, hogy kiderítsd, hogyan befolyásolja az eladásaidat a vásárlási gombok és a CTA-k színének megváltoztatása, ha saját teszteket végzel.

• Author
• Recent Posts

Richard Bayston az RBCopywriting.com oldalon szövegeket és tartalmakat készít, főként tech, digitális marketing és tartalmi stratégia témában. Amikor éppen nem ezt csinálja, akkor barátságosan vitatkozik a feleségével és a válaszokat guglizza.

Lest posts by Richard Bayston (see all)

• 6 szín, amely bizonyítottan növeli az eladásokat – 2020. március 21.
• Mouse Recorder: Így láthatod a látogatóid interakcióját – 2018. január 15.
• 5 borzalmas weboldal, amit érdemes lemásolnod – 2017. október 4.