Praktické tipy pro layout webu
Oprášil jsem pár odkazů souvisejících s návrhem webu, které by mohly být užitečné nejen pro začátečníky, ale i pro otrlejší webdesignery.
F-pattern je výsledkem dnes již tři roky starého výzkumu Jacoba Nielsena. Jacob a jeho tým sledoval pomocí eyetrackingu, kam se lidé na stránce dívají a porovnáním výsledků vznikla zajímavá data pro návrh layoutu webu.
Lidé web sledují od levého horního rohu doprava, poté se přemístí pohledem o kousek dolů a web opět sledují směrem doprava. F-pattern má důsledky především pro návrh layoutu webu – jestliže chci, aby uživatel něco skutečně nepřehlédl, dám to doleva (a co nejvýše v obsahu stránky – nikoliv však do hlavičky). Výzkum samozřejmě platí jen pro uživatele čtoucí zleva doprava.
K layoutu se váže i další článek – tentokrát Andy Rutledge a jeho Killing Some Bad Layout Conventions, na který neodkazuji poprvé, ani naposled. Uživatelé stránek se obecně hůře orientují ve 3+ sloupcových webech a Andyho článek upozorňuje na způsoby, jak zlepšit použitelnost vašeho vícesloupcového layoutu.
How to Spot Quality within Web Design: Examples & Tips si dovolím označit jako jeden z nejpřínosnějších článků pro webdesignery roku 2009 (via Lucia Tokárová). Autoři se vrhli na nejdůležitější typografické a grafické stránky webdesignu (bílé místo, pixelové detaily, typografii, layout webu a skoro nepostřehnutelné detaily), které můžeme označit za pomyslná kritéria kvality dobře vytvořeného webu (především z pohledu estetického, nikoliv marketingového).
Rovněž se doporučuji zaměřit na 2 principy tvorby informačních a prodejních stránek – v prvním případě Content – Attention – Explore – Connect, ve druhém pak Attention – Interest – Desire – Action, které prakticky ilustrují důležitost návaznosti jednotlivých částí stránky (pravidla se dají pojmout nejen v kontextu vstupní stránky, ale i z pohledu celého webu).
Komentáře
[1] pokial si spominam, tak to bolo zamerane na „vysledky vyhladavacov“ – kde naozaj chceli vediet do akej hlbky sa zaujem pohybuje.
zaroven to bola aj doba experimentov, kedy sa skusali rozne rozlozenia obsahu a castokrat sa prave do najexponovanejsieho bodu dostaval pre citatela najmenej dolezity obsah.
takze sa len exaktnejsie zmeralo to, co kazdy viacmenej tusi.
Já bych si dal pozor na nějakou přílišnou generalizaci F patternu. Určitě je aplikovatelná u stránek, kde je nějaký opakující se vzorec, jako výsledky vyhledávání, textové odstavce, řekl bych třeba i položky v e-shopu. Jde tedy o skenování informací ekvivalentní vizuální hodnoty.
No tak nevím.
„Lidé web sledují od levého horního rohu doprava, poté se přemístí pohledem o kousek dolů a web opět sledují směrem doprava“ velmi významný objev. To je jako, když čtu slabikář, že.
„Výzkum samozřejmě platí jen pro uživatele čtoucí zleva doprava.“
To je jako důkaz předpokaldem.
Velmi užitečné.
Jne tak dál.