Rôzne typy navigácie po webových stránkach - viete, čo funguje
Niklas Hawener/aug 2017
Denne navštevujeme veľa webových stránok, ktoré hľadajú informácie. Niekedy je hľadanie úspešné, niekedy nie. Jeden dôvod, prečo by to mohlo byť? Nesprávna navigácia. Užívateľ sa jednoducho nevie zorientovať na webových stránkach. Aby sme tohto ducha ukončili, predstavujeme niektoré z najpopulárnejších variantov ponúk a poskytujeme odporúčania, ako ich používať.
Hamburgerové menu
To, čo spočiatku znie ako menu v McDonalds, je vlastne rozšírený a často používaný typ správy menu na webových stránkach. Zrodilo sa to z nutnosti, keď stránky museli náhle zobraziť všetok svoj obsah na našom malom iPhone 4s alebo Google G1s. Názov hamburgerového menu je odvodený od troch rovnobežných čiar, ktoré majú pripomínať zjednodušený sendvič s mäsovou polevou.
Aby sme používateľovi ušetrili jedno kliknutie, podľa nášho odporúčania by ste mali byť tiež schopní prechádzať sa po stránke kedykoľvek pomocou interných odkazov v obsahu alebo samostatnej ponuky. Používa sa aj na našej vlastnej webovej stránke.
Interaktívna navigácia
Interaktívna navigácia je veľmi otvorené pole a tiež je trochu ťažké ho vysvetliť. V zásade sa dá povedať, že neexistuje typické spojenie z bodu A do bodu B. Súčasťou zážitku je skôr samotná navigácia na webových stránkach. Interaktívne prvky používateľa hravo prevedú na ďalšiu sekciu alebo podstránku. Najlepšie je pozrieť sa priamo na príklad - potom to bude jasnejšie.
Statický bočný panel
Tento typ navigácie sa väčšinou používa ako doplnok k úplnému menu. Na požadovanú stránku sa dostanete pomocou hlavnej ponuky, v ktorej sa používateľovi pri rolovaní zobrazuje statická lišta ako pomôcka pri navigácii. Tento formulár menu je vhodný napr. B. zvlášť dobré pre dlhých používateľov jednej stránky *, pretože pevné umiestnenie pruhu umožňuje používateľovi rýchlejšiu navigáciu po stránke.
Navigácia v hlavičke *
Navigácia v záhlaví * (analogická je aj navigácia v päte) sú v ponuke prakticky malé čierne šaty - klasické a napriek tomu elegantné. Najznámejší predstaviteľ tohto variantu ponuky a už roky: web spoločnosti Apple. Výhoda: používateľ má všetky položky ponuky okamžite viditeľné na prvý pohľad. V spoločnosti Apple je tiež úplne jasné, ako sa takéto menu správa v jeho mobilnej verzii: plynule prechádza do hamburgerového menu. Aj tu existujú rôzne modifikácie, v ktorých je napríklad pri rolovaní fixovaná ponuka v hornej časti obrazovky alebo - a to je najnovší trend - pri menších veľkostiach displeja sa zhromažďujú už nevhodné položky ponuky za rozbaľovacou ponukou *, čo robíme vás prevedie ďalšou variantou ponuky.
Rozbaľovacie ponuky * (alebo veľké ponuky)
Z hľadiska použiteľnosti * nie je bez diskusie takzvané rozbaľovacie menu * alebo ešte viac vnorený veľký brat, mega menu. Tu sa za položkou ponuky skrývajú ďalšie odkazy, ktoré sa rozvinú určitou interakciou používateľa - či už prejdením myšou * alebo kliknutím. Hniezdeniu sa medze nekladú, mali by ste sa však zaobísť bez viac ako dvoch úrovní. Predtým, ako v takomto menu zobrazíte nefiltrovaný strom stránok *, mali by ste zvážiť, či je možné iné rozdelenie obsahu, aby ste mohli prejsť na užívateľsky prívetivejší variant ponuky.
Spodný riadok
Aký typ menu je vhodný pre vašu vlastnú webovú stránku, závisí od mnohých faktorov - či už ide o obsah, skúsenosti, použiteľnosť *, koncové zariadenie atď. - ale nakoniec nikdy neexistuje komplexné všeobecné riešenie. Skôr sa čoraz viac používajú zmiešané formy, napríklad v spoločnosti Tesla, ktorá svoje nové automobily prezentuje výrazne v hlavičke * navigácie a všetky ďalšie položky schováva za hamburgerovú ponuku. Dúfame, že náš malý exkurz do sveta jedálnych lístkov ukázal možnosti a že správa ponuky webových stránok je sama o sebe malou vedou, ktorú radi podporíme.
Použiteľnosť = Použiteľnosť alebo jednoduché použitie
Bočný strom = všetky stránky webovej stránky sú rozložené
Jeden pager/jeden pager = všetky informácie sú zhromaždené na jednej stránke
Hlavička = horná časť webovej stránky, napr. B. obsahuje logo
Rozbaľovacia ponuka = ponuka, ktorú je možné rozložiť pomocou interakcie používateľa
Umiestnenie myši = presunutie kurzora myši po prvku webovej stránky