6 barev, které prokazatelně zvyšují prodej

Barvy nás mohou ovlivnit nečekaným způsobem. Může:

• Změnit chuť horké čokolády
• Změnit naši srdeční frekvenci
• Způsobit, že budeme silnější a rychlejší

Jestliže toto všechno dokáže, může změnit nákupní zvyklosti?“

Ano.

Emocionální účinky různých barev jsou dobře zdokumentovány.

Zdroj

Je zřejmé, že každá z těchto barev je dvousečná zbraň – modrá může snadno působit chladně nebo červená může lidi odradit.

Ale při správném postupu lze barvu využít k ovlivnění konverzí.

Účinek může být výrazný.

Například 85 % nakupujících uvádí, že barva je jejich hlavním důvodem pro nákup produktu. A 66 % lidí si produkt nekoupí, pokud není v jejich preferované barvě.

Když už jsme u toho, jaké jsou přesně preferované barvy lidí? Lze je předpovědět?

Ano, ale jen mlhavě. Lidé si vybírají barvy podle toho, jak se právě cítí, i když existují určité stálé trendy.

Zdroj

Jestliže nás určité nálady mohou přimět myslet na určité barvy, platí to i naopak. Barvy mohou vyvolat změny nálad:

Zdroj

To znamená, že pomocí prvků designu webových stránek můžeme u návštěvníků vyvolat emocionální změny a zvýšit tak konverze.

Barvy navíc mohou silně ovlivnit to, jak firmu vnímají návštěvníci a zákazníci. Barvy nejlépe přispívají ke konverzím, pokud posilují osobnost značky.

Je to napínavé.

Vhodná barva zvýší konverze. A špatná barva lidi odradí.

Jak se ujistit, že používáme správné barvy?

Tady je 6 barev se spolehlivými výsledky.

1: Červená

Vědci z Durhamské univerzity zveřejnili v roce 2005 výzkum, který ukázal, že sportovci, kteří nosili červenou barvu, měli větší šanci porazit své soupeře:

Červená barva je spojována s naléhavostí, nebezpečím a mocí,“ napsali Russell Hill a Robert Barton. To zní jako silná kombinace, kolem které byste možná chtěli našlapovat opatrně, a budete mít pravdu. Červenou barvu byste měli používat střídmě. Ale rozhodně byste ji měli používat!

Co dělá červená pro prodej?

Červená spouští akci. Pokud jste již někoho naladili ke koupi skvělým designem (který není celý jasně červený) a solidní kopií, pak vaše červená tlačítka „koupit nyní“ mohou skvěle fungovat.

Kde ji můžete vidět v akci?

Každý kamenný prodej vůbec: všechny prodejní cedule jsou červené, a není to jen konvence. V době, kdy se blíží Černý pátek, jsou už lidé připraveni na to, že si najdou něco se slevou 99 % a nakoupí to do mrtě. Spouštěčem, který potřebují, je nakoupit raději v tomto obchodě než v tamtom, takže výprodejové cedule jsou jasně červené, naléhavé, jednat hned.

Kde byste je měli použít?

Červená je účinnější pro impulzivní nákupy, takže je to běžná volba tlačítka koupit na webových stránkách elektronických obchodů. Je však účinnější i pro prodejce softwaru B2B. Když HubSpot A/B testoval barvu tlačítka CTA pro Performable, červená předčila zelenou o 21 %.

Zdroj

Červená se zdá být nejúčinnější ve všech oblastech.

Zdroj

2: Modrá

Modrá zvyšuje prodej nepřímo. Je spojována s klidem, pohodou a stabilitou, což znamená, že je oblíbenou barvou pro finanční instituce.

Je také oblíbenou barvou vždy, když chcete v lidech vyvolat představu bezpečí a klidu. Proto se modrá často používá u velkých položek, na kterých hodně záleží.

Co dělá modrá pro prodej?

Modrá může zvýšit prodej nepřímo, a to tím, že se vypořádá s úzkostí ještě před jejím vznikem. U červené se snažíme vyvolat nabuzení nervové soustavy – chceme, aby lidé zpozorněli, zpozorněli a uvědomili si, že právě teď je čas na nákup. U modré je to naopak – místo toho, abychom vzbudili nákupní záměr, potlačujeme úzkost.

Proto je modrá dobrá volba pro pozadí a konverzní prvky na webových stránkách, které se zabývají vnitřně děsivými věcmi, jako jsou finance, medicína nebo pojištění.

Kde ji můžete vidět v akci?

Většina finančních a pojišťovacích stránek použije modrou. Světlejší modrá dodává pocit svobody a bezpečí, zatímco tmavší modrá je spojována s tradicí, vážností a inteligencí. Paypal si vystačí s oběma, zatímco jiné weby finančních služeb volí královskou a námořnickou modř pro jejich asociaci se střízlivou bezpečností.

Zdroj

Všimněte si použití kontrastní barvy – s opačnými emocionálními asociacemi – pro nadpisy.

Podívejte se také na verze. Versions nabízí zpřístupnění sítě SVN návrhářům a vývojářům, kteří ji neznají (nebo chtějí jednodušší rozhraní), a používá modrá i zelená tlačítka – jedno pro stažení, druhé pro nákup.

Zdroj

Kde byste ji měli použít?

Modrou barvu použijte tam, kde váš prodej závisí na vytváření image spolehlivosti a serióznosti. Na bílém pozadí vytváří dobré konverzní prvky a modrý a žlutý text jsou společně považovány za nejčitelnější. Takže přestože se jedná o uklidňující barvy, mohou být nejviditelnější – a většina barvoslepých lidí je červeno-zeleně barvoslepá a modrou a žlutou vidí.

3: Zelená

Zelená asociuje životní prostředí – „zelená“ je jednoslovný odkaz na celé rozpětí přírodního, organického, ekologického. Takže ho používají podniky, které chtějí oslovit podobné publikum nebo které se shodují s podobnými zájmy, i když s tím není přímá souvislost.

Je toto studio jógy obzvlášť šetrné k životnímu prostředí? Možná. Pravděpodobně jen oslovuje lidi, kteří to považují za pozitivní.

Tato instinktivní asociace má jisté důkazy: studie naznačují, že vystavení zelené barvě, na rozdíl od jiných barev, může lidi učinit kreativnějšími.

Kromě venkovních a ekologických konotací je zelená také signálem „go“ na semaforech. Zelené konverzní prvky dávají smysl při nákupech, které jsou méně naléhavé a více připomínají povolení – například při nákupu špičkové spotřební techniky.

Co dělá zelená barva pro prodej?

Zelená je solidní volbou pro CTA a nákupní tlačítko.

Již v roce 2010 se společnost RIPT Apparel rozhodla vyzkoušet svůj první A/B test a nahradila černé nákupní tlačítko zeleným.

Zdroj

Výsledkem byl 6,3% konverzní skok.

Kde ji můžete vidět v akci?

Počítačový gigant Dell zřejmě čte tento článek. Na svých produktových stránkách používá modrou barvu pro spolehlivost a inteligenci – a červený banner s nabídkou, abych měl pocit, že je naléhavé na něj kliknout hned.

Přejděte však dolů a uvidíte, že všechny jejich konverzní prvky jsou zelené.

Kde byste ji měli použít?

Bílý prostor a kontrastní barvy nebo na místech, kde může dominovat vizuální hierarchii a přitahovat pozornost, aniž by křičela. Pokud si myslíte, že vaši kupující potřebují spíše zelenou než výprodej, vyplatí se vyzkoušet i zelená nákupní tlačítka.

Zelená barva zřejmě nejlépe funguje na stránkách, které prodávají spotřební elektroniku, kde mírně převyšuje červenou.

Zdroj

4: Fialová

Fialová je spojována s královskou rodinou, bohatstvím a mocí – kdysi existovaly zákony zakazující obyčejným lidem tuto barvu nosit. V moderní době je to odvážná barva, která není zatížena naléhavostí „udělej to hned!“ jako červená nebo vážností „pomůžeme ti s daněmi“ jako modrá. Také se s ní pojí konotace duchovna a kreativity.

Stojí za to podívat se, kdo má rád fialovou:

Je v první trojce u žen:

… a v poslední trojce u mužů.

Zdroj

Můžeme ji tedy považovat za jakousi „růžovou pro dospělé“ – neoznačujte se fialovou barvou, pokud je vaším publikem hlavní proud dospělých mužů, a nečekejte ani, že tito lidé budou toužit klikat na tlačítka nákupu ve fialové barvě.

Co dělá fialová pro prodej?“

Fialová je jasná barva a je komplementární se žlutozelenou a analogická s růžovou a modrou. (Nedělejte své stránky zelenofialové, pokud nemáte návrhy na Gotham City). Často se proto používá na webech s velkým množstvím bílé a černé jako výrazný prvek pro značku, položky nabídky nebo konverzní prvky.

Kde ji můžete vidět v akci?

Roku, společnost pro streamování televizního vysílání, používá fialovou pro svou značku. Používá ji také pro prvky nabídky na webu.

Kde byste ji měli použít?

V praktické rovině dává fialová barva skvěle vyniknout značce a konverzním prvkům na webech, které používají tlumené modro – krémovo – hnědé barevné schéma, jež má vyjadřovat serióznost a kompetentnost. To je běžná volba pro finanční podniky, ale vzdělávací organizace jako Pearsons ji používají se stejným účinkem.

Mějte na paměti, že odstín nebo zabarvení silně ovlivní, jak budou vaše fialové prvky působit. Pokud nechcete, aby působily žensky, volte vysoce syté a syté odstíny a kombinujte je s modrými. Pokud ano, vydejte se opačným směrem do výrazných, světlých odstínů a spárujte je s růžovou a červenou.

Jediná věc, která se týká fialové? Vyniká. Udělejte ji odvážnou ze správných důvodů a máte solidní alternativu k BOBu.

5: Černá

Člověk by si myslel, že černá nebude hrát ve většině barevných schémat webových stránek velkou roli. A měli byste pravdu: většina webů volí bílý prostor a několik výrazných barev. Ale černá může být silná.

Značky, které používají černou barvu s dobrým efektem, jsou luxusní nebo špičkové značky, které prodávají hlavně mužskému publiku. Rolls-Royce. Lamborghini. Rutgers University.

Všimli jste si toho trendu?“

Co dělá černá pro prodej?“

Černá barva není skvělým konverzním prvkem, protože je těžké ji vidět jinak než jako obrys. Ale černobílé barevné schéma vám automaticky dodá kontrast. Společnost Squarespace používá na svých černých pozadích bílé tlačítko:

Na světlejších barevných pozadích je tlačítko černé s bílým textem:

Toto rozhodnutí ji osvobozuje od používání různých barev a odstínů v obrázcích, protože ví, že její černobílá značka mezi tím vším vynikne.

Kde to můžete vidět v akci?

Podívejte se na jakoukoli luxusní značku s klientelou zaměřenou na muže a pravděpodobně uvidíte hodně černé. Například Rolls Royce:

Značka Don Q také využívá černou barvu a kombinuje ji se zlatou a řadou kopií zaměřených na mladé muže, kteří chtějí být sofistikovaní.

Kde byste ji měli používat?

Pokud neprodáváte luxusní auta, používejte černou barvu střídmě. Jako prvek však může být účinnou barvou i na světlých webových stránkách.

6: Oranžová

Oranžová je jasná, odvážná barva, která nemá naléhavost červené, která rozbuší srdce. Také netrpí tolik jako červená tónováním a tónováním – světle červená není příjemná pro oči a tmavě červená je na pozadí textu špatně viditelná, ale oranžová podpoří mnohem větší tonální rozsah.

To je technická stránka věci. Oranžová barva se hojně vyskytuje na mnoha webových stránkách, kde se používá pro výzvy k akci a nákupní tlačítka. Jasně vynikne na mnoha různých pozadích a část jejího úspěchu může být způsobena tím, že je to poměrně vzácná barva značky, takže oranžové tlačítko je často jedinou oranžovou věcí na stránce.

Co dělá oranžová pro prodej?

Oranžová je běžnou volbou pro konverzní prvky na čistých, jednoduše vypadajících webových stránkách. Jasně vystupuje z většiny barevných schémat a je to barva, kterou lidé vnímají pozitivně – i když je v dolní trojce mužských i ženských barev.

Kde ji můžete vidět v akci?

Penguin má oranžový branding, oranžová tlačítka pro přihlášení k odběru…

A oranžová tlačítka pro nákup.

V podstatě všechno, na co se dá na stránce kliknout, je oranžové.

A podívejte se, jak oranžovou používá Blogger.

Je to klasická, jednoduchá registrační stránka.

Ale je to také posuvník na pozadí. Jak se posuvník otáčí, vidíme další dvě barvy pozadí.

Modrá ustupuje modré…

Tlačítko registrace však zůstává oranžové, protože na všech těch různých pozadích vypadá jasně, čitelně a souvisle.

Jak byste ji měli používat?

Podívejte se, jak oranžovou používá Harley Davidson:

Na tmavém pozadí vynikne výrazná oranžová. Barva je zachycena v položkách menu, a dokonce se odráží v červené barvě zadních pružin představovaného motocyklu. A co je nejdůležitější, celá stránka je v barvách loga: černé, oranžové a bílé.

Závěr

Některé barvy jsou účinné, protože podněcují naléhavost, jiné proto, že uklidňují úzkost. Některé fungují tak, že vyvolávají pocit bezpečí. Jiné vyvolávají vzrušení a nebezpečí.

Takže které byste měli použít?

Je důležité sladit barvy, které používáte, s identitou vaší značky. Pokud je vaše značka o vzrušení, síle a svobodě, pak by pro vás mohly skvěle fungovat barvy jako Harley Davidson. Victoria’s Secret používá úplně jiné barvy, protože její značka je o něčem úplně jiném.

Při výběru barev nikdy nechoďte proti značce.

Kromě toho jsou však rady ohledně barev pouze orientační. U některých z těchto barev existují tvrdá fakta, která dokazují, že zlepšily konverze – u někoho jiného. Nejlépe to vystihla společnost HubSpot: „Nejvíce můžeme říci, že platí pro podmínky, za kterých se vyskytly: v tomto designu stránky, na tomto webu, u publika, které si ji prohlíželo.“

Zda zlepší konverze na vašem webu, je jiná otázka.

Jediný způsob, jak zjistit, jaký vliv bude mít změna barvy nákupních tlačítek a CTA na vaše prodeje, je provést vlastní testy.

• Autor
• Poslední příspěvky

Richard Bayston vytváří kopie a obsah na RBCopywriting.com, většinou o technologiích, digitálním marketingu a obsahové strategii. Když to nedělá, přátelsky se hádá se svou ženou a googluje odpovědi.

Nejnovější příspěvky od Richard Bayston (zobrazit všechny)

• 6 barev, které prokazatelně zvyšují prodej – 21. března 2020
• Záznamník myší: Jak můžete vidět, jak vaši návštěvníci interagují – 15. ledna 2018
• 5 příšerných webových stránek, které byste měli kopírovat – 4. října 2017