Moč in vpliv barv ter kako vidijo spletne strani barvno slepi

9 years ago  •  By  •  4 Comments

Barve imajo na uporabnike močan psihološki učinek in neke vrste potencial, da vzbudijo določena čustva. Barve na spletni strani močno vplivajo na odločitve in akcije, h katerim nagovarjamo uporabnika (recimo prijava na novice, nakup produkta, ipd.). Za zadovoljevanje potreb vseh uporabnikov pa je potrebno upoštevati tudi tiste, ki so deprivilegirani oz. imajo posebne potrebe. Med temi so tudi barvno slepi ljudje.

Barve in percepcija

Rdeča in oranžna barva, energični in veseli barvi, se pogosto pojavljata na logotipih in produktih, ki vabijo k nakupu. Gre za t.i. topli barvi, ki izražata pozitivnost in aktivnost v nasprotju s hladnimi barvami (npr. modra). Modra barva izraža nekakšno varnost in resnost, pogosto se pojavlja na spletnih straneh v zvezi s financami, bančništvom, ipd. Kombinacija oranžne ali rdeče z modro barvo je lahko na spletni strani potemtakem zelo učinkovita, saj poveča kredibilnost strani, hkrati pa nagovarja uporabnika k aktivnemu pristopu, recimo k nakupu ali prijavi na novice.

Izbira barvne lestvice za spletno stran

Izbira barv za katerikoli grafični element ali medij naj poteka tako, da se sama narava medija poistoveti z določeno barvo ali barvno kombinacijo. Tako kot pri logotipu za kavarno torej ne moremo zgrešiti, če izbiramo kavne (rjave, bež) barve, na spletni strani otroškega vrtca ne moremo zgrešiti, če uporabimo žive, pisane barve.

Problem izbire barve ali kombinacije barv se pojavi tudi na spletni strani. Vkolikor imamo pri izbiri barv za spletno stran proste roke, je najboljši pristop ta, da si najprej ogledamo nekaj najboljših spletnih strani, kjer lahko analiziramo, kakšni so trenutni trendi. Dobro si je ogledati tudi spletne strani konkurence, da izločimo barve, ki so že uporabljene in bi nas lahko uporabniki zaradi podobnih kombinacij zamenjali z drugimi stranmi. Še bolje pa je vzeti v roke kakšno knjigo, pobrskati po spletu in prebrati čim več člankov o trendih, navadah uporabnikov, splošnih pravilih glede izbire barv, barvnih lestvic, kontrastov, svetlosti, ipd.

Barve na spletni strani morajo biti izbrane skrbno, saj jih vsi uporabniki ne vidijo enako. Barva na ekranu je odvisna od samega monitorja in njegove kalibracije (nastavitve). Barve podobne svetlosti na spletni strani lahko povzročijo, da jih nekdo sploh ne bo zaznal kot različne, temveč kot identične. Tako tudi ne bo dojemal spletne strani tako, kot je izdelovalec spletnih strani to predvidel.

Barvna slepota

Pri izbiri barv za spletno stran je dobro upoštevati tudi deprivilegirane uporabnike, recimo barvno slepe, ki barve zaznavajo drugače kot ostali ljudje. Tako kot na spletni strani sindikatov najbrž ne bomo zasledili žive pink barve, tudi barvno slepim ne bomo ponudili v celoti rdeče strani, če ti rdeče barve ne zaznajo. Tukaj je nekaj primerov, kako barvno slepi vidijo nekatere spletne strani:

Protanopia – barvna slepota, kjer prizadeti ne vidijo rdeče barve
V originalu živo rdeča barva na spletni strani je za barvno slepe olivna:

Razlike med obema možnostima so za barvno slepe manjše, če je v barvah zastopane manj rdeče barve. Kljub temu pa ima modra barva na spletni strani drugačen učinek od vijolične. Modra deluje resno, poslovno in zaupanja vredno, vijolična pa bolj igrivo, lahkotno.

Mobitelova značilna rdeče-belo-črna kombinacija je za barvno slepe precej monotona in klasična. Barvno slepi ne ločijo vseh barv, zato pa se osredotočajo na oblikovne elemente, s katerimi lažje razločijo eno stran od druge (recimo konkurenčne).

Barvno slepi torej vidijo drugače, kar pomeni, da je drugačen tudi vpliv barv nanje. Živo rdeča spletna stran barvno slepemu, ki ne vidi rdeče, ne bo sprožala občutka, ki ga sproži rdeča barva, torej aktivnost in energičnost. Percepcija barv je drugačna in to je dobro upoštevati, če želimo zadovoljiti čim več uporabnikov.

Poleg Protanopie (barvne slepote, kjer prizadeti ne vidijo rdeče) poznamo še več drugih vrst barve slepote, vendar je omenjen defekt od vseh najpogostejši. Vseh uporabnikov torej nikoli ne bomo mogli zadovoljiti, lahko pa kot izdelovalci spletnih strani, grafični oblikovalci, oblikovalci vmesnikov in produktov težimo k temu, da bodo spletne strani uporabne za čim več uporabnikov vključno s tistimi, ki imajo posebne potrebe.

_________________________

Izbiranje barv za spletne strani (v angleščini):

Vmesnik za izbiranje barvnih kombinacij:

Napotki za izbiro barv na spletnih straneh:

Spletni filter za ogled strani v primeru barvne slepote uporabnika:


Comments 4

  1. Uporabljam kuler in je prav super. :) Sicer pa ima Mobitel novo spletno stran, ker ta ni ničemer podobna, za na odpad :)
  2. Ja, ampak je zaenkrat še v beta fazi: http://beta.mobitel.si. Razen fontov v top meniju deluje na prvi pogled ok. Stara stran je bila definitivno premalo pregledna.
  3. Kaj pa je narobe s Trebuchet MS? Meni se zdi super pisava za splet, samo ločljivost bi lahko bila nekoliko boljša.
  4. Trebuchet je dober font. Si kje zasledil, da je neberljiv ali nezaželjen? Po mojem mnenju je sicer Arial od neserifnih fontov še najbolj berljiv za splet. Se pa fonti na Macu drugače prikazujejo kot drugje, ker se skalirajo zvezno (vir: http://damieng.com/blog/2007/06/13/font-rendering-philosophies-of-windows-and-mac-os-x)

Submit a Comment