Ukotvené menu a rychlá navigace webu

Comerto / Poradenství & Školení / Odborné články / Článek
Navigace je základním prvkem webu. Jakmile je nalezení požadované informace příliš složité, mnoho uživatelů stránky zbytečně opouští. Dobrá navigace je jednoduchá, přístupná a rychlá.

Pevné umístění panelu navigace

Fixně umístěná navigace (sticky menu) je v podstatě menu, které nezmizí, ani když uživatel roluje na stránce a je tedy přístupné a dobře viditelné z libovolného místa stránky.
DATA | c_all | navigace-pevne-umistneni-panelu.jpg 

Příklady zajímavého řešení navigace

Fixně umístěná navigace zůstává uživateli stále na očích a on tak může lehce a snadno procházet webem. Fixní navigace je vhodná všude tam, kde se návštěvník díky většímu obsahu dostává mimo preferovanou navigaci (menu).

Horizontální ukotvená navigace

Horizontální horní navigace Fizzy Software nabízí pohodlné ovládání. Vyzkoušejte.

Pevná vertikální navigace

Fixní menu na levé straně Web Appers se trochu podobá navigaci Google+.
DATA | c_all | navigace-pevna-vertikalni.jpg

Transparentní pevná navigace

Další skvělý příklad - navigace MakeBetterApps je lehce transparentní, což umožňuje zobrazit náznak obsahu pod ní.
DATA | c_all | navigace-transparentni-pevna.jpg 

Horní horizontální navigace

Ukotvená horizontální navigace Rodolphe Celestin je situována v celé šíři horní části webové stránky. Při použití tohoto menu je třeba brát v úvahu, že celý web má jen jednu stránku a v navigaci jsou pouze odkazy na kotevní body.
DATA | c_all | navigace-horni-horizontalni.jpg 

Vertikální navigace ikonami

Působivá pevná navigace na stránkách Ryan Scherf je vertikální a na obrazovce jsou fixní pouze kreativní ikony.
DATA | c_all | navigace-vertikalni-ikony.jpg 

Pevná navigace pro blogy

Jednoduchá vertikální navigace Web Designer Wall se čtyřmi položkami, která se jeví jako ideální řešení pro ukotvené menu blogů.
DATA | c_all | navigace-pevna-pro-blogy.jpg 

Sticky menu je o 22% rychlejší a 100% preferované

Provedená studie prokázala jasnou preferenci rychlého menu oproti standardní navigaci a schopnost uživatelů rychleji splnit zadané úkoly. Současně přináší vyšší uživatelský komfort a snižuje tendenci opouštět stránky.

Použití rychlé navigace samozřejmě nemusí být vhodné v každé situaci, ale uplatnění v řadě webových prezentací dokáže přinést spokojenost uživatelů. 

Zaujalo vás sticky menu? Chcete upravit váš web a přidat fixní menu, nebo potřebujete vytvořit nový moderní web? Kontaktujte nás právě teď. Poradíme vám.

 

Zdroj a převzaté ilustrace: http://uxdesign.smashingmagazine.com/2012/09/11/sticky-menus-are-quicker-to-navigate/

Další odborné články

Jak vložit 3D fotografii na Facebook a jaké to přináší marketingové výhody
25.10.2018
Martin Mekyska
Facebook nyní nově umožňuje nahrát 3D fotografii pořízenou v režimu Portrét na nejnovějších iPhonech. Tato fotografie potom na Facebooku vytvoří krásný...
Pamatujete si je všechny? Evoluce loga Google Analytics
25.07.2018
Bc. Jakub Šmíd
Google Analytics je služba, kterou naši analytici v Comertu používají častěji než kartáček na zuby. A to si je čistí fakt pravidelně. S podobnou pravidelností...
Facebook: Prohlédněte si reklamy každé stránky (i konkurence)
18.07.2018
Martin Mekyska
Zobrazte si přehled všech reklam jakékoliv stránky na Facebooku. Je to jednoduché!
Google Search Console: Nástroj Kontrola adresy URL
27.06.2018
Martin Mekyska
Do Google Search Console přibyla nová funkce, která vám umožní podívat se na konkrétní zaindexovanou URL adresu očima vyhledávače/robota Google.