Famozni Page Fold

Ovaj post je nastao na prvom mjestu kako bi se predavači sledeće godine pripremili što bolje a ne izlazili sa šturo pripremljenom prezentacijom da bi nam svojom "stručnošću" zamazali oči. I da se razumijemo, vjerovatno predavač zna bolje od mene php, mysql, administraciju, mreže itd itd ali imam pravo da kritikujem predavanje koje nije zaslužilo pohvale!

Na BizBuzz smo mogli gledati veoma interesantno predavanje "usabillity testing" na kome je predavač istakao neka važna eye-tracking istraživanja. Govorio je, izmedju ostalog, kako korisnici dijagonalno posmatraju sajt. Organizatorima svaka čast.

Još dok je predavač stavljao prvu sliku i počeo spiku, u koju se razumije koliko moja žena, namjerno sam pitao za Fold jer sam znao da nikad nije čuo. Da barem baš ta tematika nije usko vezana za famozni Fold i oprostio bih mu. Ali kad se pripremio tako jadno morao sam da ga dočekam. Isto kao što bih profesora matematike pitao koliko je 2+2.

Šta je to fold?

Fold (en.) se odnosi na onaj dio sajta kojeg ne vidimo a koji nam se otkriva tek kad pocnemo skrolati. Kad otvorimo neki sajt, prije bilo kakvog pomjeranja sadržaja, ono što vidimo se naziva "above the fold".

Na ovom mjestu sam planirao da stavim slike. Pitao sam one što rade studije da mi daju slike a ja ću uredno i vidljivo linkovati izvor. Ako niste znali, englezi su čuveni po bontonu pa me nisu udostojili odgovora. Ma da su rekli makar "ne može" respekt brate a nidje po sajtu nemaju copyright ili nekakvu politiku za slike.

Kakve veze Fold ima sa eye-tracking?

Vjerovatno ste čitali studije kako većina korisnika dijagonalno prelazi očima preko sajta (špageti efekat) i zadržavaju se više manje samo na neke oblasti. Dijagonalno? A šta ako je kontakt forma dugačka i vertikalna? Što ako je kviz u pitanju pa je vrapovan u full-u? Ovo "dijagonalno" ili bilo kakvo gledanje je uslovljeno mnogo čime:

1. Formacijom sajta:
   1. Dizajn
   2. Broj kolona
   3. Gridovi - da li je sajt pravilno uredjen po vertikali
   4. Raspored slika i teksta...
2. Tipom korisnika koji posjećuju sajt koje dijelimo na grupe:
   1. Obični korisnici
   2. Koji tražeodredjenu  informaciju (koriste search polje)
   3. Napredni korisnici...
3. Količina informacija u samom zaglavlju sajta i domah ispod njega
4. Svašta ponešto...

Stavka "4. Svašta ponešto" je takva jer se može pričati u svakom primjeru druga priča. Potpuno je uslovljlena dizajnom sajta. Pod dizajnom ne smatram samo ljepotu nego od funkcionalnosti preko broja linkova na odredjenim mjestima, rasporedu modula... pa sve do veličine i tipova slika u raznim situacijama.

Dijagonalno ili ne? Zavisi, kao što rekoh, od formacije strane. Vaša naslovna strana može biti potpuno drugačije formirana od ostalih strana ali ipak možete "natjerati" korisnike da prate vaš sajt. Ipak, možete se ubiti čitajući po netu uputstva a da vam opet sredjivanje sajta ne donose željeni efekat.

Ako postoji previše informacija u gornjem vidljivom dijelu sajta, zaglavlju i odmah ispod njega, ili pri dnu neka vizelna barikada, korisnik najvjerovatnije neće gledati/skrolati dalje. "Barikada" može biti horizontalna linija pri dnu vizuelnog dijela i/ili donji dio koji se ne nalazi u vidnom polju. Tek tada nam u igru ulazi fold.

Preporuke:

1. Korisnici rado skrolaju ali ih pri tom samo mi možemo spriječiti!
2. U gornjem dijelu sajta možete staviti samo logo, glavni meni i par linkova (neki mali meni, upisivanje, registraciju i pretragu i nije striktno pravilo)
3. Ispod zaglavlja na 2/3 širine sajta staviti neki slajd-šou a pored njega na 1/3 možete staviti neki info ili neku formu.
4. Dio koji se ne vidi na ekranu prilikom otvaranja nove stranice mora biti malo uvučen u gornji dio i malo viri, čisto da se korisniku nasluti da dolje ima još sadržaja za pogledati.
5. Izbjeći u potpunosti hotizontalne separatore. Ovo pravilo ne važi za pozadinsku boju.
6. Vertikale srediti po grid sistemu. Pogledati sajt: 960 Grid System
7. Podnožje sajta možete nakititi uredno sredjenim linkovima (glavni meni, sporedni, mapa sajta). U zadnje se praktikuje da se u podnožju stavi kontakt forma.
8. Ništa od ovoga ne radite ako vlasnik sajta želi da mu napravite drugačije jer mu je kum ili sekretarica rekla da im se ne svidja.
9. Ako se vi sjetite nečega dopišite u komentaru.

Šta je sa predavanjem?

Elem, da ih naučim par caka. Sledeći put napravite presjedan, pa sa dvije jeftine kamere i sa sturbustom napravite sovju studiju. Za pripreme treba jedan dan. Pazi sad, dovedete korisnike koji već znaju dobro da koriste internet, pa im pustite ini sajt da klikću po njemu. Unaprijed spremite pitanja i zapisujte šta komentarišu.

Predavanje? Dakle suvo, brzo, lijepo (svi žele znati) ali poluvažno, internet sursovano, sa puno krivih putokaza. "Staviš ovo tamo, pogle sliku, e tako, samo malo e ček ima druga, tako to, odma iza..." Sve u svemu ide maca oko tebe. U jeee. A nismo se ni dotakli F pattern-a...

Za one koji će da vade predavača evo jedan njegov citat: "Fold? Jel to fleš?".
Za one koji će da me nazovu hejterom: Jeste vi ljudi komunjare? Dajte jednu kritiku ovog posta ili ništa ne pišite. Veoma bih rado čuo nekog ko zna!

Evo linkova koji se bave ovom tematikom:

Web Forms Design Guidelines an Eyetracking Study

The myth of the page fold: evidence from user testing