Články

Člověk je tvor líný, a proto se nerad zbytečně učí nové věci. Platí to i na internetu. Uživatelé jsou zvyklí na weby, které navštěvují, a od ostatních webů očekávají podobné ovládání a rozmístění základních prvků na stránce. Pokud se jim ho na nějakém webu nedostane, mají o důvod víc takový web opustit. Proto se vyplatí vědět, jaké typy ovládání a rozmístění prvků jsou na webu běžné. V tomto článku se podíváme alespoň na některé z nich.

Logo

Podle výzkumu WebDesignPractices.com  je obvyklé umístění loga v levém horním rohu stránek. V drtivé většině případů je navíc logo odkazem na úvodní stránku webu – některá testování  ale prokazují, že je zatím velké procento uživatelů, kteří neví, že po kliknutí na logo se dostanou na úvodní stránku. Proto se doporučuje uvádět zároveň i textový odkaz na úvodní stránku.

Navigační menu

U komerčních webů se globální navigace (obsahuje odkazy na hlavní sekce webu) nachází většinou v horní části stránky a je horizontální (WebDesignPractices.com uvádí, že tento model je použit u 89 % webů). Příkladem může být internetový obchod Vltava  :

Pro grafiku této navigace se často využívají záložky (taby) – WebDesignPractices.com uvádí, že jsou použity u 43 % webů. Můžeme je najít například na stránkách internetového obchodu s hračkami KB Toys  :

U informačních webů se navigace vyskytuje především v levém sloupci a je vertikální.

Vyhledávání

Podle studie Michaela Bernarda  a výzkumu Martina Kopty  je typickou pozicí pro umístění vyhledávání horní část stránky – vlevo, veprostřed nebo vpravo.

• Textové pole pro vyhledávání je většinou doprovázeno textem „Hledej“ nebo „Vyhledávání“ – buď je tento text na tlačítku nebo je uveden nad textovým polem (na tlačítku je pak text „OK“ nebo „Jdi“).
• Pokud se na webech používá nějaká ikona vyhledávání, je jí většinou lupa.
• Pokud web poskytuje vyhledávání, kde je možné zadat více kritérií a voleb, obvykle na něj vede odkaz v blízkosti vyhledávacího pole. Jeho textem je nejčastěji „Pokročilé vyhledávání“ nebo „Rozšířené vyhledávání“.

Odkazy

Pro odkazy je u poloviny webů testovaných WebDesignPractices.com použita modrá barva. Více než polovina webů také používá pro odkazy podtržení. Pouze 37 webů ale odlišuje uživatelem navštívené odkazy od těch nenavštívených. Pro odkazy vám mohu doporučit:

• Všechny odkazy v textu by měly být podtrženy a jejich barva by měla být jiná než barva textu kolem (nemusí být nutně modrá).
• U všech odkazů by mělo být odlišeno, jestli se jedná o navštívený nebo nenavštívený odkaz. Obvykle se to dělá tak, že pro navštívený odkaz je použita méně sytá barva než pro odkaz navštívený.

Nápověda

Odkaz na nápovědu uživatelé očekávají v pravém horním rohu stránky. Pokud je pro něj použit nějaký obrázek, je to v drtivé většině případů otazník.

Význam nápovědy byste ale neměli přeceňovat – nezapomeňte, že většina uživatelů raději použije jiný web (pokud mohou), než aby něco hledali v nápovědě.

Přihlášení

Pole pro přihlášení (zadání uživatelského jména a hesla) očekávají uživatelé v levé horní části stránky (podle studie Michaela Bernarda). Osobně si ale myslím, že je možné použít i jiné umístění tohoto prvku, protože to současné není ještě tolik zažité.

Drobečková navigace

Drobečková navigace obsahuje odkazy na stránky nadřazené té, na které se právě uživatel nachází. Pomáhá tím uživateli, aby zjistil, kde se nachází, a aby se mohl snáze pohybovat po webu. Drobečkovou navigaci používá například web Českého Telecomu  :

Drobečková navigace má své jméno odvozené od pohádky o Jeníčkovi a Mařence – ti si cestu, kudy šli, značili pomocí drobků chleba. Drobečková navigace funguje na podobném principu.

Drobečková navigace sice není příliš rozšířená (podle WebDesignPractices.com ji používá jen 45 % webů), ale jedná se o výbornou navigační pomůcku – hlavně u rozsáhlejších (a složitějších) webů. Kvůli menší rozšířenosti nejsou uživatelé na drobečkovou navigaci příliš zvyklí  , ale s jejím postupujícím rozšiřováním se pro ně stává stále důležitější.

Drobečková navigace se nejčastěji nachází v hlavičce stránky nebo pod ní (nemá přesně vymezené místo, záleží na designu stránky), jako oddělovač jednotlivých položek se používá většinou šipka doprava.

Závěr

Takže nezapomeňte:

• logo doleva nahoru,
• menu nahoru nebo doleva,
• vyhledávání nahoru,
• odkazy podtrhávat a odlišovat navštívené a nenavštívené,
• odkaz na nápovědu doprava nahoru
• a drobečkovou navigaci používat (pokud to jde).