pokud vám záleží na zlepšení konverzí a prodeje na vašem webu, musíte se starat o barvu.
lidé používali barvu ke komunikaci po tisíciletí, od nejstarších jeskynních maleb až po dnešní pouliční značky. Barva komunikuje způsoby, které slova a obrázky nejsou schopny, a efektivní použití barvy může být mocným nástrojem pro jakýkoli web.
dnes se naučíte, jak používat psychologii barev, aby se vaše stránky snadněji používaly a generovaly více konverzí a zákazníků.
po cestě prozkoumáme trochu významu různých barev a několik úskalí, které musíte hledat, protože do svého designu zahrnete barvu.
pojďme skočit!
jak používat barvu ke zlepšení použitelnosti
začněme nejjednodušším způsobem použití barvy na vašem webu: zlepšit použitelnost.
pokud je váš aktuální web matoucí nebo obtížně navigovatelný, můžete přidat několik bitů barvy, abyste usnadnili oko a zlepšili uživatelský dojem.
zejména nyní, když většina návštěvnosti webových stránek pochází z mobilních zařízení, máme méně prostoru pro komunikaci naší zprávy a musíme věci co nejjasněji objasnit.
to je místo, kde barva může přijít do hry.
použitím správného typu barev správným způsobem můžeme nabídnout bohatší a efektivnější uživatelský zážitek.
použijte kontrast k vedení chování uživatelů
prvním krokem je použití kontrastu k zobrazení uživatelů, co je na vašem webu důležité. Můžete například mít stránku, kde lidé pravděpodobně opustí. Můžete použít barvy k tomu čtenáře a udržet je v záběru.
například tato stránka blogu na Crazy Egg používá pro odkazy pouze výrazné barvy (zelená a modrá).
to znamená, že uživatel je přitahován k akci, jako je přihlášení k odběru zpravodaje nebo čtení dalších článků. Kontrastní barvy, jako je tato, zlepšují vaše metriky zapojení.
kontrastní barvy můžete také použít k zvýraznění navigace nebo samostatných oblastí webu.
použití bright vs. matné barvy vedou uživatele
dalším užitečným nástrojem ve světě psychologie barev je použití šedých nebo matných barev k označení nepřipravených nebo zakázaných akcí.
můžete to vidět každý den pomocí tlačítek a možností, které jsou šedé. To přirozeně naznačuje, že tato možnost není žádoucí.
můžete jej také použít ke zjednodušení vašeho webu. Udělejte méně důležité navigační prvky šedé a skryjte je na očích.
používejte symboly v kombinaci s barvami
symboly jsou dokonalým partnerem barev. Jsou univerzální, jednoduché a měly by být jasné a srozumitelné.
zatímco barva ve většině případů obsahuje větší význam než typický symbol, jejich společné použití jednoduše dělá věci ještě jasnějšími.
jak používat barvu k vedení uživatelských akcí
je pravděpodobné, že váš jediný cíl webových stránek není jen ten, který se snadno naviguje. Pravděpodobně máte také konkrétní akce, které chcete, aby uživatelé podnikli, jako je registrace do seznamu e-mailů, nákup produktu nebo žádost o cenovou nabídku.
Pokud tomu tak je, můžete použít barvu k ovlivnění rozhodnutí o nákupu. Tady je návod.
použijte kladné a záporné barvy
skvělý způsob, jak toho dosáhnout, je použít kladné a záporné barvy k označení možnosti“ správné „a“ nesprávné“.
společnost a příroda zapojily červenou a zelenou tak hluboko do našeho podvědomí, že žádné další dvě barvy nesdílejí takové protichůdné významy.
jedním z nejzřetelnějších příkladů tohoto spojení je mezinárodní barevný kód ve standardních semaforech.
vidíme zelenou jako pozitivní, progresivní barvu, takže slova jako go, yes, good, accept a up all mohou souviset s barvou zelenou.
červená označuje opak zelené, se slovy jako stop, no, bad, reject a down. Červená má negativní nebo nebezpečný význam a zvyšuje srdeční frekvenci a indikuje naléhavost.
skvělý způsob, jak používat červené a zelené je se základními akcemi, jako je přidat a odebrat nebo upozornit na Nastavení.
dokonce i LinkedIn, který má paletu barev téměř úplně modrou, používá zelenou k označení povolit nastavení a červenou k zobrazení oznámení.
rychle si všimnete dalších příkladů na webu.
Start, create, post a new jsou často v zelené barvě, s červenou zahrnující akce jako end, delete, disconnect a cancel.
používejte jasné, teplé barvy pro pozornost a upozornění
existuje důvod, proč jsou oznámení v telefonu, Facebook a téměř každá platforma červená-fungují!
jasné, teplé barvy jako červená, oranžová a žlutá jsou nejlepší pro pozornost a upozornění. Orange je obzvláště oblíbený, který označuje vzrušení nebo výzvu k akci.
pokud zkombinujete jasnou barvu se silným symbolem, můžete zprávu ještě zefektivnit.
například používám oranžový varovný symbol na svém webu, abych upozornil na svůj webinář SEO.
pokud by byl tento symbol modrý nebo zelený, neměl by to stejný účinek. Pokud potřebujete někde upoutat pozornost čtenáře, použijte jasnou barvu, jako je tato.
použijte šedou barvu pro méně žádoucí možnosti
v pozitivním/negativním vztahu je další barva. To je šedá-neutrální, Střední barva. Je to skvělá přízvuková barva, kterou můžete použít k odvrácení pozornosti od sekundární možnosti.
například tato opt-in Stránka na Ambastha Athletics používá šedou barvu k upoutání pozornosti na tlačítko Registrace.
navíc si všimnete, že používá oranžovou barvu, aby upoutal pozornost návštěvníka a upozornil na „sakra jo!“formulář pro odběr newsletteru.
závěr
pokud jste vážně o zlepšení vašeho webu, musíte se hluboce ponořit do toho, co barvy, které používáte, představují.
aniž byste se dívali do barev, které používáte, můžete odradit akce zákazníků za něco, co je důležité, nebo se na něco soustředit náhodou. Používáním a pochopením významu barev můžete zlepšit tok uživatelů a zvýšit počet konverzí.
Chcete-li začít, podívejte se na všechny problémy, které uživatelé na vašem webu mají. Jak můžete pomocí barvy vyniknout běžné akce, udržet lidi zapojené na Stránce nebo zlepšit navigaci?
Dále budete chtít prozkoumat tok uživatelů. K označení preferované akce můžete použít pozitivní a negativní barvy, jako je červená a zelená. Tlumené barvy, jako je šedá, mohou zobrazovat zakázanou možnost. A jasné barvy, jako je červená, žlutá a oranžová, mohou upoutat pozornost návštěvníka.
kombinace těchto barev může vést chování uživatelů a zlepšit vaše konverze.
jaké barvy použijete ke zlepšení svého webu?
Rozšiřte svůj provoz