Webdesign – Nenuťte uživatele přemýšlet!

Jednu z nejlepších knih o webovém designu by si určitě neměl nechat ujít nikdo, kdo si chce prohloubit znalosti v tomto oboru. Hlavním tématem knihy experta na použitelnost Steva Kruga je bezmyšlenkovitá volba uživatelů, snadné intuitivní ovládání, dobrá navigace a logická struktura webů. Pokud se Vám přesto nechce za tuto knihu utrácet, příjde Vám vhod krátký sumář.

Styl této knihy je odlišná od typické odborné počítačové literatury. Kniha je celobarevná, krátká, prošpikována malovanými obrázky a ukázkami webových stránek. Text je psaný jednoduchým lidským jazykem a autor často používá prostá přirovnání. Steve Krug Vám možná nepoví nic nového, jeho zdrojem nejsou nejrůznější statistiky ani přehledy, ale vychází ze zdravého selského rozumu. A co si z knihy po jejím přečtení odnesete?

Krugovy zákony použitelnosti
1. „Nenuťte mě přemýšlet“
Každá stránka musí být intuitivní, pochopitelná a vysvětlující. Na první pohled musí být jasné, kde se nacházím, co se k čemu používá a jak dosáhnu výsledku. Žádné objekty na stránkách ve mně nesmí vyvolávat otázky. Co je zřejmé pro mě jako webmastera, uživatelé nemusí pochopit.
2. Nezáleží na tom, kolikrát musím klepnout, pokud jde vždy o bezmyšlenkovitou a jednoznačnou volbu
Už víte proč se o Googlu hovoří jako o vrchol webové použitelnosti?
3. Zbavte se poloviny slov na každé stránce, A potom se zbavte poloviny toho, co zbylo
Pište krátce, stručně, vyvarujte se přátelských monologů, odstraňte úvodní texty typu: Vítejte na našich stránkách. Stránky dělejte tak, aby nepotřebovaly žádný návod k použití. Když už ho musíte mít, zeštíhlete ho na minimum.

3 pravdy o chování uživatelů
Na webu obvykle spěcháme, proto nečteme celý obsah stránek, ale přelétáváme po obsahu a děláme věci které fungují a které jsme se naučili. Nehledáme nejjednodušší cestu k informacím, hledáme informace. To vysvětluje proč návštěvníci píší www adresy do vyhledávacích polí internetových portálů.
Pravda první: Stránky nečteme, ale prohlížíme
Pravda druhá: Neprovádíme optimální výběry, ale děláme kompromisy
Pravda třetí: Nebádáme nad tím jak věci fungují, jednoduše to „nějak uděláme“

5 pravidel pro přehlednost
Protože návštěvníci web pouze přelétávají očima, nesmíte se za každou cenu snažit zachytit jejich pozornost, Méně je v tomto případě více. Nesnažte se každou stránku za každou cenu přecpat informacemi. Které jiné médium má tak výbornou pomůcku v navigaci jako hypertextové odkazy?
1. Jasná vizuální hierarchie
Co je důležitější, to je výraznější. Položky, které patří k sobě (jsou na stejné úrovni), musí být spolu propojené a položky, které jsou na úrovni pod sebou by měli být v sobě zanořeny.
2. Neměňte zvyklosti
Nákupní košík nechte nákupním košíkem, logo serveru nechte vlevo nahoře, (pište zleva doprava :o ) …
3. Rozdělte stránky na jasně definovatelné oblasti
Uživatelé musí najít informace tam, kde předpokládají. Vlevo položky menu, ve středním sloupci články, v patičce informace o vydavateli …
4. Vyznačte odkazy
Všechny odkazy nechte na stránce ve stejném stylu, modrý podtržený text a o něco tmavší již navštívený je konvencí. Dvouřádkové odkazy se špatně čtou.
5. Stránky nepřeplácávejte
Necpěte na stránky zbytečnosti, snažte se stránky pročistit, provzdušnit. Nebojte se ponechat volné místo namísto zbytečných informací.

Navigace
Při vyhledávání máme 2 možnosti: zadat text do vyhledávacího políčka nebo procházet jednotlivými kategoriemi přes menu. Navigace nám pomáhá najít to, co hledáme a ukazuje nám, kde se nacházíme. Říká nám, co tady najdeme, jak máme stránky používat a pokud je dobře navržena, vzbuzuje v lidech pozitivní pocity a oni se k nám budou rádi vracet.

Globální (perzistentní) navigace musí obsahovat logo serveru, odkaz na úvodní stránku (může být součástí loga), příslušné sekce, vyhledávání a pomůcky. Nemyslím si však, že to musí být pravidlem.

Vyhledávání nekomplikujte, použijte slovo Vyhledat. Neztěžujte to jinými frázemi jako: zadejte klíčové slovo atd.

Navigaci navrhujte i pro všechny nižší úrovně. Každá stránka musí mít svůj název a musí být dosti výrazný, nestačí zvýraznění v navigaci (menu). Název by měl odpovídat odkazu, pomocí kterého jste se tam dostali.

Drobky jsou výborným doplňkem v navigaci a ukazují pomyslnou cestu, kterou jsme prošli a umožňují se jednoduše vrátit na kteroukoli vyšší úroveň hierarchie. Na začátek napište: Nacházíte se zde.Nejvhodnější způsob jak je oddělovat je znak >. Poslední položku zvýrazněte, nemůže však nahradit název serveru.

Záložky jsou výborným způsobem navigace protože jsou zřejmé a nepřehlédnutelné, vizuálně vypadají dobře a ukazují Vám v které sekci (záložce) se nacházíte.

Na konec si vyzkoušejte kufrový test. Zvolte si několikátou úrovni libovolného serveru a označte si logo, název aktuální stránky, sekce, lokální navigaci, drobečkovou navigaci a vyhledávání.

Domovská stránka
Před časem jsem napsal spot Co musí obsahovat domovská stránka, ten problematiku, kterou probírá Krug, přibližně vystihuje.

Testování použitelnosti
Poslední 3 kapitoly své knihy věnuje autor testování použitelnosti webových stránek. Pokud se tímto oborem zaobíráte nebo budete zaobírat, doporučuji si tuto knihu zařadit do své knihovničky.

Knihu Webdesign – Nenuťte uživatele přemýšlet! autora Steva Kruga vydalo v roce 2003 nakladatelství Computer Press. 144 celobarevných stran můžete zakoupit na Vltavě. Doporučená cena je 249,- Kč.