Upravit stránku

Inovovali jsme celé navigační menu eBRÁNA webu

Navigační menu patří mezi klíčové vlastnosti webu. Mělo by zaujmout na první pohled a zároveň si zachovat přehlednost a funkčnost. A přesně takové menu chceme nabídnout i vám. Proto jsme se během přidávání nových funkcí a nastavení soustředili na to, abychom vám předvedli designové menu v plné kráse a funkčnosti. Takové, které je přehledné a lehce ovladatelné. Zkrátka přívětivé a atraktivní pro všechny uživatele, a to bez výjimky. 

Jak to vypadalo,než jsme se do toho pustili?

Vaše oko si toho při prohlížení menu vůbec nemuselo všimnout, nicméně za původním designem se přece jenom objevilo pár detailů, které bylo třeba pořádně pořešit. Protože právě tyto drobnosti hrají jednu z nejdůležitějších rolí. Vaše webová prezentace musí být skutečně vyladěná a přehledná, protože zmatenému zákazníkovi stačí jeden klik a je z nepřehledného webu fuč. Zajímá vás tedy, na co jsme si při redesignu pořádně posvítili?

# 1 Velké množství informací

Hned první obrázek prozrazuje, že v úvodu modulu panoval lehoučký chaos způsobený nastavením srovnání do jednoho řádku. 

Výsledkem tak byla nepřehlednost, ale i nevhodné přetékání a zalamování textu. 

 

# 2 Tvorba meníčka

Výběr typu položky a její přidání do menu, nastavení struktury položek menu a nastavení konkrétní položky. To byly hlavní části pro tvorbu menu, které však postrádaly jasné a přehledné oddělení. A vy jste se tak velmi lehce ztratili v tom, co je co. 

Hlavní problémy 1 a 2

Nejdůležitějšími parametry navigačního menu je bezesporu výběr webu a jeho samostatné určení. A ty nás v původní verzi webu tak trochu pozlobily, neboť se se v něm vlastně tak trochu „utopily” a nebylo je tak možné využít.

# 3 Výběr webu

Funkce, díky které víte, na jakém se nacházíte webu a jaké menu zrovna upravujete. Při volbě webu se jednoduše automaticky přepnulo i samotné menu. Ano, to je samozřejmost, dáváme vám za pravdu. Jenže občas se stalo, že jste si při úpravě nevšimli, že jste na sousedním webu a upravujte omylem úplně jiné menu a problém byl na světě!

3 4 5
# 4 Určení právě upravovaného menu

 Některé weby, možná dokonce i ten váš, obsahoval velké množství meníček.

Věřte nám, když vám řekneme, že není nic horšího, než když člověk začne upravovat menu a pak zjistí, že upravil úplně jiné. 

# 5 Rozpoznání přidaných položek

Přidali jste do menu novou položku a nemohli rozeznat o jaký druh položky se vlastně jedná? Přesně tohle od webu příliš přátelské nebylo, neboť docházelo k mísení různých stránek, externích odkazů, kategorií, ale i produktů. Na první pohled tak nebylo možné poznat, o co se vlastně jedná. Jedinou možností, jak z toho vybruslit, bylo jednotlivé položky proklikávat a prohlédnout jejich individuální nastavení. A to mnohdy zabralo opravu velké množství času.


Díky čemu se nám povedlonové meníčko vymazlit do dokonalosti?

Naše prvotní myšlenka se točila kolem toho, aby byl nový web atraktivní a mnohem krásnější. Ale nejenom to. Makali jsme na tom, aby byl web ve všech ohledech lepší. Pečlivě jsme vše analyzovali, vyvíjeli, tvořili, testovali. A když to reálně fungovalo, tak jsme přidali ještě něco navíc. Vše jsme vyšperkovali do těch nejmenších detailů. To proto, abyste měli v ruce skvělý a uživatelsky přívětivý nástroj, se kterým se vám bude pracovat jedna radost. A díky tomu vytvořili webovou prezentaci, jež bude originální, autentická a jiná. Tak totiž zaujmete zákazníky. A pokud vám web pošlape i v zákulisí, pak není důvod si zákazníky neudržet. 

Přece jenom jsme vyvinuli více vylepšení. A abychom vás se vším seznámili přehledně, zkrátka přesně tak, jak funguje nové navigační menu, vzali jsme si na pomoc pět písmen. Každé představuje a prezentuje konkrétní vylepšení, tak pojďme na to!

ŘEŠENÍ

A

Horní části hlavičky menu dominuje výběr webu. Díky tomu vidíte na první dobrou, na jakém webu menu upravujete.

A pokud při práci znejistíte, pak stačí jeden jediný pohled a víte na čem jste. Tedy spíše to, kde právě jste. 

B

Při prvním otevření navigačního menu ihned uvidíte přesnou indikaci právě editovaného menu.

Tak si můžete být jisti v kramflecích a tom, že budete skutečně upravovat to menu, které upravovat chcete. Ke komfortní úpravě rozhodně přispěje i to, že všechna tlačítka týkající se správy, což jsou tlačítka tvorba, duplikace a mazání, najdete v jednou jediném řádku. 

C

Přinášíme vám nový prvek, toogle, jenž jsme během vývoje začali nazývat „přepínátko“. Díky němu si na jedno kliknutí zapnete nebo vypnete všechna ostatní funkční nastavení nacházející se v samostatném řádku. Mnohem lépe tak uvidíte samostatnou funkčnost. Jeho potenciál je pozoruhodný, proto jsme rozhodnutí ho využívat napříč celým webem. 

D

Editace položek menu pro vás nyní bude jednodušší. Oddělili jsme totiž od sebe jednotlivé bloky! Ty jsme navíc opatřili výraznými nadpisy, které vás navedou přesně tam, kam potřebujete.   

E

Jako pomyslnou třešničku na závěr jsme si nechali představení jasné identifikace ikonek, jež nově ozdobily navigační menu. Na první pohled poznáte, o jakou položku se jedná, vše tak bude mnohem přehlednější a rozpoznatelné. 

Rozhodli jsme se také zrušit rozbalení typu položky „Stránky“. Chtěli jsme vám dopřát opravdu komfortní a přehledné ovládání. Od teď se tak můžete plně soustředit na strukturu a nastavení meníčka, aniž by vás vyrušovala práce s levým sloupcem. Na ten stačí zavítat pouze v případě, že budete chtít přidat novou položku. 


Výsledné porovnánína které je radost pohledět!

Tak jak jsme slíbili, máme pro vás závěrečné porovnání navigačního menu. S novým vzhledem jsme si dali záležet. Doufáme, že se vám na vašem „novém“ webu bude pracovat lépe a také rychleji. 


Tomáš Provazník

Tomáš Provazník

Produktový manažer

Tomáš je produktový manažer pro náš eWeb a odpovídá za rozvoj manažerského systému. Aby neusnul na vavřínech, stále pátrá po novinkách v oboru a hledá příležitosti, aby si mohl rozšiřovat znalosti. A když má volno? Zajímá ho všechno kolem počítačů nebo odreagování při sportu a turistice. Nepohrdne ale ani dobrou knihou nebo filmem. Když mu k tomu všemu zbude čas, tvoří české titulky k anglickým videím na Youtube.

Nahoru