Články

Pojďme si zavzpomínat

Historie grafických navigačních prvků sahá až do roku 1972 kdy pánové Butler Lampson a Chuck Thackerbyl představili v rámci svého grafického GUI pro počítač Xerox Alto Grafické rozhraní, které obsahovalo ovládací prvky v podobě grafických tlačítek . Od té doby vizuálně odlišené ovládací prvky prošly velkým posunem od operačních systémů přes softwarové produkty až k webovým aplikacím a prezentacím.

Nebuďte skoupí na slovo

Nové trendy v použití grafické navigace nám otvírají spoustu nových možností. Například by měli uživateli sloužit jako průvodce různými částmi webu. Nicméně je občas těžké sdělit obsah stránky v jednom či dvojitém klíčovém slovu. Proto v poslední době objevujeme navigaci kde pod klíčovým slovem je ještě krátké vysvětlení obsahu stránky na kterou odkaz vede, pomocí  malých boxů.

Kdo si hraje nezlobí

Další možnosti navigace jsou jak designově dobře zpracované tak i hravé. Čím dál tím častěji se setkáváme s navigací typu carouselu, kde je menu vytvořeno jakoby ve 3d v pomyslném otáčejícím se kruhu nebo například stylem kdy je vybraná položka v popředí a po najetí na jinou se pruh s tlačítky posouvá daným směrem.

Bláznovství v hlavě

Originální jsou i použití netradičních ovládacích prvků kdy na homepage máme aktivní prvky seskupené jinak než horizontálně či vertikálně. Například pomocí obrázků interaktivně spojených s pohybem myši. Taková navigace bývá na stránkách dominantní. zajímavou navigaci najdeme na stránce White Gold Is White Gold, která opěvuje pití mléka a kde jsou dva typy navigace jedna nepopsaná v horní části a druhá stylem carouselu. Někteří designéři mají sklon k bláznivějším kreacím, ale když se neohrozí použitelnost webu vznikají zajímavé řešení.  Bohužel tato řešení se ne vždy setkají s pochopením ze strany uživatele. Ale zajímavost už má takovou daň.

Ikony nejen na webu

Použití  ikon u ovládacího prvku je v dnešní době už dost rozšířené a záleží na typu stránky a celkovém rozložení, jestli je vhodné ikony použít. Podporují navigaci aby prohlížení stránek bylo příjemnější. Nejčastější použití je právě na webech 2.0 a webech často napodobovaného  Mac stylu. Důležitým faktorem je použití ikon takovou formou aby co nejvíce podpořili obsah a smysl odkazu. Pak je jejich použití možné i bez doprovodného textu. Poslední dobou je trendem použití webových prvků i v offline médiích například v tiskovinách ale i v televizi, která začíná hojně používat grafické ztvárnění navigace z webu ajo například tv Nova a mnoho dalších. V tiskovinách se s tím setkáváme nejvíce u reklamních prospektů.

DIY  

Zajímavě vypadají ovladací prvky tvořené fontem psaného písma či kreslené rukou. Jedná se především o stránky s umělečtějším zaměřením například portfolia grafických designéru, fotografů a ilustrátorů. Tento styl dobře vypadá, ale samozřejmě jeho použití není tak široké.

Něco z naší zahrádky

Na závěr je potřeba přihřát si polívčičku z naší kuchyně. Na microsite pro ČEZ Golf tour 2008  jsme využili navigaci kruhovou s pomocí javascriptu ji rozpohybovali. Podle mého názoru ideální a lehké řešení navigace, když máme dostatek prostoru. Zajímavé na tom je, že vznikla bez použití Flashe. Další projekt je stránka pro T-Mobile Euro 2008  , kde jsme použili již zmíněný carousel a pomocí technologie Flash rozpohybovali tlačítka se skleněným efektem.

Pojďme na to

Paleta ztvárnění navigace je opravdu široká, je důležité zvolit takové menu aby nenarušilo zbývající obsah webu, bylo dobrým průvodcem a v případě experimentu pobavilo a lehce se ovládalo. Míra vkusu je klasicky i v tomto případě individuální. Ztvárnění a vnímání grafiky na webu se posunulo od prvních krůčků do současnosti o velký kus. Pojďme zkoušet nové věci, nebát se i na první pohled bláznivých nápadů a zajímavých řešení jako jsou video průvodci, ovládací prvky jako krátké animace, nebo například navigace řešené zábavnou formou. A těšme se na budoucnost třeba formou ovládání webu hlasem či například interakcí na dotykových obrazovkách.