Ne bojte se višestrukih ekrana i scrolla-a

Autor: Goran Aničić | Wednesday, 13. January 2010 21:44  –  Rubrike: IA-UI-HCI, Usability, Web design

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.

Ključne reči: ekanski interfejs, korisnički interfejs, LCD, scroll, web dizajn

Tekstovi slične tematike na blogu