Kde to sakra jsem?!

Pokud uživatel přijde na vaší stránku, první co potřebuje vědět je, kde se vlastně dostal. Co je to za stránku a co mu může nabídnout. Na webu ho musí něco zaujmout, něco, co mu je dostatečným důvodem k tomu, aby nezmáčkl v prohlížeči tlačítko zpět.

I. Titulek stránky by měl být co nejvíce srozumitelný a pochopitelný, časté bývá spojení názvu firmy a stručné shrnutí, co tato firma nabízí (případně slogan firmy) - alespoň na hlavní stránce webu. Mnohdy bývá titulek stránky to první, co uživatel vidí, než se mu načte alespoň část stránky, takže se opravdu vyplácí udělat ho smysluplný.

Každá stránka na webu by také měla mít jiný titulek. Poměrně časté jsou případy, kdy má celý web statický titulek - například “Osobní stránky Lukáše Havrlanta”. Poznáte z tohoto titulku, zda se nacházíte v sekci “kontakty” nebo “o mně”?

Pravděpodobně vás ale napadlo, že pokud bude titulek pouze “kontakty”, těžko z toho uživatel pozná, jestli jsou to kontaky na Lukáše Havrlanta nebo na seznam.cz. To se dá jednoduše vyřešit - do titulku přidáme název firmy/webu. Jestli dát nejdříve název firmy a až poté konkrétní stránku nebo naopak je docela jedno.

Například stránky Dobrý web a H1 vytvářel prakticky stejný tým a na obou stránkách je titulek řešen jinak. Na dobrém webu je nejdříve název konkrétní stránky, kde se zrovna nacházíme a až poté název firmy, kdežto na H1 je tomu přesně naopak.

Ale měli byste ještě pamatovat na jednu věc - hodně lidí používá Firefox či Operu, kde se stránky dají otevírat v záložkách, a pokud bude titulek příliš dlouhý, do záložky se prostě nevleze a stává se tak nepoužitelný. Samozřejmě se vždy nepodaří vměstnat titulek do záložky, ale na druhou stranu - do titulku rozvité věty opravdu nepatří.

II. Po zobrazení hlavní stránky by si měl být uživatel jist, co mu stránka může nabídnout, aniž by o tom musel nějak dlouho přemýšlet nebo, nedejbože, hledat tuto informaci na dalších stránkách webu.

Každý web by měl mít své logo, které by mělo být tématicky stejné/podobné s tématem webu. Na stránce by také měl být nějaký slogan, který by opět měl upřesnit, o čem daný web je (příklad: Váš pomocník pro úspěch na internetu - slogan Dobrého webu). Umístění loga bývá většinou vlevo nahoře, slogan jak kde, většinou někde blízko loga.

Další důležitou roli hraje grafika - obrázky. Vhodně zvolená grafika může opět hodně dopomoci určit obsah webu. Ukázková stránka je kupříkladu stránka škoda auto. Už když se podíváte na ty obrázky, vidíte, že ten web asi bude o autech. Nebo třeba tento zahraniční server. Nemusíte ani umět anglicky abyste pochopili, že se web zabývá prodejem knih.

Text na hlavní stránce by měl uživatelům stručně přiblížit, čím se web zabývá. Žádné dlouhé romány, ideální je dokonce psát v odrážkách, někteří uživatelé jsou dost líní. Mě samotného většinou nebaví číst celý odstavec jen abych se dověděl, o čem že to vlastně ten web je.

Opravdu dejte na hlavní stránku pouze ty nejdůležitější věci, nesnažte se okamžitě prodat všechno. Není nic horšího, než přeplácaná úvodní strana. Je lepší, když uživatel nalezne třeba jenom okruhy, kterými se daný web zabývá, než abyste mu okamžitě naservírovali úplně všechno.

Zkrátka u dobře navržené hlavní stránky poznám čím se web/firma zabývá, aniž bych si přečetl jediný odstavec textu.

III. Menu musí být dobře viditelné, nesmí být někde schované, nesmí být “nenápadné”. Kam umístit menu, aby bylo dobře nápadné? Těžko říci. Začnu tím, kam menu rozhodně nepatří - dolů. Menu na spodek stránky opravdu nepatří, učinili byste z něj nejnenápadnější prvek na stránce. Někteří lidé si patiček na stránce ani nevšímají, těžko po nich pak můžete chtít, aby ve stejných místech hledali menu.

Takže zbývají v zásadě tři možnosti - vlevo, vpravo nebo nahoře vodorovné záložky. Všechny tři možnosti jsou správné a neodvažuji se tvrdit, která je správnější. Kdo si chce přečíst několik různých názorů na tuto tématiku, doporučuji článek na intervalu - Kam patří menu + komentáře.

Položky v menu musí být jasné, jakmile uživatel zjistí, k čemu váš web slouží, bude se chtít dozvědět něco bližšího (pokud ho tedy vaše stránky zaujaly, pochopitelně). Sekci kontakty nazvěte prostě kontakty, nevymýšlejte nic zbytečně složitého, stejně tak ostatní odkazy v menu.

Menu je na stránce nejdůležitější navigační prvek, proto by se měl načíst co nejrychleji. Nepoužívejte proto obrázkové odkazy, máte-li třeba deset položek v menu, každý odkaz jeden obrázek o velikosti dejme tomu 1kB. Celkem to tedy máme deset kilobajtů, což třeba modemu může trvat tři, čtyři vteřiny než to stáhne.

Kdybyste použili normální textové menu, uživatel už by jsi dávno mohl vybírat, na který odkaz klikne. Proto, když už tedy přeci obrázkové menu použijete, vepište obrázkům alternativní text (atribut alt=”popisek obrázku”).

IV. Za každé situace musí být zřejmé, v které sekci webu se uživatel nachází. Nikdy si nemůžete být jistí, odkud a hlavně kam uživatel přijde. Někteří uživatelé totiž nemusejí přijít nejprve na hlavní stránku a až poté se vrhnout na některou z podstránek.

Dva nejčastější případy jsou, když se uživatel na vaší stránku dostane z výsledků vyhledávače - ten může přímo odkázat na některou z podstránek a pokud máte špatně sestavenou navigaci, uživatel prostě nebude vědět, kde se nachází. Druhý případ je, že někdo odkáže nějakou stránku z vašeho webu, protože potřebuje odkázat jen na určitou informaci, kterou tam zrovna máte.

Z tohoto důvodu by měl být v menu vždy označený odkaz, který je právě aktivní, kde právě je uživatel. Podívejte se například na tuto stránku O Flashi. Když se podíváte na pravé menu, lehce poznáte, v které části jste se ocitli - Cykly. Ale když se podíváte na horní menu - v které sekci se nacházíte? Nepoznáte, aktivní odkaz není nijak označen.

Ještě lepší způsob než tento, je použít tzv. drobečkovou navigaci. Prostě budete vypisovat cestu od hlavní stránky až po stránku, kde se nachází uživatel. Když se podíváte nahoru této stránky (pod logo), uvidíte takovouto drobečkovou navigaci: Blog > timyBlog > září 2005 > Kde to sakra jsem?!. Jako oddělovač se doporučuje používat právě tato ostrá závorka, ostatní znaky již nejsou tak intutivní. Ale i tento způsob má svá úskalí - uživatel si drobečkové navigace nemusí všimnout. Zvýrazněné položky v menu si všimne spíše.