Psychologie barev v marketingu: co funguje a co je mýtus
Stručné shrnutí: Psychologie barev v marketingu nefunguje jako slovník významů. Rozhoduje shoda barvy s tím, co značka slibuje, a odlišení od konkurence v oboru. U webu pak nerozhoduje odstín tlačítka, ale jeho kontrast vůči okolí.
Na psychologii barev v marketingu najdete desítky článků a skoro všechny vypadají stejně. Tabulka, ve které má každá barva přiřazenou emoci, a rada, ať si vyberete podle oboru. Výzkum i data z A/B testů ale říkají něco jiného. Projdeme si, co se dá doložit, a podle čeho se barvy značky, loga i webu vybírají doopravdy.
Obsah článku
- Co o psychologii barev skutečně víme
- Tři mýty, které se opakují
- Proč modrou používají banky
- Co která barva signalizuje zákazníkům
- Barvy na webu: rozhoduje kontrast, ne odstín
- Psychologie barev napříč kulturami
- Jak vybrat barvy značky
- Jak si volbu ověřit
Co o psychologii barev skutečně víme
Nejcitovanější prací v oboru je studie Labrecque a Milna z roku 2012 v Journal of the Academy of Marketing Science. Ve čtyřech experimentech ukázala tři věci.
Barva posouvá vnímání osobnosti značky. Červená přidává vzrušení, modrá kompetentnost. To platí.
Zároveň ale platí, že preferenci a nákupní záměr nepředpovídá barva sama, ale shoda mezi barvou a tím, co značka slibuje. Když si růžovou vybere banka, žádná tabulka významů jí nepomůže. Stejný princip popsali už Bottomley a Doyle v roce 2006, kteří zkoumali, jak lidé hodnotí vhodnost barvy loga vzhledem k produktu.
A do třetice, roli hraje sytost a světlost odstínu, často víc než samotný odstín. Tlumená modrá a zářivá modrá nejsou totéž, i když v tabulce významů skončí na stejném řádku.
Tři mýty, které se opakují
Červená vyvolává hlad. Tvrzení, že pohled na červenou spouští v mozku receptory chuti k jídlu, nemá oporu. Pozorování pochází z prostředí restaurací, kde spolu s barvou působí desítky dalších vlivů, a novější práce efekt zpochybňují. Fastfoodové řetězce používají červenou hlavně proto, že je vidět a že ji používá celá kategorie.
Barva rozhoduje o 62 až 90 procentech prvního dojmu. Tohle číslo koluje po každé infografice. Pochází z jediného článku z roku 2006 a bývá citované bez kontextu, ve kterém vzniklo (týkalo se obalů zboží). Jako argument do prezentace se hodí, jako podklad k rozhodnutí ne.
Barvy působí na podvědomí podle univerzálního klíče. Kdyby to platilo, fungovala by stejná barva stejně v každé zemi, v každém oboru a na každém produktu. Nefunguje.
Proč modrou používají banky
Odpověď není v psychologii, ale v kódu kategorie. Když většina hráčů v oboru používá jednu barvu, zákazník se ji naučí číst jako signál, že sem daná firma patří. Modrá u banky nevzbuzuje důvěru sama o sobě, ale říká „tohle je banka“, a to je polovina práce.
Z toho plynou dvě protichůdné strategie a obě jsou legitimní.
- Jít s kategorií. Zvolíte barvu, kterou obor používá. Získáte srozumitelnost a ztratíte odlišení. Vhodné tam, kde zákazník potřebuje jistotu.
- Jít proti kategorii. Zvolíte barvu, kterou nikdo v oboru nemá. Lidé si vás snáze zapamatují, ale musíte vysvětlit, kdo jste. Vhodné tam, kde vstupujete jako vyzyvatel.
Než vyberete barvu, vytiskněte si loga deseti konkurentů vedle sebe. Uvidíte kód své kategorie na první pohled a zároveň zjistíte, jestli je vůbec kam uhnout.
Co která barva signalizuje zákazníkům
Následující tabulka není seznam psychologických zákonů. Je to přehled zvyklostí, tedy toho, jak se barvy v daných oborech používají a co si s nimi proto zákazník spojí.
| Barva | S čím se spojuje | Kde ji potkáte nejčastěji |
|---|---|---|
| Modrá | Spolehlivost, pořádek, odbornost | Banky, pojišťovny, technologie, zdravotnictví |
| Zelená | Příroda, zdraví, udržitelnost | Biopotraviny, kosmetika, zahrada, energetika |
| Červená | Energie, důraz, akce | Rychlé občerstvení, sport, výprodeje |
| Oranžová | Dostupnost, hravost, výzva k akci | Slevy, doprava, kutilství, dětské zboží |
| Žlutá | Pozornost, dostupnost, optimismus | Levné zboží, dětské produkty, doprava |
| Fialová | Výjimečnost, jemnost, kreativita | Kosmetika, sladkosti, kreativní obory |
| Růžová | Jemnost, mladistvost, péče | Kosmetika, móda, cukrárny, wellness |
| Hnědá | Přírodní materiál, tradice, řemeslo | Dřevo, káva, čokoláda, pivovarnictví |
| Černá | Prémiovost, minimalismus | Móda, luxus, technika |
| Zlatá | Luxus, exkluzivita | Šperky, alkohol, prémiové značky |
| Bílá | Čistota, jednoduchost | Hygiena, zdravotnictví, technologie |
Tabulku používejte jako výchozí bod pro debatu, ne jako rozhodnutí. Odpověď na otázku, jestli barva sedí, dá až porovnání s konkurencí a s tím, co o sobě chcete tvrdit.
Stejná barva, jiný odstín
Labrecque a Milne zjistili, že sytost a světlost působí často víc než samotný odstín. V praxi to znamená, že „modrá“ není rozhodnutí, ale kategorie.
- Tmavá modř působí konzervativně a formálně. Banky, pojišťovny, právníci.
- Světlá modř působí přátelsky a dostupně. Aplikace, zdravotnictví, služby pro veřejnost.
- Sytá zelená čte se jako svěžest a technologie, tmavá zelená jako tradice a prémiovost.
- Tlumená červená působí usedle, signální červená křičí. Mezi vínovou a rajčatovou je propast.
V zadání pro grafika nepište „chceme modrou“, ale konkrétní odstín s barevným kódem a k tomu příklad značky, která ho používá. Jinak dostanete něco, co jste nechtěli, a nebude to jeho chyba.
Teplé a studené barvy
Teplé barvy, tedy červená, oranžová a žlutá, opticky vystupují dopředu a táhnou pozornost k sobě. Studené, tedy modrá, zelená a fialová, ustupují do pozadí a působí klidněji.
Prakticky z toho plyne jednoduché pravidlo pro rozvržení. Studené odstíny se hodí na velké plochy a pozadí, teplé na akcenty a prvky, kterých si má člověk všimnout. Neznamená to ale, že tlačítko musí být oranžové. O tom, jestli si ho zákazník všimne, rozhoduje kontrast vůči okolí, jak si ukážeme dál.
Barvy na webu: rozhoduje kontrast, ne odstín
Nejčastější představa o práci s barvou v marketingu zní: změníme barvu tlačítka a stoupne konverze. Data z českého prostředí říkají něco jiného.
Ondřej Ilinčev, který má za sebou pětadvacet let UX auditů a A/B testů (jeho newsletter mimochodem rozhodně stojí za odběr), k barvám tlačítek říká, že změna odstínu sama o sobě nic nepřinesse, pokud tlačítko už teď z okolí vyčnívá. V jeho případovce ze 150 testů pro Mountfield změna primárního tlačítka ze zelené na modrou neudělala nic, zatímco výměna firemní červené za bílou v hlavičce srazila obrat o 24 procent, protože zákazníci přestali značku poznávat.
Pro praxi z toho plynou dvě věci.
- U tlačítek a odkazů řešte kontrast vůči okolí, ne význam odstínu.
- Nesahejte na barvy, podle kterých vás zákazníci poznávají, i když se vám nelíbí.
Psychologie barev napříč kulturami
Významy se liší podle kultury a u značky, která míří i mimo Česko, to může být problém. Bílá se u nás spojuje s čistotou, v části Asie je barvou smutku. Červená znamená v Číně štěstí, v evropském finančním kontextu ztrátu. Zelená má v některých zemích silný náboženský význam.
Pokud plánujete expanzi, ověřte si význam barvy na cílovém trhu dřív, než ji zafixujete do vizuální identity. Měnit logo kvůli jednomu trhu je dražší než se předem zeptat.
Jak vybrat barvy značky
Tady se od psychologie dostáváme k tomu, na čem to v praxi padá. Nejdřív logo, pak zbytek, tedy web a materiály, kde se barva používá mnohem víc.
Barvy loga
| Kritérium | Na co si dát pozor |
|---|---|
| Odlišení v kategorii | Pokud logo vypadá jako od konkurence, zákazník si vás neuloží. Nejdůležitější kritérium a zároveň to nejméně řešené. |
| Kontrast a čitelnost | Barva musí fungovat na světlém i tmavém pozadí. Na samotný logotyp se pravidla přístupnosti nevztahují, na text a tlačítka ve stejné barvě ano. |
| Funkčnost v jedné barvě | Logo musí obstát v černobílé i jednobarevné verzi, tedy na razítku, faktuře i potisku. |
| Čitelnost v malé velikosti | Ve velikosti favikony, tedy šestnácti pixelů, zmizí jemné přechody a tenké linky. |
| Chování v tmavém režimu | Tmavě modré logo na černém pozadí přestane existovat. |
| Počet barev | Dvě výrazné plus neutrální doplněk. Každá další komplikuje tisk i používání. |
Barevná paleta pro web a materiály
Logo je jen začátek. Na webu barvu použijete stokrát a tam rozhoduje, jestli má každá svoji roli.
| Pravidlo | Proč |
|---|---|
| Rozdělte barvám role | Hlavní nese identitu, akcentní upozorňuje na důležité prvky, neutrální drží text a pozadí. Bez rolí působí web, jako by bylo všechno stejně důležité. |
| Akcent nesmí být totožný s hlavní barvou | Červené tlačítko ve firemní červené hlavičce zanikne. Akcent se vybírá až podle toho, na čem bude ležet. |
| Nechte si barvy na stavy | Zelená pro potvrzení, červená pro chybu. Když je červená vaše firemní barva, potřebují chybové hlášky jiný odstín. |
| Ověřte kontrast textu | Pro běžný text se doporučuje poměr aspoň 4,5:1 vůči pozadí, pro velké nadpisy 3:1. Světle šedý text na bílé vypadá elegantně a nedá se číst. |
| Neměňte barvy, podle kterých vás lidé poznávají | Jakmile podle nich zákazník web hledá, jsou to funkční prvky, ne estetika. |
Jak si volbu ověřit
Než barvu zafixujete do vizuální identity, projděte tenhle test. Trvá čtvrt hodiny a ušetří vám předělávání.
- Zobrazte logo v odstínech šedi. Pořád je čitelné?
- Zmenšete ho na šestnáct pixelů. Poznáte, co to je?
- Umístěte ho na bílé, černé a fotografické pozadí.
- Postavte ho vedle pěti konkurentů. Splývá?
- Použijte barvu na tlačítko a pak v grafu do prezentace, tedy tam, kde potřebujete odlišit několik hodnot najednou. Je tlačítko vidět na první pohled a jdou od sebe odstíny v grafu rozeznat?
- Ukažte logo pěti lidem mimo firmu a zeptejte se, co dělá firma s takovým logem. Odpověď je zajímavější než jakákoliv tabulka významů.
Až budete mít hotovo, čeká vás další krok, tedy doména, na které značku postavíte.
Co si z článku odnést
- Barvy nemají pevné významy, rozhoduje shoda s tím, co značka slibuje.
- Modrá u bank funguje jako kód kategorie, ne jako psychologický spínač.
- Tabulky významů berte jako přehled zvyklostí, ne jako návod.
- Kontrast, čitelnost v malé velikosti a černobílá verze rozhodnou o logu víc než odstín.
- Nevybírejte barvu, ale odstín. Sytost a světlost mění vyznění víc než samotná barva.
- U tlačítek na webu rozhoduje kontrast vůči okolí, ne barva samotná.
- U expanze do zahraničí si význam barvy ověřte na cílovém trhu.
Stojí za přečtení
- Role psychologie v UX designu
- Jak vytvořit přístupný web
- Rozdíl mezi UX a UI
- Klíčové metriky UX designu
- Nejlepší webové stránky světa
Časté otázky
Funguje psychologie barev v marketingu doopravdy?
Částečně. Barva prokazatelně ovlivňuje, jak lidé vnímají osobnost značky. Neplatí ale, že by jednotlivé odstíny měly pevné významy. Rozhoduje shoda barvy s tím, co značka slibuje, a kontext oboru.
Jakou barvu vybrat pro logo?
Takovou, která sedí k tomu, co o sobě tvrdíte, odlišuje vás od konkurence v oboru a funguje i v černobílé a v malé velikosti. Začněte porovnáním s konkurenčními logy, ne tabulkou významů.
Kolik barev má mít logo?
Dvě výrazné plus neutrální doplněk jsou rozumný strop. Víc barev komplikuje tisk, jednobarevná provedení i používání v cizích materiálech.
Je pravda, že červená vyvolává hlad?
Není to doložené tak, jak se tvrdí. Pozorování pochází z restauračního prostředí, kde působí spousta dalších vlivů. Červená v gastronomii funguje hlavně proto, že je nápadná a že ji používá celá kategorie.
Musím řešit, jak barva působí v jiných zemích?
Pokud cílíte i mimo Česko, ano. Bílá je v části Asie barvou smutku, červená v Číně barvou štěstí. U domácí značky to řešit nemusíte.
Zvýší změna barvy tlačítka konverzi?
Většinou ne. Podle českých A/B testů nepřinese samotná změna odstínu nic, pokud tlačítko už teď dostatečně vyčnívá z okolí. Rozhoduje kontrast, ne barva. A průměrné zlepšení v A/B testu se pohybuje v nižších jednotkách procent, ne v desítkách.
Můžu barvu značky později změnit?
Můžete, ale stojí to čas i peníze, protože se mění všechno od webu po tiskoviny, a zákazníci potřebují čas si značku spojit znovu. Proto se vyplatí volbu na začátku ověřit.
