Planeta Srbija

Britanska agencija cxpartners koja se inače bavi optimizacijom korisničkog interfejsa sprovela je veoma interesantno i značajno istraživanje na polju web dizajna, odnosno preciznije potencijalnim problemima u upotrebi višeekranskih web stranica – web stranica koje prevazilaze dimenzije prikaza jednog ekrana po visini.

Svi smo svedoci da na tržišu LCD ekrana sve više dominira 16:9 orijentacija, pa čak i kod notebook računara,  te da iako imamo ekrane sve veće dijagonale,  dobijamo sve više na širini, a sve manje na visini mogućeg prikaza stranice. Prosečna korisna visina prikaza na ekranu bez status linije i OS UI elemenata je oko 700 piksela.

Stranica New York Timesa prostire se čak na 5 ekrana Direktna posledica ove hardverske evolucije je sve manje vertikalnog prostora za prikaz korisnog sadržaja na stranici. Ako tome dodamo “alergiju” web dizajnera na svaku višeekransku stranicu i veliki trud uložen u redukovanje prikazanog sadržaja, rezultati istraživanja cxpartners paradoksalno, ali i iznenađujuće korisno.

Naime, iz 800 obavljenih korisničkih test sesija, u samo 3 slučaja više-ekranske web stranice nisupreporučljive! I dodatno, sve poslednje eye tracking studije ukazuju na veoma jak fokus korisnika iznad scroll linije, čime nam se jasno stavlja do znanja da krajnji korisnici i očekuju scrollujuće stranice.

Rezultati istraživanja pružaju i određene smernice u pogledu rasporeda elementa na stranici, iznad i ispod granične linije prikaza prvog ekrana (fold line):

Ne treba gomilati sav sadržaj unutar “prvog ekrana”, kada već imate stranicu koja se prostire na 3 ekrana – takođe, koristite više belina i rastreseniji grafički rasproed elemenata na prvom ekranu ohrabrujući posetioce da zavire i ispod prvog ekrana. u UI ne koristite “jače”, horizontalne linije radi naglašavanja granice sadržaja - time obeshrabrujete posetioce i dovodite ih u zabludu da je to ona kranja linija web stranice ne koristite dodatne, druge scroll-bar linije unutar stranice (iframe elementi i sl.) – jer samo browserski scrollbar svojom visinom ukazuje na količinu sadržaja, dok bi upotreba ostalih elemenata sa klizačima  samo zbunila korisnike

Takođe preporučujem vam da pročitate u detalje ovu studiju, ilustracija sa prikazom scroll stranica velikih news sajtova je više nego plastičan primer i ukaz.

© goran | Svakodnevnica blog, 2010. | Permalink | Nema komentara | Dodaj u del.icio.us zbirku Tekst označen ključnim rečima: ekanski interfejs, korisnički interfejs, LCD, scroll, web dizajn

Takođe nepropustite IT vesti i dešavanja na Personal magazinu

Agencija UIE koja je sprovela zanimljivo i značajno istraživanje koje ukazuje da adekvatno urađena navigacija i adekvatni grafički elementi stvarno mogu da pomognu posetiocima u snalaženju na sajtu i obavljanju namerenih aktivnosti.

Sa druge strane, na mnogim sajtovima pojavljuju se ornamentalni grafički elementi koji mogu i da odmognu korsnicima u snalaženju. Treba dobro izvagati kako i kada koristiti grafičke elemente u navigaciji.

Dat je i sjajan primer Samsonite čiji sajt nudi veliku ponudu, a kroz tekst teško da neko od korisnika može da se snađe, a  sa druge strane je lokacije bestbuy.com sa sjajnom instrumentalizovanom navigacijom.

© goran | Svakodnevnica blog, 2009. | Permalink | Nema komentara | Dodaj u del.icio.us zbirku Tekst označen ključnim rečima: korisnički interfejs, Samsonite, UIE

Takođe nepropustite IT vesti i dešavanja na Personal magazinu

Videh na FB status Lilit sa linkom do zanimljivog  I ♥ wireframes specijalizovanog tumblr bloga sa primerima “ožičenih”  skica web interfejsa.  Zanimljiva kolekcija, i dobra polazna tačka za interfejs dizajnere.

© goran | Svakodnevnica blog, 2009. | Permalink | Nema komentara | Dodaj u del.icio.us zbirku Tekst označen ključnim rečima: interfejs dizajn, korisnički interfejs, Tumblr, Wireframe

Takođe nepropustite IT vesti i dešavanja na Personal magazinu

Ko bi rekao da samo jedan element web interefejsa toliko može da vredi - a može, jer je to ta web orijentisano poslovanje osnovno sredstvo rada. Jared Spool iz User Interface Engineeringa donosi izuzetan case study o modifikaciji jednog jedinog dugmića koji je uticao na uvećanje prihoda za 300 miliona dolara.

Ali ništa bez usability testova, jer tek nakon njih je uočen problem, za koji ljudi iz web produkcije nisu ni znali da postoji. Analizom je utvrđeno da imaju mnogo "odustalih - neuspelih kupovina", pa je trebalo videti gde i zašto kupci odustaju nakon filovanja potrošačke korpe. Pretpostavke su ono što generiše greške. Ako je vama nešto kao web-UI dizajenru logično, veoma je verovatno da nije i krajnim korisnicima.

Studija je to i dokalaza, a UI dizajneri su pogrešili i kod first-time kupaca i kod onih koji su na sajtu po više puta. Krajnji ishod je bio uklanjanje Register dugmića (tamo gde nu mesto nije bilo) i njegova zamena sa Continue dugmićemo što je na godišnjem nivou donelo 300 miliona dolara uvećanja web prihoda.

© Goran Aničić | Svakodnevnica blog, 2009. | Permalink | Nema komentara | Dodaj u del.icio.us zbirku Tekst označen ključnim rečima: e-commerce, korisnički interfejs, web dizajn

Takođe nepropustite IT vesti i dešavanja na Personal magazinu