Comerto / Odborné poradenství & školení / Odborné články / Ukotvené menu a rychlá navigace webu

Ukotvené menu a rychlá navigace webu

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á.
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

Mobile-first indexace, aneb proč se dnes neobejdete bez mobilní verze webu
12.11.2024
Zdeněk Bláha
Nedávná aktualizace Googlu z července 2024 představila zásadní změnu mobile-first indexace. Nově totiž budou z vyhledávání vyřazeny všechny weby, které nepodporují...
Podvodné zprávy na Facebooku a Instagramu: Jak ochránit Váš účet?
20.02.2024
Martin Mekyska
Neustále chodí na Facebooku, do Messengeru nebo na Instagramu falešné výstražné zprávy, že Váš profil bude zablokován. Dejte si pozor, ať nepřijdete o Facebook stránku,...
Nová generace obrázků a jeden monopol k tomu
07.11.2022
Václav Piták
Slyšeli jste už o obrázkových formátech WebP, AVIF nebo JPEG XL? Všechny tyto formáty patří do nastupující generace, kterou budeme na našich webech vídat čím dál...
Cookie lišta (dle nových pravidel) pro redakční systém Comerto
03.01.2022
Martin Sikora
Od ledna 2022 je nutné získat souhlas uživatele s použitím cookies či analytických nástrojů a ne jej o nich pouze informovat, jak stačilo doposud. Jak je to u našeho...