12 nasvetov kako izbrati pravilne barve za vašo spletno stran

Ali ste vedeli, da se 85 odstotkov kupcev odloča za nakup glede na barvo izdelka?

Na prvi pogled se zdi ta informacija neverjetna. Vendar je po premisleku nekako očitna, saj smo ljudje vizualna bitja in zato vizualna stimulacija vodi skoraj vse, kar počnemo.

Zakaj bi bilo torej kaj drugače, ko se odločamo o nakupu?

Pomislite samo na nekatere izmed največjih svetovnih blagovnih znamk. Večina njih se nagiba k temu, da ima izrazito barvno shemo, ki je povezana z identiteto blagovne znamke.

Za McDonald’s je to rdeča in rumena.

mcdonalds-logo

Za Dell je to modra barva.

dell-logo

In tako dalje.

Barve in blagovne znamke

Kot že vsi vemo, vzpostavitev trdne identitete blagovne znamke je življensko pomembna. Je ključna sestavina v grajenju zaupanja, potrošnikom daje občutek ugodja in ustvarja dolgotrajne uporabnike.

In kaj je sestavni del vsake blagovne znamke?

Logotip.

Barvna shema, ki jo podjetje izbere za svoj logotip, se za vedno prepleta z identiteto znamke.

Po navedbah raziskave, barva poveča prepoznavnost blagovne znamke za kar 80 odstotkov!

color_is_reason_for_branding

Vir: Kissmetrics.com

Zato lahko trdimo, da je barvna shema pomembna pri grajenju prepoznavnosti vaše blagovne znamke. Tukaj pa morate imeti v mislih še nekaj. Barva blagovne znamke je povezana z vrednotami le-te.

Poglejte si statistične rezultate, katera barva je največkrat uporabljena v logotipih večjih svetovnih znamk, ter kakšen je odstotek pri uporabi števila barv v logotipih:

brand_color_stats

Blagovne znamke, ki dajo nekaj na svoj ugled in vrednote, skrbijo za svoje barve. In to zelo!

Če bi lahko spremenili barve nekaterim obstoječim blagovnim znamkam, bi s tem popolnoma spremenili tudi način, kako znamke zaznavamo.

Poglejte si nekaj primerov:

mcdonalds_different_color_logo coca_cola_different_color-logoroad_signs_different_colortoxic_sign_different_color

Vir: TheLogoFactory.com

Nemudoma lahko odkrijete nepristne logotipe in lahko kar začutite nekaj drugačnega, da zadeva ne deluje.

Barvna shema spletne strani

Prav tako, kot je pomembno, da izberete pravo barvo za logotip vaše blagovne znamke, je enako pomembno, da izberete pravo barvno shemo za vašo spletno stran.

Ne želite si namreč naključno izbirati barvne sheme ali izbirati na osnovi ”karkoli izgleda kul”.

Seveda je pomembno, da v oblikovanje spletne strani vnesete nekaj estetike in da jo naredite opazno, zato je barvna shema nekaj, čemur morate posvetiti posebno pozornost.

Zakaj?

Ljudje ustvarimo podzavestno oceno okolja ali izdelka znotraj 90 sekund od pričetka gledanja. Med 62 in 90 odstotki od omenjene presoje pa je osnovanih samo na barvi.

Če izberete pravo barvno shemo, ki je v skladu z demografskimi podatki vaših obiskovalcev spletne strani, ste že premagali polovico bitke.

Preberite torej 12 ključnih nasvetov, kako izbrati popolno barvno shemo za vašo spletno stran, ki so pridobljeni tako preko raziskav kot tudi preko naših osebnih izkušnj.

1. Poskusite razumeti, kako barva vpliva na čustva

Prva stvar, ki vam jo predlagamo, je, da se seznanite s tem, kako barva vpliva na ljudi na čustvenem nivoju.

Tukaj je opis, kako različni gumbi klicev k akciji skozi barvo vplivajo na kupce. Raziskava je bila narejena v ZDA.

different-colors_different-feelings

Zavedajte se tudi, da se lahko vtis barv razlikuje glede na geografsko lokacijo.

Torej, barva, ki je všeč evropejskim kupcem, ni nujno všeč tudi azijskim kupcem.

V vodniku o čustvih barv (spodaj) si oglejte, kako so čustva povezana z barvami in kateri logotipi svetovnih znamk to najbolje zaobjamejo.

colors_emotion_guide

Predlagamo, da si vzamete čas in preučite te primere, misloč tudi o psiholoških posledicah različnih barv.

2. V mislih imejte vašo ciljno skupino

Pomislite na vašo ciljno demografiko. Kdo so osebe, ki jih želite doseči in jim prodati? Katera čustva želite jim želite vzbuditi?

To so zelo pomembna vprašanja, ki si jih morate postaviti.

Predlagamo vam, da si ogledate spodnje opise, ki nazorno razlagajo čustva in psihološko plat pogosto uporabljenih barv (vir: Fast Company).

RDEČA

  • OSEBNOST/ČUSTVA
    • vzbuja močne emocije
    • spodbuja apetit
    • poveča strast in intenzivnost
    • rdeča vrtnica simbolizira ljubezen
  • OGLAŠEVANJE
    • poveča srčni utrip
    • restavracije jo uporabljajo za povečanje apetita
    • poveča nujnost, kar je pogosto vidno pri razprodajah
    • spodbuja impulzivne nakupe

colors_emotion_red_companies_logos

Podjetja, ki so uporabila rdečo barvo v svojem logotipu.

RUMENA

  • OSEBNOST/ČUSTVA
    • povečuje veselje, toploto
    • povzroča utrujene in obremenjene oči
    • dojenčke spodbudi k joku
    • stimulira mentalne procese
    • stimulira živčni sistem
    • spodbuja komunikacijo
  • OGLAŠEVANJE
    • predstavlja optimizem, mladost
    • pritegne pozornost pri ogledovanju izložb
    • predstavlja jasnost

colors_emotion_yellow_companies_logos

Podjetja, ki so uporabila rumeno barvo v svojem logotipu.

MODRA

  • OSEBNOST/ČUSTVA
    • asociacija z vodo, mirom
    • najbolj priljubljena barva pri moških
    • predstavlja mirnost oziroma spokojnost
    • omejuje apetit
    • znana je kot »hladna« barva
    • zaznana je kot konstanta v človeškem življenju, zaradi modrega neba in modrega oceana
    • povečuje produktivnost
    • najbolj pogosta barva za pisarne
  • OGLAŠEVANJE
    • pogosto jo uporabljajo v korporativnih podjetjih zaradi njene produktivnosti in nevsiljivost
    • spodbuja občutek varnosti in zaupanja v znamko

colors_emotion_blue_companies_logos

Podjetja, ki so uporabila modro barvo v svojem logotipu.

ORANŽNA

  • OSEBNOST/ČUSTVA
    • predstavlja vznemirjenje, navdušenje
    • daje občutek topline
    • opozarja na nevarnost
  • OGLAŠEVANJE
    • predstavlja agresijo
    • uporabna je za klice k akciji »Kupi«, »Prodaj«, »Prijavi se«
    • značilna je za impulzivne nakupovalce
    • predstavlja prijateljsko, veselo, samozavestno znamko

colors_emotion_orange_companies_logos

Podjetja, ki so uporabila oranžno barvo v svojem logotipu.

ZELENA

  • OSEBNOST/ČUSTVA
    • ponazarja zdravlje, mirnost
    • simbolizira denar
    • označuje naravo
    • blaži depresijo
    • zaposleni v zelenem okolju imajo manj želodčnih bolečin
    • zelena je uporabljena tudi v nočnih daljnogledih, saj je človeško oko najbolj občutljivo na zeleno in jo lahko tudi najlažje razloči od ostalih barv
    • predstavlja nov začetek, novo rast
  • OGLAŠEVANJE
    • v trgovinah je uporabljena za sproščanje
    • asociira na bogastvo
    • zeleni M&M bonbončki naj bi sporočali seksualnost
    • že dolgo je simbol plodnosti
    • v 15. stoletju so neveste nosile zelene obleke

colors_emotion_green_companies_logos

Podjetja, ki so uporabila zeleno barvo v svojem logotipu.

VIJOLIČNA

  • OSEBNOST/ČUSTVA
    • izkazuje aristokratskost, bogastvo, uspeh, modrost
    • veliko kraljev je nosilo vijolična ogrinjala
  • OGLAŠEVANJE
    • pogosto je uporabljena v lepotnih in »anti-aging« izdelkih
    • uporablja se za pomiritev
    • predstvalja kreativne, domišljive, modre znamke

colors_emotion_purple_companies_logos

Podjetja, ki so uporabila vijolično barvo v svojem logotipu.

 

Upoštevajte osebnost in čustva vaše ciljne skupine.

Nato izberite barvo, ki bo služila kot primarna barva vaše barvne sheme spletne strani.

Na primer, če ponujate organske prehrambene izdelke, bi bila za vas najboljša izbira zelena barva, saj le-to povezujemo z naravo in zdravjem.

3. Upoštevajte spol

Čeprav slednje ne bo veljalo za vse, nekatera podjetja večinoma ciljajo na določen spol.

Če je tudi vaše podjetje takšno, vas verjetno zanima, katere so moške in ženske najbolj ter najmanj priljubljene barve.

Raziskava Colour Assignments, je pokazala rezultate, da ima v povprečju vsak spol svojo barvno preferenco.

Poglejte si, kaj mislimo s tem.

favorite_color_by_gender_chart

Kot lahko vidite, imajo moški zelo radi modro barvo in zelo nasprotujejo rjavi in vijolični barvi. Ženskam je všeč modra in vijolična barva, nasprotujejo pa rjavi in oranžni barvi. Gre samo za dodaten faktor katerega morate imeti v mislih.

4. Upoštevajte starostno skupino

Tukaj je še ena stvar, o kateri je potrebno razmisliti in ki morda ni tako zelo samoumevna – starostna skupina.

Ali ste vedeli, da se posameznikova preferenca barv lahko spremeni skozi leta? Tukaj so na voljo najljubše barve glede na starostno skupino.

favorite_color_by_age_chart

In pa najmanj priljubljene barve glede na starostno skupino.

least_favorite_color_by_age_chart

Če določena starostna skupina prevladuje v vaši demografiki, potem je to za vas tudi faktor, ki ga morate upoštevati.

5. Rešite “kviz o barvah”

Če potrebujete malce pomoči pri izbiri vaše primarne barve, lahko rešite ta kviz. Spraševal vas bo o zadevah kot so ”kaj najbolje opiše vaše stranke” in ”katere tipe produktov ponujate.”

Kviz je hiter in enostaven (samo sedem vprašanj), ampak vas lahko usmeri v pravo smer, če ste malce zmedeni pri odločitvi kaj izbrati.

6. Ne bodite pristranski

Pogosta napaka, ki jo naredi mnogo podjetij, ko se odločajo pri izbiri barvne sheme, je ta, da se raje ozirajo na njihove lastne preference kot pa na psihologijo.

Če je vaša najljubša barva modra, je zelo mamljivo, da boste izbrali modro kot vašo vašo primarno barvo.

Ampak v primeru, da vaše podjetje prodaja kozmetiko in tako cilja na žensko populacijo, bi bila izbira takšne barve vsekakor napaka. Običajno bi bilo torej bolje, da bi izbrali vijolično ali roza barvo.

Zapomnite si ta nasvet in ga poskušajte imeti vedno v mislih, saj si verjetno ne želite, da bi vaše osebne preference negativno vplivale na vašo prodajo in skozi čas tudi na vašo blagovno znamko.

kid-with-glasses-pointing-on-mind

7. Odločite se koliko barv uporabiti

Na tej točki bi že morali vedeti, katera je vaša primarna barva.

Sedaj pa še razmislite, koliko barv želite uporabiti vsega skupaj.

Tukaj žal ne pride v poštev formula »primerno za vse velikosti« vendar pa vam lahko prestavimo posebno pravilo »60-30-10«.

Omenjeno pravilo se uporablja pri določanju barvnih shem na področjih, kot so notranje oblikovanje, moda, itd. Vključuje delitev treh barv v odstotke, kar ustvari videz ”popolne harmonije.”

Kako je torej razdeljena barvna lestvica:

  • prevladujoče barve je 60 odstotkov,
  • sekundarne barve  je 30 odstotkov,
  • kontrastne barve je 10 odstotkov.

To pomeni, da bo primarna barva obsegala približno 60 odstotkov prostora na vaši spletni strani, sekundarna barva približno 30 odstotkov, kontrastna barva pa bo zaobjela približno 10 odstotkov prostora.

Spletna stran Quick Sprout ponazarja dober primer pravila 60-30-10:

website-example

Iz primera je razvidno, da je zelena primarna barva, bela je sekundarna in črna je vidna kot poudarek oziroma kontrast.

Omenjeni primer torej potrjuje dejstvo, da je idealno število barv za vašo spletno stran – tri.

Seveda se vam tega pravila ni potrebno nujno držati, vendar če uporabite že več kot štiri barve, se lahko zadeva precej zakomplicira in vseskupaj na koncu izpade grdo.

8. Izberite vaš nabor barv

Nalednji korak pri določanju barvne lestvice je ta, da izberete katere barve boste uporabili. Četudi niste strokovnjak v oblikovanju, veste, da morajo biti te barve kontrastne.

Tako ima lahko na primer spletna stran svetlejšo barvo za ozadje in temnejše, kontrastne barve v ospredju.

Na zaznavanje vaših obiskovalcev bo imelo slednje blagodejnejši in prijetnejši vpliv, izražalo bo tudi estetsko privlačnost.

Tukaj je primer:

good_website_color_example

Obstajajo seveda tudi spletne strani, ki uporabijo obratno logiko – odlično se znajdejo tudi s temnejšim ozadjem. Za primer si oglejte spletno stran Wonder Bread:

good_website_color_example-2

9. Pomagajte si z barvnim krogom

Se še spomnite, ko ste se pri likovnem pouku učili o barvnem krogu?

To znanje vam lahko sedaj zelo pomaga pri izbiri barvne sheme za vašo spletn stran.

Kar lahko storite je to, da izberete barve, ki so si podobne in so na barvnem krogu ena poleg druge ali pa izberete komplementarne barve, torej neposredno nasprotne barve na barvnem krogu.

color_wheel1

Primer izbire komplementarnih barv je izbira rumene in vijolične. Ali pa zelene in oranžne. Kot primer podobnih barv pa bi lahko bile rdeča in oranžna ali modra in zelena.

10. V pomoč uporabite orodja

Tukaj je nasvet kako si lahko poenostavite zadevo – uporabite orodje, kot je Colorspire.

color_scheme_tool

S tem orodjem lahko na hiter in enostaven način preizkušate različne barvne kombinacije, kako bodo le-te izgledale na vaši spletni strani.

To vam lahko prihrani veliko časa in tudi pripomore pri izbiri prave barvne kombinacije.

11. Poglejte h konkurenci

Prav tako se lahko veliko naučite od konkurence v vaši panogi.

Priporočamo vam, da si ogledate vsaj tri konkurenčne spletne strani in poiščete ponavljajoče se vzorce v njihovi barvni shemi. Tako boste lahko ugotovili, katere tone barv uporabljajo.

Nato pa izberite eno od dveh možnosti:

  1. ustvarite podobno barvno shemo, ki ustreza nekim ustaljenim pravilom, ali pa
  2. pojdite v nasprotno smer, torej da izberete nasprotno barvno shemo in tako razlikujete svojo blagovno znamko od ostalih.

Če želite, da je vaša blagovna znamka edinstvena, vam vsekakor svetujemo, da sledite drugi možnosti.

12. Primerjajte več različnih barvnih shem

Seveda ni nujno, da izberete prvo barvno shemo, ki ste jo določili, saj vas to lahko precej omejuje.

Predlagamo vam, da izbrete tri ali štiri različne barvne sheme in jih potem primerjate med seboj, eno poleg druge.

different_color_palette

Podoben princip izbire uporabljajo verjetno tudi vaši kolegi ali poslovni partnerji, saj je ta način res učinkovit. Z izločanjem lahko pridete do res dobrih zaključkov, ki bodo vsekakor ustrezali tako vaši blagovni znamki, kot občinstvu.

Zaključek

Ni potrebno, da ste uveljavljeni umetnik, da pridete do učinkovite barvne sheme za vašo spletno stran.

Stvar je samo v razumevanju psihologije, ki se skriva za barvami in v razumevanju čustev, ki jih določena barva vzbudi.

Pomembno pri vsem tem je tudi razumevanje pravila 60-30-10 in delovanje barvnega kroga.

Z malce eksperimentacije in poizkusov boste nedvomno prišli do optimalne barvne sheme za vašo spletno stran.

Na dolgi rok vam bo le-to omogočilo, da boste sklenili čustveno vez z vedno večjim številom vaših obiskovalcev, dosegali boste nižjo stopnjo odbojev, obiskovalci bodo obisku vaše strani namenili več časa, povečala se bo tudi stopnja konverzij.

Vse skupaj pa ima lahko seveda zelo velik vpliv na vaše poslovanje. V pozitivni smeri.