Pri oblikovanju uporabniških vmesnikov pogosto uporabljamo barve za sporočanje pomena. Zelena pomeni uspeh, rdeča napako, modra informacijo. Toda kaj se zgodi, ko uporabnik barv ne zaznava enako kot mi? Prav zato eno od osnovnih pravil dostopnosti (WCAG) pravi: nikoli se ne zanašajte samo na barvo pri posredovanju informacij.
Kaj je ColorSym?
ColorSym je brezplačen odprtokodni projekt, ki barvam doda še en sloj informacij – simbole. Namesto da uporabnik razlikuje elemente zgolj po barvi, lahko pomen prepozna tudi po preprosti geometrijski obliki. Sistem temelji na treh osnovnih simbolih, ki jih je mogoče kombinirati in tako ustvariti jasno ter dosledno vizualno označevanje. Na voljo so SVG ikone in posebna pisava (font), zato je rešitev primerna tako za splet kot za tisk.
Zakaj je to pomembno?
Približno vsak dvanajsti moški in vsak dvestoti ženski ima določeno obliko barvne slepote (nekateri podatki kažejo celo slabšo sliko). Poleg tega barve pogosto izgubijo pomen v slabih svetlobnih pogojih, pri črno-belem tisku ali na zaslonih z nižjo kakovostjo prikaza. Če pomembno informacijo predstavimo samo z barvo, lahko del uporabnikov ostane brez ključnega sporočila. S kombinacijo barve + simbola pa informacija ostane razumljiva bistveno širšemu krogu ljudi.
Kje lahko uporabimo ColorSym?
Povsod, kjer je pomembno razlikovati med barvami, lahko simboli bistveno izboljšajo razumljivost. ColorSym je tako uporaben pri številnih projektih:
- spletnih straneh in aplikacijah,
- grafih in podatkovnih vizualizacijah,
- embalaži izdelkov,
- zemljevidih in navigacijskih sistemih,
- družabnih igrah,
- linijah javnega prevoza,
- oznakah in informacijskih tablah.
Dostopnost brez velikih sprememb
Največja prednost ColorSyma je, da ne zahteva popolne prenove oblikovanja. Simbole lahko preprosto dodamo ob obstoječe barve in tako izboljšamo dostopnost brez večjih posegov v uporabniški vmesnik. To je lep primer, kako lahko že majhna oblikovalska odločitev pomembno izboljša uporabniško izkušnjo.
Barve so odličen način za poudarjanje informacij, ne smejo pa biti edini način njihovega sporočanja. ColorSym pokaže, kako lahko z nekaj preprostimi simboli naredimo uporabniške vmesnike bolj dostopne, razumljive in prijazne za vse uporabnike. Včasih je že majhna geometrijska oblika tista, ki naredi največjo razliko.
Osebno imam pri takšnih rešitvah nekaj pomislekov. Ideja je odlična in zagotovo izboljša dostopnost, vendar se mora uporabnik najprej naučiti novega sistema simbolov. Če bi z njim odraščali, tako kot s prometnimi znaki ali drugimi univerzalnimi ikonami, bi ga verjetno uporabljali povsem naravno. Danes pa je vprašanje, ali bo dovolj ljudi pripravljeno osvojiti še en vizualni jezik. Zato menim, da so simboli odlična dopolnitev barvam, težje pa si predstavljam, da bi jih v bližnji prihodnosti povsem nadomestili.
Več informacij in vir: ColorSym
