10 Web dizajn grešaka za 2005.-u

[Goran Aničić]

Jakob Nielsen (http://www.useit.com/jakob/) je, već tradicionalno, predstavio 10 Web dizajn grešaka (http://www.useit.com/alertbox/designmistakes.html) 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 (http://www.useit.com/alertbox/subscribe.html), što možda i nije najbolje rešenje s obzirom da su pretplatnici useit (http://www.useit.com)-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 (http://www.personalmag.co.yu/blog/?postid=173), 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.
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]

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>

[kodi]

ja jednostavno ne mogu da se slozim sa ovim "likom" ......

:1075: :1075:

ima ti pametnih stvari, (fot size/contrast) ali ostalo jednostavno ne stoji...

[fuzzylogic]

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 ?

Ma, nisam bas najjasnije to rekao. Ne mislim da je "zuto na tufnice" usable zato sto je usable NEKOME TAMO (najcesce licno osobi koja je pravila sajt i nikom vise), vec da jednostavno ima tu dosta stvari koje nisu univerzalne. Naprimer nekome jezivo smetaju pop-up prozori koji se otvaraju da bi pokazali sliku u galeriji ili sta god, jer ne voli gomilu prozora. Nekom je to super jer ne mora da ide nazad na galeriju posle svake slike nego samo zatvori prozor.

Ali generalno, sve se svede na ono sam vec rekao, dok das korisniku nesto sto ce mu biti jasno kako radi cim pogleda, a da pritom radi relativno jednostavno, to je to. Usability. Ciribu-ciriba.

[ivanhoe]

Ivanhoe, ti možeš da dodaš više referenca na klase u class atribut hmtl tag-a. [/code]

ma znam ja da mogu da imam vise klasa u jednom atributu, ali je to prilicno ograniceno... klase su zamisljenje kao selektori za CSS, a ne za skriptovanje... uzmi recimo da pravis js form validator i da za neko polje imas regExp filter (npr telefonski broj koji mora da bude u odredjenom formatu), kako ces to da zapises u class atribut? Moze da budzi nesto, ali zasto ako mozes da napises uslov kao recimo myfilter="neki-regexp" i da svakom ko pogleda html odmah bude jasno o cemu se radi... e sad time se krshi DTD dokumenta, i teoretski bi trebalo (kao sto su likovi sa A List Apart predlagali) da se napise custom DTD, ali standard specificira da browser treba da zanemari atribute koje ne prepozna (zbog kompatibilnosti sa buducim verzijama) tako da je ovo prilicno sigurno resenje...mada nije validno...

[xippi]

oh... jakob strikes again ;)

zanimljive konstatacije koje treba prihvatiti sa rezervom jer u ovom tekstu nije napomenuto nekoliko vaznih činjenica kao što su sama funkcija sajta kao i ciljna grupa kojoj je sajt namenjen. ovako je previše generalizovano.

sa istim efektom moglo biti napisano da sajt nikako ne bi trebao da ima plavi background zato što to smeta korisnicima koji su manijakalno depresivni.

Ali generalno, sve se svede na ono sam vec rekao, dok das korisniku nesto sto ce mu biti jasno kako radi cim pogleda, a da pritom radi relativno jednostavno, to je to. Usability. Ciribu-ciriba.

word :)

[sirNemanjapro]

Evo, prvi put u zivotu sam otisao na useit i umalo se ne slogirah. Procitah ovde da je tip nevidjeno popularan (i ako ga neki ne vole), i covek jos prica u usability-ju!!! Sajt mu izgleda kao da ga je radio u FrontPage-u '98-e!!

Ako je to covek od koga ja treba da naucim nesto o usability-ju, I pass!

[Goran Aničić]

Evo, prvi put u zivotu sam otisao na useit i umalo se ne slogirah. Procitah ovde da je tip nevidjeno popularan (i ako ga neki ne vole), i covek jos prica u usability-ju!!! Sajt mu izgleda kao da ga je radio u FrontPage-u '98-e! Ako je to covek od koga ja treba da naucim nesto o usability-ju, I pass!

Čekaj, možda ti imaš bolju precepciju i neka svrsishodnija rešenja, kao ovo www.cakucica.net npr., pa daj da vidimo.

[Gruja]

Evo, prvi put u zivotu sam otisao na useit i umalo se ne slogirah. Procitah ovde da je tip nevidjeno popularan (i ako ga neki ne vole), i covek jos prica u usability-ju!!! Sajt mu izgleda kao da ga je radio u FrontPage-u '98-e!!


A i promasio si poentu - covek se ne bavi dizajnom vec usabilitijem, i to sa naucnim pristupom. Vecina preporuka mu je proistekla iz istrazivanja pa je potkrepljena konkretnim ciframa - npr. ako se uradi to i to, 25% vise korisnika ce odraditi postavljeni zadatak na sajtu.

Preporucujem da procitas sto vise odavde: http://www.useit.com/alertbox/

[[nq]]

Evo ja upravo zavrsavam njegovu knjigu "Dizajn funkcionalnih Web strana" i moram priznati da je zaista odlicna, iako je davno izdata (2000.).

Covek zaista zna o cemu prica, nije da se slazem sa svim sto sam procitao ali sa vecinom da. On je ipak ovde mnogo duze nego bili ko od nas.

[sirNemanjapro]

Sve sto sam ja rekao jeste, da ako on prica o usabilityju a sajt mu izgleda kako izgleda (ja sam ucitao index i iskljucio) sumnjam da ce neko drugi ostati malo duze na istom.

Poceo sam da citam Alertbox i svidja mi se ovaj tekst o F sistemu pregleda stranica.

Ja nista nisam rekao koliko je covek strucan! Molim lepo. Da se ogranicimo. Ja sam rekao da mu je sajt ugly do zla boga.

[jablan]

ako on prica o usabilityju a sajt mu izgleda kako izgleda (ja sam ucitao index i iskljucio) sumnjam da ce neko drugi ostati malo duze na istom.
Pretpostavljam da ti svakodnevno koristiš Google zato što je tako lep.

Inače, dizajn Nilsenovog sajta je jedna od najižvakanijih tema u istoriji Interneta. 2003. je bilo i (nezvanično) takmičenje za njegov redizajn (http://www.builtforthefuture.com/reuseit.php).

[sirNemanjapro]

Google barem lici na nesto. A i ne koristim ga toliko. Vise Yahoo! i alltheweb i naravno Srpka!

[Pedja]

Sve sto sam ja rekao jeste, da ako on prica o usabilityju a sajt mu izgleda kako izgleda (ja sam ucitao index i iskljucio) sumnjam da ce neko drugi ostati malo duze na istom.

Pa, ako tako stvari stoje, mozda bi trebalo da razmislis da promenis zanimanje? Tebi sve nekako smeta ono sto se smatra za dobro u web poslu, a dopada ti se sve ono sto se smatra lose ili sporedno.

[sirNemanjapro]

Zasto da promenim zanimanje??? Zato sto mi se ne dopada covekov web design sajta?? Svasta... lol

Znaci dobro je da neko ima sajt koji izgleda kao pokusaj crtanja u paintu, a lose je to sto neko se trudi da primeni neko znanje HTMLa, PHPa, CSSa... da bi sajt licio na nesto?

Ne razumem sta si hteo reci. Mozda sam dao pogresan komentar. Ispravi me ako gresim.

[borstale]

Sve sto sam ja rekao jeste, da ako on prica o usabilityju a sajt mu izgleda kako izgleda (ja sam ucitao index i iskljucio) sumnjam da ce neko drugi ostati malo duze na istom.
Ma fala Bogu... šta te briga što je svako ko se tvojim poslom bavi pročitao te tekstove (makar da bi ih kritikovao, ali je pročitao!). "Isključiš index" i bole tebe...
http://img.photobucket.com/albums/v411/hells/nelle/clever6613.gif

[Blood]

@sirNemanjapro: ne mozes da osudis coveka na osnovu izgleda njegovog site-a. To je isto kao da si uradio sledece: 15 prijatelja ti preporuce istu strucnu knjigu za citanje jer je njima mnogo pomogla i ima mnogo dobrih stvari na koje treba obratiti paznju u njoj, ti pogledas korice i kazes necu da je citam jer je korica lose izdizajnirana.

[sirNemanjapro]

Xexe, sta je sa Vama! :) Nisam ja rekao da necu da citam njegove knjige i tekstove, niti sam rekao da covek nema pojma. Vec samo prokomentarisao sajt. :)

Xex...

[borstale]

ja sam ucitao index i iskljucio
Nixa, jel ti dopisuješ čoveku rečenice?:1064:

[sirNemanjapro]

Sve sto sam ja rekao jeste, da ako on prica o usabilityju a sajt mu izgleda kako izgleda (ja sam ucitao index i iskljucio) sumnjam da ce neko drugi ostati malo duze na istom.

Poceo sam da citam Alertbox i svidja mi se ovaj tekst o F sistemu pregleda stranica.

Ja nista nisam rekao koliko je covek strucan! Molim lepo. Da se ogranicimo. Ja sam rekao da mu je sajt ugly do zla boga.


Sta tebi tu nije jasno???

- Ne volim njegov design sajta
- Ucitao sam index i iskljucio sajt
- posle sam se nakacio i citao AlertBox
- Covek zna znanje

U cemu je problem? Jel Vi nemate pametnija posla nego da kucate da bi Vam tastatura necemu sluzila? :1050:

[Pedja]

Ja sam citirao ono sto je problem. Olako izbacujes prilicno teske reci na tudji racun, i to skoro po pravilu onda kada nisi u pravu. I uvek se posle toga posipas pepelom.

Vreme je da pocnes da izbegavas situacije da moras da posezes za tim pepelom, a prvo sto treba da uradis to je da prestanes da komentarises ono sto je stvar ukusa.

[mungos]

Ajde ovako, mene malo nervira taj stav, Nielsen zna znanje, ali eto sajt mu je krš, pa šta. Ili su još gori ovi što kažu da mu sajt nije krš. Suština priča oko Jakoba da je u onoj njegovoj zeleno-plavoj knjigi, mislim da se baš zove Use It , napisao mnogo stvari. Neke su dobre, neke su pogrešne. Prevedeno izdanje iste koje je izdao CET sam čitao negdje tamo 2002-2003, za zakašnjenem od nekih 5 godina i u međuvremenu već tada su najbolji savjeti iz te knjige bili impletirani u praksi. Sada ja iskreno ne znam da li je Jakob eksluzivno prvi promovisao neke stavove jer se nisam bavio Webom prije 2000-te godine, ali suština je u tome da je takođe u periodu nastanka Use It napisano još nekoliko dobrih knjiga, tipa Don't Me Make Think od Steve Kruga, itd. Uz čuvene plave linkove, jedna od stvari koju je Nielsen zagovorao bilo je i da je navigacija na desnoj strani najveće svetogrđe, pa šta bi posle blog revolucije?

Sem te knjige, Jakob nije rekao više Bog zna šta zanimljivo, niti novo, niti kvalitetno. Dobro je s vremena na vrijeme skoknuti kod njega na sajt iz prostog razloga što zahvaljujući ogromnim budžetima u istraživanjima koje on i njegov tim rade, zna da budu neki vrlo zanimljivi rezultati studija koje je itekako moguće sprovesti u praksi. Bit onakvog dizajna UseIt.com jeste upravo ta doza kontraverznosti koju Nielsen inkasira godinama unazad. Ta ružnoća UseIt.com njemu i dan danas pravi ogroman publicitet, uključujući i okvakve diskusije, i sa tog aspekta će isti dizajn ostati online i narednih 5 godina.

Kada bismo svi sledili Jakobovu viziju Weba, Web bi bio jedno jako ružno mjesto. Opet, morate biti svjesni da je Web Usability sastavni dio interfejs dizajna i neko ko promoviše vrlo bitan aspekt interfejs dizajna, mora da ima i dizajnerski pristojan sajt.
Upotrebljivost? Uporedite zeldman.com i useit.com pa recite mislim koliko vam je puta lakše da čitate tekst sa prvog sajtu u odnosu na drugi. Zar lakoća čitanja sa ekrana nije bit upotrebljivosti? Da ne idem sada u druge priče i pišem o njegovoj prostituciji sa Macromedia Flashom, zatim tekstu u Alertboxu prije par godina kada je ispljuvao upotrebljivost ženinog BMW-a...

Kontraverznost je ono što održava njegov biznis i treba da se pomirite s tim i gledate svoja posla :)

[Goran Aničić]

Dizajn Nielsenovog sajta je funkciji postavljenog koncepta, svrhe i cilja, i to što "nema dizajn" je dizajn. Po nekima nedostaje mu "CSS ljuštura", ali je i CSS ZenGarden (http://www.csszengarden.com/) bez ljušture (http://www.csszengarden.com/zengarden-sample.html) "čitljiv" - upotrebljiv (baš kao i ovaj Jakobov).

[ivanhoe]

ono sto mu ja zameram je da nema svu upotrebljivost koju bi mogao (i trebao s'obzirom na Nielsonov renome) da ima...

da ponovim opet text se razvlaci na 100% sirine, i na mom wide-screen monitoru je jako tezak za citanje, sto je po meni veliki propust. Takodje upotreba ovih tunjavo zuckastih boja da se istaknu delovi je problematicna jer na lose kalibrisanim monitorima sa previsokim kontrastima (citaj TFT sa fabrickim podesavanjima) su te boje jako lose vidljive, izgledaju kao fleka na ekranu. Po svemu sto on sam prica ocekivalo bi se da ce pre koristiti jako kontrastnu shemu.

[jablan]

Na stranu beskrajna priča o dizajnu (ili nepostojanju istog) Nilsenovog sajta, kao ni to da li je on uvek u pravu ili ga je vreme pregazilo.

Njegova misija nema puno veze s tim... On je tu da bi uputio veb profesionalce na inženjerski pristup usability-ju, to jest da ukaže na to da je koristivost (usability) nešto vrlo opipljivo i merljivo, nešto čemu treba posvetiti pažnju i vreme, a ne nešto što dolazi sâmo, sa dobrim dizajnom.

Inače, zeleno-plava knjiga se zove Dizajn funkcionalnih veb-strana i dobar deo nje jeste zastareo, ali je veći deo još uvek aktuelan i greške na koje on ukazuje se još uvek često provlače.

[bluesman]

Ja se suzdržavam da pričam o JN pošto sam sve što mislim već rekao nekoliko puta pa ću se ponavljati, samo da dodam da se uglavnom slažem sa "ima dobrih ideja i kvalitetnih usability analiza ali ima i teškog lupetanja".

[Pedja]

Najvaznje je to da Nielsen isprovocira da ga ljudi citaju i da razmisljaju o tome sto pise.

Slagali se sa njim ili ne, vazno je da obracaju paznju na juzabiliti.