Színelmélet, színhasználat az e-kereskedelemben

Ha erős brandet akarsz építeni, a kommunikációd minden egyes kis mozzanatára figyelned kell. Ide tartozik a megfelelő dizájn is, annak pedig legalapvetőbb eleme a színek kiválasztása.



Ha valaki magának készít webáruházat, sokszor találomra választ színt: olyat keres, ami neki tetszik, esetleg ami nem túlságosan rikító. Ez azonban nem elég.

A színelméletet az elmúlt évtizedekben eléggé mélyen megismerhettük ahhoz, hogy a tudomány segítségével határozhassuk meg, mely színkombinációk működnek a legjobban – és hogy miért működnek így – a marketingben és az értékesítésben.

Az alábbiakban erről mutatunk egy összefoglalót: elmondunk mindent, amit a színek értő használatáról tudnod kell.

 

Ezekről a témákról fogunk beszélni:

  • Mennyire számítanak a színek?
  • Tűz és jég: a két fő kategória
  • Kedvenc színeink
  • A színek jelentése
    • Piros
    • Narancs
    • Sárga
    • Zöld
    • Kék
    • Bíbor
    • Rózsaszín
    • Fehér
    • Fekete
  • Hogyan kombináld a színeket?
  • Mindent mindig tesztelj!

 

Mennyire számítanak a színek?

 

Az első kérdés: tulajdonképpen mekkora jelentősége lehet a színválasztásnak?

A Kissmetrics adatai szerint vásárláskor a fogyasztók 3 fő szempont alapján alkotnak első benyomást egy termékről:

  • 1%-ban az illata alapján,
  • 6%-ban a textúrája alapján,
  • 93%-ban pedig a vizuális megjelenés alapján.

 

Egy online áruházban az első kettővel nem tudunk mit kezdeni: a vásárló nem veheti kézbe a terméket, nem forgathatja meg, érezheti a felületét vagy az illatát. A súly tehát, ha lehet, még inkább a vizualitásra helyeződik. És ez nemcsak a termékekre érvényes: a színvilággal tudat alatt rengetegféleképpen befolyásolhatjuk látogatóinkat.

Elég, ha a filmművészetre gondolunk, és a különféle szűrőkre, amelyekkel a rendezők már eleve egy adott hangulatba hoznak minket. A Sólyom végveszélyben, a Hetedik, a Mátrix kiváló példák arra, hogyan lehet egy-egy jól megválasztott szűrővel ugyanúgy hatni a közönségre, mint akár a zenével.

A színek befolyásolhatják, mikor érezzük magunkat biztonságban, mikor érzékelünk veszélyt, hogy valami hamisnak tűnik-e és így tovább. Tény az is, hogy az agyunk jobban képes bizonyos dolgokat előhívni a memóriából, ha azt egy színhez társítja. Ezért használunk a hatékonyabb tanuláshoz szövegkiemelőket és ezért rendelkeznek gyakran kiemelkedő emlékezőtehetséggel a szinesztéziás emberek.

 

Mi lehet a cél, amikor a színelmélethez fordulunk?

  • Hogy meggyőzőbben mutassuk be termékeinket, kívánatosabbnak láttassuk őket.
  • Hogy javítsuk a felhasználói élményt.
  • Hogy a nekünk megfelelő hangulatba hozzuk a vásárlót, jó benyomást tegyünk.
  • Hogy irányítsuk a figyelmét.

Most, hogy tisztáztuk, mi érhető el mindössze azzal, hogy nem találomra, hanem tudományos alapon választjuk ki a megfelelő színeket, lássuk a részleteket.

 

Tűz és jég: a két fő kategória

 

A színelmélet alapvetően két fő kategóriát határoz meg: a hideg és meleg színekét. Értelemszerűen az első osztályba tartoznak a vörös, a narancs, a sárga, a rózsaszín stb. A hideg színekhez soroljuk a kéket, zöldet, lilát. Általánosságban azt mondhatjuk, hogy a meleg színek optimistábbak, energikusabbak, míg a hideg színek szomorúbb, nyugodtabb hangulatot árasztanak magukból.

 

tűz és jég

 

Kedvenc színeink

 

A kék egyértelműen a legnépszerűbb szín: a férfiak 57, a nők 35 százaléka tekinti kedvencének.

  • A férfiaknál ezt a zöld (14%), a fekete (9%), szürke (8%), piros (7%) és narancs (5%) követik.
  • A nőknél természetesen más a helyzet. Egyértelmű második helyezett a bíbor (23%), ezt követi csak a zöld (14%), majd a piros (9%), szürke (8%) és fekete (6%).

Ezzel sajnos még nem sokat tudunk kezdeni: ezek az információk túlontúl általánosak. Vegyük tehát sorra, hogy az egyes színek pontosan mit mondanak nekünk, hogyan reagál rájuk az agyunk. Az alábbiakban nem találgatunk, nem általánosságokat olvashatsz, hanem olyan megállapításokat, amiket tudományos vizsgálatok sora támasztott már alá.

 

A színek jelentése

 

Piros

 

Mit társítunk hozzá? Izgalmat, energiát, sürgetést, szerelmet, szenvedélyt, haragot, agressziót, erőt.

A piros színre az emberi szervezet jól mérhetően reagál. Az agyban olyan folyamatok indulnak be, amelyek következtében felgyorsul a szívverés, az adrenalintermelés, a metabolizmus és a légzés. Ha személyesen megtapasztalnád a jelenséget, gondolj csak arra, milyen lenne egy csupa vörös szobában tartózkodni: jó eséllyel már a gondolat is kényelmetlen.

A piros az a szín, amit akkor használunk, ha valamit ki akarunk emelni. Ha egy weboldalon egyetlen elemet akarunk a középpontba helyezni, sokszor pirosra színezzük azt. De akkor is jól működik a szín, ha sürgetni akarjuk a vásárlót, meg akarjuk gyorsítani a döntését és konverzióra bírni.

Pirossal írhatjuk ki például a számot, ahány termék még raktáron van, vagy az időt a visszaszámlálón, amíg egy akció tart.

 

Narancs

 

Mit társítunk hozzá? Örömöt, energiát, melegséget, lelkesedést, életerőt.

Az érzelmi spektrumot tekintve jól illik a piros és sárga közé: erős, de mégis barátságos meleg szín. Általában pozitív érzelmeket vált ki, izgatottabbá tesz minket. Alkalmas arra, hogy felkeltsük vele a felhasználó figyelmét. Mivel sokszor társítjuk a kreativitáshoz is, gyakran a magukat megkülönböztetni akarók eszköze.

Ha a pirosnál egy egész kevéssel kevésbé agresszív színt akarunk a CTA-nak választani, megtartva a sürgetést, a narancs ideális választás.

 

Sárga

 

Mit társítunk hozzá? Energiát, optimizmust, boldogságot, játékosságot.

Könnyed témáknál ideális választás. Ha valamilyen pozitív gondolatot akarunk megerősíteni, jó hangulatot elültetni a látogatóban, akkor nagyszerűen használható, de csak mértékkel. A sok sárga, különösen a világosabb árnyalatai, általában már zavaróan hatnak, a szöveget nehezen olvashatóvá teszik.

Óvatosan nyúljunk tehát hozzá: a túlságosan sok sárga elriaszthatja a vásárlót.

 

Zöld

 

Mit társítunk hozzá? Természetességet, életet, energiát, vagyont.

A zöld szín két vonalon indíthatja el gondolatainkat. Egyrészt értelemszerűen ez az anyatermészet színe, ideális lehet tehát élelmiszereket, szépségápolási termékeket vagy bármi olyat kínáló webáruházak dizájnjának részeként használni, amely azt szeretné kommunikálni, hogy termékei nem mesterségesek.

Emellett pedig az anyagiakhoz társítjuk: vagyont, fenntartható növekedést, anyagi stabilitást jelezhet.

 

Kék

 

Mit társítunk hozzá? Nyugalmat, hideget, megbízhatóságot, intelligenciát, biztonságot.

Ha hirtelen fel kellene idézned néhány biztosító logóját, hány lenne kék közülük?

Nagy részük egészen biztosan, a kék ugyanis az a szín, amely a fogyasztókban leginkább képes kiváltani a bizalom érzését. A kék alkalmazásával azt sugallhatjuk, hogy tőlünk bátran vásárolhat bárki: nem verjük át őket, bízhatnak bennünk, szakemberek vagyunk.

Rossz választás ugyanakkor, ha például élelmiszerekkel foglalkozunk: az esettanulmányok azt mutatják, hogy a kék szín csökkenti az étvágyat.

 

Bíbor

 

Mit társítunk hozzá? Rangot, befolyást, hatalmat, erőt, nőiességet, nyugalmat.

A bíbort jellemzően akkor használják domináns elemként egy webáruház dizájnjában, ha azt akarják érzékeltetni, hogy kiemelt minőségű, színvonalas, az elit számára készített termékeket kínálnak.

Leginkább a nemességgel társítjuk: a bíbor a színek arisztokratája. Ennek történelmi oka is van: a bíbor festék az ókorban az egyik legdrágább volt, kizárólag a legvagyonosabbak engedhették meg maguknak a használatát. A bíbor festéket súlyra az ezüstével egy értében mérték, s mivel gyorsan státusszimbólummá emelkedett, Rómában még törvényben is korlátozták a használatát, Bizáncban pedig csak az udvar tagjai használhatták.

Emellett természetesen a nőiességhez is társítjuk, ha tehát valamilyen előkelő és nőies termékportfóliót kínálunk, kiváló alapot adhat a dizájnhoz.

 

Rózsaszín

 

Mit társítunk hozzá? Romantikát, szerelmet, nőiességet, gyengédséget, törékenységet.

A nyugati kultúrában a nőiesség fiatalos, élénk színeként tekintünk rá, ha a célcsoportunkat férfiak adják, rémes eredményeket produkál a használata. Kivételt képez ez alól, ha például nőknek szánt ajándékokat kínálunk férfiaknak, mondjuk Valentin-napra.

 

Fehér

 

Mit társítunk hozzá? Tisztaságot, ártatlanságot, hatékonyságot.

A fehér határozott szín, bár ha dizájnról van szó, általában kiegészítő szerepet tölt be – nagyszerűen használhatjuk viszont arra, hogy megfelelő környezetet teremtsünk, megágyazzunk más elemeknek. A white space, vagyis fehér terek használatával hangsúlyosabbá tehetünk például egy színes CTA gombot vagy egy főbb üzenetet.

A tisztaságot, minimalizmust is jelképezi: nem véletlenül az Apple elsőszámú választása.

 

Fekete

 

Mit társítunk hozzá? Erőt, luxust, eleganciát, kifinomultságot, biztonságot.

A fekete általában a prémium termékek színe. Az elité. A hatalmat és erőt szimbolizálja, igen hatásos például ezüsttel, arannyal, lilával kombinálva.

Jelentése aszerint módosulhat, hogy milyen színekkel használjuk együtt. Magabiztos üzenetet küldhetünk vele vásárlóinknak, ugyanakkor túlzott használata lehangoló lehet.

 

Hogyan kombináld a színeket?

 

Most, hogy átvettük, milyen hatással vannak a színek a fogyasztókra, mit társítunk hozzájuk, azt sem árt megnéznünk, hogyan kombinálhatjuk őket.

Nem választhatunk ki találomra színkombinációkat: agyunk pontosan meghatározott elvek mentén érzékeli kellemesnek vagy visszataszítónak az egyes társításokat.

 

Ismerkedjünk meg tehát a színkerékkel.

 

A színkeréken azt láthatjuk, hogyan viszonyulnak egymáshoz a főbb árnyalatok: melyek egymás ellentétei, melyek állnak közel.

A dizájnerek három alapvető módszer szerint szokták a kerékről kombinálni a színeket:

  • A triád módszer értelemszerűen azt jelenti, hogy a keréken egy háromszöget rajzolunk, s a csúcsoknál található színeket használjuk fel: ezzel általában egy jól harmonizáló színvilágot kapunk, kellő kontrasztokkal.
  • Az analóg módszerrel kiválasztjuk a spektrum egy adott pontját, meghatározzuk a fő arculati színt, s az ezzel szomszédos színeket használjuk vele együtt.
  • A vegyítés pedig az imént említett egyszerű módszer: átellenes színpárokat választunk, illetve az ezekkel szomszédos színekkel dolgozunk, hogy megfelelő kontrasztokat kapjunk.

színkerék

Végezetül adunk néhány általános érvényű jó tanácsot:

  • Egyszerre legfeljebb 5 darab színt használj. Ennél kevesebbel nehéz lehet dolgoznod, több viszont már zavaró, kaotikus hatást kelt majd bármely weboldalon.
  • A CTA mindig legyen feltűnő. Használj a háttérhez képest kontrasztos színt, és helyezd el bölcsen a fehér tereket, hogy egyértelműen ide irányíthasd a felhasználó figyelemét.
  • A narancs, fekete és kék jól működnek az impulzusvásárlóknál. A sötétkék és a zöldeskék vonzóak a spórolós vásárlók számára. Az élénk pink, égszínkék és rózsaszín viszont a régimódi közönségeknél működhetnek jobban.

 

Mindent mindig tesztelj!

szín teszt

Lehet, hogy a fő színsémádat már megtaláltad, ettől azonban még nem biztos, hogy az oldaladon minden a legnagyobb rendben van.

Hogy pontosan megtudd, milyen színek működhetnek jól és pontosan mire használd őket, először természetesen jól körül kell írnod a célközönséged, meghatározni vágyaikat és igényeiket.

Ebből kiindulva készítesz egy színsémát, ezt azonban érdemes folyamatosan A/B teszteknek alávetned. Próbáld ki, hogy megváltoztatod egy gomb színét. Hogy a termékoldalon egy több színben kapható pólóról különböző színű fotókat mutatsz.

Figyeld, hogyan hat mindez a konverzióra, az oldalon töltött időre, a lepattanások számára. Sőt: készíts hőtérképes vizsgálatot, és láthatod, hogy mennyire figyelemfelkeltőek az egyes annak szánt elemek.

A legjobb azonban, amit tanácsolhatunk neked: ne becsüld alá a színek erejét. A vizualitás a legnagyobb erő a vásárlásban: használd bölcsen.

 


SZÜKSÉGE VAN EGY MEGBÍZHATÓ, PROFI MAGENTO FEJLESZTŐ PARTNERRE?

Kérjük, keressen bennünket, ha bármilyen kérdése, igénye lenne új vagy meglévő webáruház készítésével, megújításával kapcsolatban!

Next