Dnevnik eklektika - Piše Dragan Babić

Konzistencija korisničkog interfejsa

Svi koji su se ikada dotakli interfejs dizajna (trebalo bi da) znaju koliko je konzistentnost (postojanost, kontinuitet) istog bitna za korisnika. Čim se ona lomi, ili prestane da se brine o njoj počinju usability problemi. Zapamtite—to što ste vi kreirali interfejs i što vam je savršeno jasno šta radi šta, to nije i slučaj za korisnika.
Nepoznatih ima mnogo, poput nivoa IT obrazovanja korisnika, koliko iskustva poseduje u korišćenju računara i programa uopšte (web aplikacija, čega god…), a pravilo “više je manje” je ovde veoma primenljivo i čak ću reći poželjno.

“Consistency is king” u interfejs dizajnu

Jedino što je definitivno (ukoliko je javni servis, aplikacija, web sajt u pitanju) je da vi ne znate ko će interfejs da koristi. Ovde u igru uskače konzistencija elemenata koje koristite u interfejsu; ikonice, HTML elementi, stilovi tih elemenata, itd.

Ukoliko napravite “pravila” i držite ih se – korisnik ne bio trebalo da ima problema sa korišćenjem vašeg interfejsa bilo da je on pravljen za desktop aplikaciju, web aplikaciju, web sajt, intranet ili javni servis.

Radi ilustracije bih hteo da vam pokažem jednu nedavnu promenu u (inače odličnom) interfejsu lokacije NetVibes koja upravo oslikava kako narušavanje konzistencije interfejsa narušava korisnički doživljaj i usability.

Kao što slika ilustruje, od kako je Netvibes uveo tabove u svoj interfejs, koji su izuzetno koristan dodatak sami po sebi, jedna od funkcija tih tabova jeste i da prikazuju koliko nepročitanih itema sadrže. Istu tu funkcionalnost imaju i title barovi, samo što kada na title baru kliknem na taj broj (tamno crveni link), “resetovaću” iteme (označiće ih sve kao pročitane) koji su sadržani u jednom od content boxova da ih tako nazovemo. Ali kada kliknem na taj isti crveni link koji se nalazi u tabu—ne resetujem sve iteme koji su sadržani u tom tabu, već mi se nudi da izmenim naziv taba.

Dakle imamo klasičan primer inkonzistencije ^[1] tako što navodimo korisnika na pogrešan put time što smo dve različite funkcije predstavili vizuelno na isti način.

Na ovom primeru je to možda manje bitno (iako sam se par puta “upecao” i kliknuo crveni link da bih resetovao tab), ali postoje i slučajevi kada ovakav propust može da napravi ozbiljne posledice, dodatnog posla i zbrku.
Glavni cilj je olakšati korisniku korišćenje interfejsa, načiniti da se on lako privikne na njega i da lako zapamti šta radi šta.

Inkonzistencija: nestalnost, nepostojanost; neskladnost, protivrečnost, nesaglasnost. (via)

• « Herbivorg rip
• Neke stvari koje mi nedostaju »

Komentari na ovaj unos 5

1. Mladen Jablanović kaže 26/04/06 04:18 PM

   Kad smo kod Netvajbsa, ja imam još jednu primedbu na konzistenciju sa uvođenjem novih funkcionalnosti. Naime, nejasno je razdvojen aktivan od neaktivnih tabova, što ume da bude problem ako, poput mene, imate dva taba.

   Običaj je da aktivan tab ima istu boju kao pozadina stranice aktivnog taba, kao i da ne postoji linija između taba i stranice. Kod Netvajbsa to nije slučaj – aktivan tab je plav, a neaktivni tabovi, kao i pozadina stranice sivi. Desetine puta sam kliknuo na već aktivan tab, što Netvajbs tumači kao moju želju da mu promenim ime.

   Rešiću problem tako što ću dodati još jedan, prazan tab, ali svejedno su dosta traljavo osmislili taj dizajn.

2. Dragan Babić kaže 26/04/06 05:39 PM

   

   Istina Mladene, kao da samo “nabacuju” sve te opcije, bez razmišljanja o posledicama nepromišljenosti.

   Glavni adut tabovanog interfejsa je da na očigledan način da indikaciju korisnikove lokacije, kao što ti kažeš isom bojom pozadine, a ja bih još dodao i brisanjem linije koja radzvaja “dashboard” os tabovanog menija, na taj način “trenutni” tab i “dashboard” postaju jedna celina i korisniku je veoma jasno gde se nalazi.
   
   ovaj problem sam primetio i kod dosta Fx (Firefox) skinova, tj. tema. mahom su sve lope sa usability aspekta i pravljene samo sa namerom da izgledaju drugačije/lepše.

3. Ilija Studen kaže 28/04/06 07:04 PM

   Izmenili su navedeno ponašanje. Sad kad klikneš na broj nepročitanih vesti u selektovanom tabu nudi ti opciju da označiš ceo tab kao pročitan. Ako klikneš na broj kod taba koji nije selektovan isti će biti selektovan (opet logično ponašanje).

   Ekipa iza netvibes.com stvar odlično radi svoj posao! Definitivno jedna od najkvalitetnijih web aplikacija danas.

4. Dragan Babić kaže 28/04/06 07:21 PM

   

   Pa eto ti potvrde da ekipa Netvibesa čita Dnevnikeklektika.com i da su ga u stvari razvili Srpski developeri.
   
   Ilija mnogo mi ti imaš insider informacija, da nisu tvoji prsti umešani u sve ovo? ;)

5. Ilija Studen kaže 01/05/06 11:34 AM

   Voleo bih da jesu, ali ništa od toga. Možda jednog dana, kad napišem par JS knjiga i budem stajao iz tuceta Web 2.0 aplikacija svetskog kalibra ;) Ali tad ću biti mator, a neki Web 4.2 klinci će vladati univerzumom :D

Komentariši unos “Konzistencija korisničkog interfejsa”

Ukoliko se odlučite na smeli korak komentarisanja, Vaše ime će biti linkovano sa Vašim uri-jem ukoliko ste ga uneli. Vaša email adresa je neophodna, ali je diskrecija zagarantovana i neće biti prosleđena trećem licu. Spammeri stop.

Tekst komentara možete formatirati uz pomoć textile-a. Sav HTML će biti odstranjen.
Obratite pažnju na pravopis i po mogućnosti koristite naša slova.

Ime:

Email:

http://

Komentar:

Zapamti info?

Zadržavam pravo da sankcionišem, uklonim, izmenim offtopic komentare, kao i one koje nemaju veze sa unosom pod kojim su objavljeni. Sa druge strane podržavam i ohrabrujem otvaranja konstruktivnih i otvorenih diskusija putem komentara. Unapred hvala što se držite teme.