Kromě samotného obsahu považuji navigaci za to nejdůležitější z každé webové stránky. Přesto však na většině webů naleznete navigaci zcela nebo částečně nevyhovující. V tomto článku se budu věnovat tomu, jak vytvořit navigaci, která je dobře přístupná pro všechny uživatele.
Základní role navigace
Poslechněte si podcast (mluvená verze článku)
MP3, 5,3 MB, 5 min 48 sec
Začněme u toho, co je základní úlohou navigace. Možná vás napadne, že má přenést uživatele z jedné stránky na druhou. Jistě, to je úlohou každého odkazu. Rozhodně to však není všechno. Co je tedy hlavní rolí navigace webu?
a) Navigace vás přesune z jedné stránky na druhou.
b) Navigace reprezentuje strukturu webu (tj. říká vám, kam se všude můžete dostat a proč byste to měli udělat).
c) Navigace reprezentuje aktuální umístění ve struktuře webu (tj. říká vám, kde se v architektuře webu právě pohybujete).
Z těchto tří rolí pak vyplývá všechno ostatní. Pojďme se nyní podívat na sedm základních pravidel, která vám mohou být při tvorbě navigačního mechanismu užitečná.
1. Navigace je oddělená od obsahu
Uživatel potřebuje vědět, co je vlastně navigace a co obsah. Navigace by proto měla být zřetelně odlišena od vlastního obsahu stránky. Typicky se to dělá navigačními panely, které jsou například horizontálně nad obsahem nebo vertikálně vedle obsahu.
2. Navigace je konzistentní napříč webem
Nekonzistence je nejčastější chybou. Nejedná se o to, že by měla být navigace napříč webem zcela identická. Je ale třeba, aby se chovala podle jednoznačné logiky, která je jednoduchá a na první pohled patrná. Proto se vyhněte experimentům a neklaďte uživatelům po cestě webem zbytečná překvapení. Navigaci umísťujte vždy na stejné místo (resp. stejná místa), zahrňte do ní stejné položky a zajistěte, aby se chovala obdobně jako jinde na webu.
3. Navigace se týká pouze daného webu
Pokud to není nezbytně nutné, mějte v hlavní navigaci odkazy pouze do svého webu, nikoliv jinam. Uživatel, který očekává, že odkaz vede do nitra webu, bývá často zmaten tím, že se najednou dostane na zcela jiný web, s jinou grafikou, jinou architekturou a jiným obsahem.
4. Navigační odkazy jsou srozumitelné
Navigační odkaz musí jednoznačně reprezentovat stránku, na kterou vede. Proto musí být naprosto jednoduchý a srozumitelný. Nespoléhejte na to, že uživatelé rozumí vaší odborné terminologii nebo firemnímu žargonu. Využijte uživatelských zvyklostí v pojmenovávání typických částí webů. Buďte struční a pokuste se jednotlivé položky navigace poskládat tak, aby vyjadřovaly nejen prioritu toho, co chcete sdělit, ale i uživatelské návyky.
5. Navigace funguje i směrem vzhůru
Nespoléhejte na to, že všichni uživatelé začínají pouť vaším webem na titulní stránce. Díky vyhledávačům či konkrétním odkazům se velmi často ocitnou rovnou uvnitř vašeho webu. Proto by měla existovat možnost jít strukturou webu směrem vzhůru, dostat se na nadřazenou stránku nebo rovnou na titulku. K tomu nejlépe slouží tzv. “drobečková navigace”, tedy jakási cesta, která vede od dané stránky směrem vzhůru k titulce. Velmi užitečné je také umístit odkaz na titulní stránku přímo do hlavní navigace a samozřejmě také pod logo webu.
6. Navigace ukazuje umístění ve struktuře webu
Pokud se uživatel ocitne uprostřed vašeho webu, navigace by mu měla pomoci se zorientovat v tom, kde právě je a kam může pokračovat. Ideálním způsobem je grafické odlišení aktuálně “otevřené” položky v navigaci nebo použití zmíněné drobečkové navigace. Zcela logické je pak odstranění odkazu z navigační položky, která ukazuje na právě otevřenou stránku.
7. Navigace je přístupná pro každého
V rámci navigace nespoléhejte na to, že všichni uživatelé používají a vnímají webovou stránku stejně jako vy. Někteří uživatelé nemají funkční javascript, někdo ovládá web klávesnicí, jiný si zas prohlíží stránku ze svého PDA. Pro všechny tyto uživatele musí být navigace dobře použitelná. Vyvarujte se tedy naprosté závislosti na javascriptu, kaskádových stylech nebo použití myši.
Závěr
Navigace webu je natolik důležitá součást webu, že si v ní nesmíte dovolit zbytečné chyby. Doporučuji se proto řídit nejen zmíněnými pravidly, ale nezanedbat ani uživatelské testování, které jediné může potvrdit, zda vaše navigace funguje bez problémů.