Statistika návrhu domovských stránek V Jakobově knize Law of the Internet User Experience (Zákon zkušeností uživatelů Internetu) se říká, že "uživatelé tráví většinu svého času na jiných webech, nikoliv na tom vašem." To je pravda bez ohledu na to, jak velký váš web je, protože uživatelé nevěnují žádnému webu více než 50 % svého času. Vlastně většině webů odpovídá pouze několik procent času, který jejich uživatelé tráví online. Z tohoto pravidla vyplývá, že weby musí být snadno použitelné a dodržovat zásady designu – vzhledem k množství času, který stráví na jiných webech mezi dvěma návštěvami, budou uživatelé deprimováni, pokud si budou muset zapamatovat nějaké speciální interaktivní triky od jedné návštěvy webu ke druhé. V této kapitole stanovíme rozsah těchto zásad existujících na dnešním webu. Předpokládáme, že časem se objeví ještě více zásad designu. Až se tak stane, doporučujeme vám, abyste tyto nové zásady použili při dalším novém návrhu vašeho webu, ne-li dřív. Design domovských stránek jde nad rámec diktátu Jakobova Zákona, kvůli důležitosti dojmu z první návštěvy daného návštěvníka. Jakmile přijde určitý uživatel na vaši domovskou stránku poprvé, už si s sebou ponese velkou zátěž v podobě zavazadla plného zkušeností, které nasbíral při dřívějších návštěvách tisíců jiných domovských stránek. Jedinými výjimkami z tohoto pravidla jsou služby jako AOL a MSN, jež jsou často prvními zastávkami nových uživatelů Internetu. Některé z největších webů jako Amazon a Yahoo by se mohly samy započítat mezi prvních 10 nebo 20 webů navštěvovaných novými uživateli, ale dokonce i takhle velké weby mají uživatele, kteří je neobjeví dříve, než navštíví velký počet jiných webů. Obecně se však můžete spolehnout na to, že než uživatelé poprvé přijdou na váš web, už určitě zhlédli velký počet domovských stránek. A do té doby si uživatelé na základě svých zkušeností s těmito ostatními weby vytvořili základní představu toho, jak by měly domovské stránky fungovat.
45
Použitelnost domovských stránek
Z dominantního postavení jiných webů vyplývají dvě skutečnosti, které utváří představu uživatelů: Za prvé, použitelnost drtivé většiny ostatních webů je příšerná a nestojí ani za návštěvu – uživatelé na to rychle přijdou a opustí je. Očekávání průměrného uživatele při první návštěvě určitého webu je takové, že web je pravděpodobně zklame. Uživatelé investují velmi málo času (často do 10 sekund) průzkumu nového webu v naději, že bude patřit k jedněm z mála těch dobrých. Ale pokud na ně web působí neobvyklým nebo komplikovaným dojmem, nebo není jasné, jak web vyhoví jejich momentální potřebě, budou pryč během několika kliknutí myší. Protože rozhodnutí o tom, zda zůstat nebo odejít, se často odehrává na domovské stránce, nebo po shlédnutí jedné či dvou stránek odkazovaných z domovské stránky, domovská stránka musí okamžitě nabídnout svou hodnotu a umožnit návštěvníkům najít dobré, důležité "věci" během několika sekund. Oba tyto požadavky nutně vedou k závěru, že domovská stránka musí dodržovat standardní zásady designu uživatelského rozhraní, protože uživatelé nebudou mít čas učit se něco nového. Raději využijí svůj veškerý mozkový potenciál během omezené doby na posouzení významu nabízené hodnoty. Pokud odvedete jejich pozornost – byť jen o kousíček – od nalezení obsahu k nutnosti naučit se něco nového, ztratíte je.
Nielsen & Tahir
Druhá skutečnost je taková, že průměrný uživatel, který přijde na váš web poprvé, nebude novým uživatelem v pravém slova smyslu. Uživatel bude mít typicky dostatek zkušeností s jinými domovskými stránkami a bude znát principy fungování jiných stránek. Bude-li vaše domovská stránka fungovat do určité míry podobně, uživatelé se budou cítit vítáni a porozumí důvěrně známým zásadám designu.
46
Odpůrci použitelnosti si někdy stěžují, že zásady designu potlačují kreativitu a že by bylo nudné, kdyby všechny domovské stránky vypadaly stejně. Obě tyto námitky jsou mylné. Za prvé, samotné pojetí designu je řešení problému pod nátlakem. Design neznamená "udělej náhodnou věc", znamená "udělej něco, co funguje ve skutečném světě". Designéři vždy pracovali pod určitým tlakem, například byli omezováni rozlišením novinového papíru nebo rozměrem potištěné strany. Smíření se s tím, že tvorba webu je interaktivní tvorbou a že je nevyhnutelné vyjít vstříc lidskému chování, je jen další překážkou při návrhu, ale současně by měla podpořit kreativitu, nikoliv ji potlačit. Za druhé, zásady designu v žádném případě neznamenají, že všechny domovské stránky mají vypadat stejně. Téměř všechny časopisy dodržují zásady umísťování číslování stránek v rozích stránek, písmo nadpisů je větší než je písmo samotného textu, mají obsah vpředu a mnoho, mnoho dalších principů, které jsou společné z jednoduchého důvodu – díky nim jsou časopisy lépe čitelné. Neznamená to, že Vogue vypadá stejně jako magazín Sports Illustrated nebo Far Eastern Economic Review. Podobně, domovské stránky, které oslovují různé cílové skupiny uživatelů nebo reprezentují různé firmy, budou vypadat různě, třebaže všechny prosazují snadnost použití dodržováním zásad.
Doba stahování
Statistika návrhu webových stránek
Tato kapitola prezentuje naše pojetí zásad designu domovské stránky, které vychází z analýzy 50 domovských stránek v této knize. Často prezentujeme statistiku z hlediska průměrné hodnoty nebo nejrozšířenější hodnoty určitého prvku designu. V určitých případech je rovněž zajímavé zmínit rozsah používaných hodnot, což často činíme uvedením tří různých čísel: prvního kvartálu, mediánu a třetího kvartálu. První kvartál (Q1) značí číslo, pro které platí, že 25 % webů má nižší hodnotu a 75 % webů má větší hodnotu. Podobně, třetí kvartál (Q3) je hodnota, která značí, že 75 % webů má nižší hodnotu a 25 % webů má větší hodnotu. Dále existují případy, že polovina webů spadá mezi první a třetí kvartál. Medián označuje střední hodnotu, kde polovina webů má nižší hodnotu a polovina webů má hodnotu vyšší.
Použijete-li běžný analogový modem, stejně jako většina domácích uživatelů, tyto domovské stránky vyžadují průměrně 26 sekund na jejich stažení – to je téměř trojnásobek doporučeného maxima doby odezvy 10 sekund. Pouze 28 % webů splňuje tuto podmínku, a to je to nejmenší. Pro skutečně optimální použitelnost se musí stránka stáhnout za méně než deset sekund a ani jedna stránka z těchto domovských stránek této rychlosti nedosahovala. Dokonce i při použití kabelového modemu nebo DSL linky byla většina webů pomalejších než 10sekundový limit. Bohužel, 26 % domovských stránek trvalo načtení déle než minutu a půl. Většina uživatelů by dávno odešla – možná pouze na výjimku, že by zrovna shromažďovali kopie obrazovek pro svou vlastní knihu o designu domovských stránek. V mnoha případech mohly být tyto neuvěřitelně pomalé weby poškozeny prodlevami nad rámec prostého stažení obsahů jejich stránek. Servery mohou být pomalé, stejně jako celý Internet, a nikdo nad tím nemá kontrolu. Ovšem z pohledu uživatele jde jen o to, zdali se web jeví tak, že reaguje, nebo je pomalý. Všechny tyto aspekty života na webu jsou jen dalšími důvody, abyste dbali na malou velikost vaší stránky. Je-li domovská stránka pomalá, uživatelé zcela logicky usoudí, že i zbývající část webu bude pomalá a obtížně použitelná, a pravděpodobně odejdou z celého webu.
47
Použitelnost domovských stránek
Základní rozvržení stránky Podívali jsme se na velikost stránky na obrazovce a na míru využití různých velikostí oken a rozdělení na rámce.
Šířka stránky Většina recenzovaných domovských stránek byla bezpochyby navržena pro okno prohlížeče široké 800 pixelů, což odpovídá rozlišení monitoru 800×600 – stále nejběžnějšímu pro domácí uživatele. Následující čísla se vztahují k šířce samotné webové stránky a nezahrnují prvky prohlížeče, jako posuvníky. Hodnota
Šířka stránky
Q1
768 pixelů
Medián
770 pixelů
Q3
774 pixelů
Doporučujeme, aby byly stránky navrženy pro optimální zobrazení kolem 770 pixelů, protože to je oblast dostupná pro obsah v okně širokém 800 pixelů. Jak se zmíníme v další části, také doporučujeme, aby bylo rozvržení "plovoucí", takže se roztáhne tak, aby zabíralo různé velikosti okna, ať už širšího nebo užšího než "standardní" okno.
Plovoucí versus pevné rozvržení
Nielsen & Tahir
Z 50 domovských stránek používá 18 % plovoucí rozvržení, které se automaticky přizpůsobí velikosti okna prohlížeče daného uživatele. Většina webů použila pevné rozvržení, které zůstalo stejné ve velkém i malém okně. Pevné stránky byly v malých oknech oříznuty a ve velkých oknech zobrazily velké množství nepotřebného bílého místa.
48
I když jsou pevná rozvržení standardem, doporučujeme používat plovoucí rozvržení. Uživatelé s velkými monitory ocení, že při zvětšení okna na požadovanou velikost uvidí více obsahu – a to nemluvíme o zhodnocení peněz, které vynaložili na koupi velkého monitoru. Stránka, která se zalamuje na velikost menších oken uživatelů s malými monitory, přinese výhody také jim. Koneckonců, plovoucí
rozvržení se vytiskne stejně dobře na papír rozměru 8,5×11 i formátu A4.
Délka stránky Délka stránky se široce liší, i když většina domovských stránek zabírá jednu až tři celé obrazovky při rozlišení monitoru 800×600. Varujeme před nadměrným posouváním domovské stránky: pokud váš design překračuje čtyři celé obrazovky při velikosti okna, která je nejběžnější pro základnu vašich uživatelů, asi byste měli domovskou stránku zjednodušit a přesunout některé části do dílčích stránek. Na druhou stranu, není třeba nacpat všechno na jednu obrazovku, pokud jsou nejdůležitější vlastnosti viditelné nad záhybem. Hodnota
Délka stránky
Q1
634 pixelů, resp. asi jedna celá obrazovka
Medián
1018 pixelů, resp. asi dvě celé obrazovky
Q3
1334 pixelů, resp. asi tři celé obrazovky
Rámce Pouze 4 % webů používaly na domovské stránce rámce. Vzhledem k tomu, že rámce způsobují problémy s použitelností, nejlepší je se jim vyhnout. Pokud jde o tento prvek designu, většina designérů se rozhodla správně a nepoužila je.
Dvě věci, které uživatelé na domovské stránce hledají ze všeho nejdřív, jsou logo a možnost vyhledávání. Lidé potřebují vědět, kde se nacházejí, a často chtějí něco najít. Proto musí být nalezení těchto dvou prvku obzvlášť snadné. Uživatel by určitě neměl hledat vyhledávací formulář.
Logo
Vyhledávání
Všechny weby obsahovaly nějaké logo. Umístění loga na stránce bylo následující:
Je neuvěřitelné, že 14 % domovských stránek neobsahovalo možnost vyhledávání, a proto byly z této analýzy vyjmuty. Následující procentuální vyjádření se vztahuje k domovských stránkám, které vyhledávacími možnostmi disponovaly.
Umístění loga
Hodnota
Vlevo nahoře
84 %
Vpravo nahoře
6%
Nahoře uprostřed
6%
Jiné umístění
4%
Doporučujeme vám, aby domovská stránka vašeho webu obsahovala logo umístěné v levém horním rohu stránky. Na všech ostatních stránkách, kromě domovské stránky samotné, by mělo logo sloužit jako odkaz vedoucí na domovskou stránku. Rozměry log byly tak různé, jako loga samotná. Protože jsou loga dvourozměrné grafické objekty, uvádíme rozměry jako celkový počet obrazových pixelů, které logo zabírá, a také jako rozměr čtvercového obrázku, který by zabíral tentýž počet pixelů. Většinou mají loga obdélníkový tvar, takže mají typicky větší šířku a menší výšku z uváděného čtverce.
Statistika návrhu domovských stránek
Základní prvky designu stránky
Na 81 % webů bylo vyhledávání reprezentováno jako políčko, do nějž uživatelé mohli vepsat dotaz. Jelikož i tento prvek designu funguje nejlépe – což vyplynulo z reakcí při testování uživatelů – vřele doporučujeme používat vyhledávací políčko. Pouze 20 % webů používalo méně použitelné vyhledávací designy, kdy museli uživatelé kliknout na odkaz, který je přenesl na samostatnou vyhledávací stránku. (Všimněte si, že procentuální součet činí více než 100 %, protože jeden web obsahoval dvojí vyhledávání.) Umístění vyhledávacího prvku (ať už políčka nebo odkazu) na domovských stránkách bylo následující: Umístění vyhledávacího prvku
Hodnota
Vpravo nahoře
35 %
Vlevo nahoře
30 %
Nahoře uprostřed
14 % 12 % 12 %
Hodnota
Velikost loga
Vlevo uprostřed
Q1
3365 pixelů (čtverec o straně 58 pixelů)
Jiné umístění
Medián
5485 pixelů (čtverec o straně 74 pixelů)
Q3
12286 pixelů (čtverec o straně 111 pixelů)
Vyhledávací prvek doporučujeme umístit v horní části stránky, aby si jej uživatelé všimli. Ačkoliv přesné umístění záleží na dalších prvcích v horní části vaší stránky, doporučujeme jej umístit do některého z horních rohů. Třebaže pravý horní roh může být nepatrně lepší než levý horní, rozdíl je tak malý, že lze akceptovat i umístění vyhledávacího prvku vlevo nahoře, pokud je toto umístění lepší vzhledem k celkovému designu stránky.
49
Použitelnost domovských stránek
A co víc, jako popisky na vyhledávacích tlačítkách nebo odkazech byly použity různé výrazy. Nejběžnějšími výrazy byly: Popisek vyhledávacího prvku
Hodnota
Search (Hledej)
42 %
Go (Start)
40 %
Find (Najít)
9%
Find It (Najdi)
5%
Tyto statistiky svědčí o nejistotě při volbě výrazů "Search" a "Go", my však z hlediska použitelnosti upřednostňujeme výraz "Search", protože se zdá, že lépe vystihuje danou vlastnost a šetří celkový počet slov, neboť slouží také jako nadpis vyhledávacího prvku. Pokud jde o barvy, samotné vyhledávací políčko bylo v 97 % případů bílé – bílá barva je většinou charakteristická pro pole uživatelského vstupu. Proto doporučujeme pro vyhledávací políčka používat bílá textová pole. Šířka vyhledávacích políček byla následující: Hodnota
Šířka vyhledávacího políčka
Q1
85 pixelů, resp. 14 znaků
Medián
110 pixelů, resp. 18 znaků
Q3
171 pixelů, resp. 28 znaků
Nielsen & Tahir
Z hlediska nejlepší použitelnosti vyhledávacích prvků by měli být uživatelé schopni zadat poměrně dlouhé dotazy a přitom vidět celý jejich text bez nutnosti posouvání ve vyhledávacím poli. Průměrná vyhledávací políčka na dnešním webu jsou příliš malá pro zadání dotazů jiných, než ty nejkratší. Dokonce i o něco větší vyhledávací políčka v našem příkladu by byla příliš malá, než aby se do nich vlezl dotaz "použitelnost vyhledávacích prvků", který má 34 znaků včetně uvozovek.
50
Doporučujeme vám vytvořit vyhledávací políčka široká alespoň 25 znaků obvyklého fontu použitého většinou uživatelů. Ještě lepší by bylo 30 znaků. Jednoduché vyhledávání – to znamená, že vyhledávací jádro hledalo uživatelský dotaz na všech stránkách webu – tvoří 70 % vyhledávacích možností domovských stránek v naší ukázce. 30 % vyhledávacích prvků bylo realizováno oblastním vyhledáváním – to znamená, že vyhledávací jádro bralo v potaz pouze menší část webu (tzv. vyhledávací oblast). Použitelnost je téměř vždy nejlepší v případě jednoduchého vyhledávání, protože oblastní vyhledávání uživatelům nabízí příliš mnoho příležitostí k činění chyb a k vyhledávání ve špatné oblasti. Odkazy na možnosti pokročilého vyhledávání byly nabízeny na 21 % webů. Je-li pokročilé vyhledávání nutné, to záleží na složitosti webu, nicméně je nepochybně lepší umístit veškeré možnosti speciálního vyhledávání na samostatnou stránku "pokročilého vyhledávání". To chrání všechny uživatele před komplikovaností pokročilého vyhledávání, ovšem dává prostor uživatelům, kteří chtějí zadat další vyhledávací kritéria. Ve většině případů je také pokročilé vyhledávání jediným místem, kde doporučujeme nabídnout oblastní vyhledávání. Lidé, kteří používají pokročilé vyhledávání, tak činí na vlastní riziko, a mnoho nových uživatelů Internetu zůstává při jednodušších metodách a sami se omezují na jednoduché vyhledávání, kde se s menší pravděpodobností dostanou do potíží.
Úplný seznam vyhledávacích prvků jednotlivých webů najdete v Příloze.
Hlavní navigační schémata na jednotlivých domovských stránkách byla umístěna následovně: (Všimněte si, že součet tvoří více než 100 %, neboť několik webů nabízelo dvě rovnocenná navigační schémata.) Navigační schéma
Hodnota
Vlevo umístěný navigační panel
30 %
Záložky
30 %
Odkazy napříč horní částí stránky
18 %
Kategorie uprostřed stránky
12 %
Rozbalovací nabídky
10 %
Jiné (vpravo, dole, nahoře uprostřed)
6%
Není zde jasný vítěz, jsou zde však čtyři různá navigační schémata – všechna z nich se zdají být dobře použitelná a na webu se nachází dostatečně často, aby mohla být považována za běžně známá:
Statistika návrhu domovských stránek
Navigace
■ Vlevo umístěný navigační panel. Původně se tento design stal obecně rozšířeným díky webu CNET jako takzvaný design "žluté horečky" (nápadný žlutý pruh jdoucí vlevo shora dolů na všech jeho stránkách). Při novém návrhu webu v roce 1999 CNET tento styl opustil, ačkoliv – jak můžete vidět – se stále nachází na mnoha webech, včetně BBC Online.
■ Záložky. V současné době je používá mnoho webů, včetně Wall-Mart. Původně byly zpopularizovány webem Amazon. com, i když ten je jako hlavní navigační schéma nadále nepoužívá.
■ Odkazy napříč horní částí stránky. Styl, který momentálně používá web Accenture. ■ Kategorie uprostřed stránky. Zpopularizován (a stále používán) webem Yahoo!. I když i rozbalovací nabídky jsou docela často používány, pro hlavní navigaci je nedoporučujeme, protože většinou překrývají nabízené volby.
Navigace v zápatí Z námi recenzovaných domovských stránek 80 % obsahovalo seznam navigačních odkazů napříč dolní částí stránky. Jak naznačuje toto vysoké procento, uvedení určitých možností na konci stránky je obvyklou součástí designu. Bohužel neexistuje žádné ujednání o tom, co v tomto navigačním seznamu uvést. Některé weby uvádí hlavní oblasti daného webu, za předpokladu, že tím uživatelům nabídnou druhou možnost použití těchto důležitých odkazů, pokud je přehlédli při posouvání stránky. Jiné weby mají odlišný přístup a dolní část stránky vyhrazují pro odkazy, které by mohly být nejlépe nazývány poznámkami pod čarou, jako právní doložky a kontaktní informace.
Kvůli nedostatku standardů uživatelé neví, co mají v zápatí očekávat, a to činí tuto oblast méně užitečnou než by mohla být. Protože navigace ve spodní části stránky je méně než optimální, doporučujeme vám nepoužívat ji pro hlavní navigaci. Všeobecnou zásadou použitelnosti je také minimalizovat opakování: pokud se tatáž možnost objeví dvakrát, uživatelé si budou lámat hlavu s tím, zdali se jedná o dva různé, nebo stejné odkazy. Koneckonců, pixely na domovské stránce jsou vzácné, takže je dobré je šetřit a neplýtvat jimi dvakrát uváděnou informací, ať už je jakkoliv důležitá.
51
