10 Web dizajn grešaka za 2005.-u

[Goran Aničić]

Jakob Nielsen je, već tradicionalno, predstavio 10 Web dizajn grešaka za ovu godinu, koje bi po njegovom mišljenju Web profesionalci trebali da izbegavaju. Ovaj put, Nielsen se odlučio da do rezultata dođe putem ankete među pretplatnicima njegovih novosti, što možda i nije najbolje rešenje s obzirom da su pretplatnici useit-a veliko većinom profesionalci, tako da ne mogu da potpuno "gledaju" iz ugla korisnika.

Kao što se može videti iz uvoda, radi se Web dizajn problemima sa strane usability-ija. Deo navedenih Web propusta je svakako nezanemarljiv, kao što je problem čitljivosti (veličine i skalabilnosti ekranskog prikaza teksta) ili nestandradni prikaz linkova, ali može se primetiti da se deo navedenih grešaka ne može uzeti kao drastičan usability problem, kao što je upotreba Flash-a ili navod u vezi upotrebe fotosa na Webu.

Originalno napisao Jakob Nielsen

The worst mistake is when a user clicks the "enlarge photo" button and the site simply displays the same photo.

Ovo se svakako ne može svrstati u Top 10 Web problema.

[bluesman]

Avoid JavaScript or other fancy techniques that break standard interaction techniques for dealing with links.

There goes AJAX

Koliko se secam jednom sam napisao sta mislim o Jakobu Nielsenu i analizirao njegov pristup web usability. Ukratko, neke stvari su korisne, a sa nekima ne mogu da se slozim ni 1 promil. Ali dobro, on je samo-proklamovani web usability guru i verovatno ga ljudi slusaju. Mislim da je to postao na taj nacin sto je prvi posvetio najvecu paznju web usability i napravio celu frku oko toga. To ne znaci da je uvek u pravu.

Dok sam citao knjigu jos uvek se secam izjave "linkovi moraju da budu plave boje jer se korisnici nece snaci ako su bilo koje druge boje - navikli su na plavo".

Bull****.

Naravno, ovom priliko necu da pricam o stvarima sa kojima se slazem, vec naglasavam samo one druge.

[boccio]

Gro problema lezi u tome da smo mi (mozda?) i dalje vrlo bias-ovani u tom pogledu. 80% web populacije koja koristi Internet on regular/daily bases je iz razvijenih zemalja (gde, jelte, svako ima broadband) i veze nema sa IT-jem, odnosno vole da im je sve onako kako su "navikli" da bude. Pogotovo stariji ljudi. Zaista me ne bi cudilo da su izdresirani da kliknu samo na ono sto je "podvuceno plavim". Jednostavno ne razmisljaju, niti ih uopste interesuje da menjaju navike.

Mi nekako (bar mi se tako cini) ocekujemo da ako covek koristi racunar i ima internet, automatski poseduje neki promil IT obrazovanja i ne pada na te fore "link mora biti plav i podvucen da bi se video".

U toj konstelaciji web je samo mesto da se nadju potrebne informacije / usluge / proizvodi i taj gro ljudi verovatno nikad nije pomislio "wow, kakav divan sajt". To im je jednostavno van fokusa... Ovi guideliness se prakticno odnose na sajtove kojima je ciljna grupa non-IT populacija i tu je svako slovo koje je Nielsen napisao na svom mestu. Cilj je, naravno, zadrzati posetioca sto duze na sajtu i navesti ga da ostvari vas cilj (registruje se, kupi nesto, blabla), i tu dolaze najvise do izrazaja upravo takvi elementi. Hoces nesto da istaknes, moras da lupis xx-large font na drecavo-zutoj pozadini i debelim okvirom, etc...

Kao i dizajn samog Windowsa uostalom - ako hoces da snimis/odstampas dokument, nema ti tu sta da razmisljas kako se ta opcija zove i gde se u menijima nalazi... Niti te interesuje neki istripovani fancy front-end dizajner koji je smislio da nazove opciju "Store" umesto "Save" i da je smesti u "Options" umesto u "File"...to je jednostavno to...

[bojan_bozovic]

Da ali plavi linkovi nemaju blage veze. Ljudi koji posecuju moj sajt uglavnom nisu web gurui a Conversion Ratio mi je 58%. Da, samo oko 42% mojih posetilaca napusti sajt nakon sto otvori prvu stranicu, pa o njemu i njegovom 'Usability' mogu da kazem da nema blage veze! Bas bih voleo da vidim Conversion ili Bounce Ratio cifre sa njegovog sajta, koliko ljudi pobegne cim ga vidi!

[Vladimir Nikolic]

Slažem se da link ne mora da bude plave boje.
Ja sam pokušavao da se držim njegovih pravila, ali neke (poput ove) mi se čine malo preterane.

Pored toga, sajt http://www.useit.com mi uopšte nije privlačan i pokušavam da ga što manje korisitm kao izvor informacija.
Razlog broj jedan je da ima dosta nepotrebnih predloga.
Drugo, sajt nije pregledan. Mogu da budem i 2 sata na sajtu (što sam i nekad činio) i opet se pitam: "Da li sam sve video? Ima neki deo gde nisam bio?"
Nema neku preteranu strukturu koja olakšava čitanje i ima dosta In-Text-Links što je dokazano kao veoma neefikasno. Vi onda jednostavno skačete od jedne stranice na drugu i brzo izgubite pregled.

Sa poštovanjem

Nikolić Vladimir

[ivanhoe]

i nema ogranicenu sirinu texta, a time krshi jedno od osnovnih pravila dobrog dizajniranja texta, da treba da bude izmedju 7 i 12 reci po liniji da bi citanje bilo prijatno... tako da meni taj lik malo skace sam sebi u usta, nisam bas neki obozavatelj...samo jos jedan "konsultant" koji je uspeo da uzme ogromne pare koristeci "modne trendove" u tehnologiji i prodajuci maglu (a cudo jedno koliko takvih likova ima u opticaju i kako svi uspevaju da zaradjuju odlicno govoreci ljudima ocigledne stvari...ali to je vec za neku drugu temu...)

A sto se linkova tice, mislim da nije toliko bitno da je bas plava, koliko da je upadljiva i da se koristi samo za linkove i nista drugo...moze i samo boldovan text, ali onda nista drugo ne sme da bude boldovano... mada mislim da je ipak underline najbolja stvar, tu nema greske, cim je nesto podvuceno na to se klikce...

[bojan_bozovic]

Ma da... nesto razmisljam... na sajt mozes nabaciti bas sta zelis i opet postici da se valjano degradira u screen readeru, nekom praistorijskom browseru ili na mobilnom. Tipican primer su veliki sajtovi, npr. Yahoo, koji se izuzetno prilagodjava user-agentu (a da sam nije ni validan po W3C "standardima"). Moramo da porazmislimo da li pisemo validan (X)HTML i brinemo o accessibility iz nekog valjanog razloga ili samo zato sto je to u modi. Svakako, dobro je da je kod i validan, ali to nije opravdanje za ruzan i siromasan sajt (a useit.com je ruzan i prenatrpan)
Dakle, validan markup, accessibility i sve ostalo ne moze da bude cilj sam po sebi vec moze da dodje samo uzgred, kao slag na tortu, ako mogu tako reci.

[fuzzylogic]

Ljudi masovno prave pogresnu pretpostavku da ako hoce da naprave "pristupacan" sajt, tj sajt koji postuje sva ta pravila usability-ja, da taj sajt mora da bude vizuelno siromasan i generalno, da koristi sto manje (ili nista) od tehnologija koje su se pojavile posle 1995.

To je notorna glupost. Moze sasvim lepo da se postigne i jedno i drugo, kljuc je koristi zdrav razum i staviti se u poziciju korisnika kada se sajt dizajnira. Ako pazite na usability to ne mora da iskljuci ni upotrebu flasha (u granicama razuma i dobrog ukusa, jelte) a kamoli neceg "normalnijeg" kao sto su slike itd.

Citah neki dan clanak koji pokusava da definise "sta je zapravo 'usable'?", i dolaze do jako dobre definicije da je to ono sto radi onako kako ocekujemo da radi. A to je dalje sasvim subjektivno... nekome su to plavi linkovi, nekome zuti na tufnice.

[ivanhoe]

Originalno napisao fuzzylogic

Citah neki dan clanak koji pokusava da definise "sta je zapravo 'usable'?", i dolaze do jako dobre definicije da je to ono sto radi onako kako ocekujemo da radi. A to je dalje sasvim subjektivno... nekome su to plavi linkovi, nekome zuti na tufnice.

subjektivno je kad gledas pojedine posetioce, ali ta definicija bi morala da se prosiri na "ono sto radi kako VECINA ocekuje", jer tebe ipak zanima da ti vecina korisnika bude zadovoljna. A verujem da mnogo vise ljudi smatra da je odgovarajuca boja za linkove plava, nego zuta na tufnice, zar ne ?

Mada sa ostatkom onoga sto si napisao se skroz slazem, ljudi poput Nielsena preteruju. Takodje, sto rece bojan, mnogo ljudi robuje validatorima, koji su ipak zamisljeni kao pomoc developerima, a ne nekakav vrhovni sud. Recimo upotreba class atributa za skriptovanje (dodavanje onclick handlera i slicno).. Meni se daleko vise svidja da stavim custom atribut u tag, nego da u class stavljam klase koje sluze iskljucivo za javaskript (nemaju CSS dodeljen). Tako mi je mnogo cistije kodiranje, a i mnogo mocnije fore mozes da radis(posto custom atributa ozes da dodas koliko volis, a klasu imas samo jednu)....Ali onda dobijes xhtml koji nije validan.. ok, i sta sa tim? Dok god to radi u svim browserima i radice u svim buducim verzijama, mislim da to sta validator misli o tome nije toliko bitno...

[Petar Marić]

Ivanhoe, ti možeš da dodaš više referenca na klase u class atribut hmtl tag-a. To je standardni trik za markiranje događaja kad ne znaš koji sve elementi mogu da okinu događaj.

...
if (collection[i].className.match(/\btrigger-me-baby\b/)) {
...
}
...
<a class="menu bla dza-bu trigger-me-baby">It works!</a>