Po delší odmlce přináším druhý díl seriálu o optimalizaci webu. Tentokrát se zaměříme na tvorbu struktury menu, umístění a další prvky, které jsou s menu provázané.
Jistě si každý z Vás všiml, že co web, to unikát, jak co se týče obsahu, tak i rozmístění prvků na stránce. Prvním prvkem, který bude zajímat našeho návštěvníka jako druhá věc po příchodu je menu. Nejčastějším umístěním je vodorovně na vrchu stránek pod bannerem nebo vertikálně nalevo nebo vpravo kolem obsahu webu. Opět si v bodech probereme ty nejdůležitější prvky.
1. Pozice menu je vždy záislá na navrženém designu stránek. Důležité je, aby menu nebylo ničím překryto či aby nedocházelo k jeho zaniknutí v designu. Pozice menu je v podstatě vždy na vlastníkovi webu, jeho umístění musí vyhovovat jemu a musí se mu líbit.
2. Struktura menu by měla tvořit strom. Když tvoříme menu, měli bychom se snažit utvořit chronologický strom jednotlivých položek. Nepsaným pravidlem je, snažit se hlavní položky menu udržet do počtu cca 7 prvků. Důvod tohoto pravidla je především ten, že při více položkách se nám menu stává nepřehledným a pro návštěvníka složitým.
- Určitě si teď říkáte, že je to blábol, že máte na webu více položek a lidi se vyznají. Problém je v tom, že člověk musí menu více studovat a věnovat mu více času a když si vezmeme, že na náš web má každý průměrný uživatel cca 3 minuty, tak složitost menu není zrovna na místě.
Pokud tvoříme menu složitější, snažíme se využít například prvku dropdown menu, pod které schováme další položky, patřící třeba ke kontaktům, novinkám a dalším.
příklad dropdown menu
3. Položky v menu musejí jasně říkat, co v sobě ukrývají. Uvažujeme li o menu, které nám má provázet návštěvníka po webu, musíme si zvolit nejlépe jedno slovné, max 3 slovná hesla. Například: chceme li říct návštěvníku, že pod touto položkou se schovává seznam koncertů na další období, nenapíšeme ,,Kde všude hrajeme" ale jednoduše ,,Koncerty", ,,Tour", ,,Následující akce", ...
4. Rozeznáváme aktivní a neaktivní položky, dále změny po najetí myši apod. Každý uživatel by měl vědět, že došlo ke změně, když klikne na položku v menu či na ní najede myší. Jak si můžeme všimnout na posledním přiloženém obrázku, text menu po najetí myši zešedne a aktivní položka je podkreslena hnědým grafickým prvkem. Tímto jasně říkáme ,,Nacházíte se zde"
5. Poslední avšak důležitou poznámkou je, menu musí kompletně fungovat. Nesmíte dopustit, aby některá z položek po kliknutí nic neudělala, nebo jste odkázali vašeho návštěvníka na neexistující stránku.
Děkuji za pozornost a těším se na další díl seriálu o optimalizaci webu.
Daniel
Dnes a denně opakuji snad každému "Zálohuješ si data?" a skoro pokaždé dostanu stejnou odpověď: Ne, zatím jsem na to neměl čas nebo není třeba. Když se zamyslíme, kam všude vkládáme naše citlivá data, uvědomíme si, že to není jen náš osobní počítač, notebook nebo telefon, on je to i fotoaparát, navigace, a.t.d. Každému radím, zálohuj si svá data, méně důležitá na 2 disky, velmi důležitá na 2 disky a mimo domov.
