it-swarm-eu.dev

Použití kombinace horizontální navigace s podnabídkami a vertikální boční navigace s podnabídkami na jednom webu

Zapojil jsem se do redesign webových stránek, kde navigace obsahuje primární horizontální navigační nabídku s jednou úrovní rozevíracích nabídek a sekundární navigací v levém sloupci, který opakuje podnabídku z primární nabídky a další úroveň položek ve stromovém formátu.

Horní navigace:
Knihy
Beletrie
Věda
Webový design

Boční navigace:
Beletrie
Literární
Historický
Soumrak
Science
atd
atd

Úrovně postranní navigace (jako v příkladu literární) mohou být opravdu dlouhé (10 nebo více odkazů) a mohou sahat daleko pod konec obsahu. Boční navigace se chová jako akordeonový panel pro každou položku.

Ví někdo o nějakých studiích UX nebo dokonce o neoficiálních diskusích o tomto typu systému, které ovlivňují, pozitivní nebo negativní, interakci uživatelů? Chtěl bych uvést několik důvodů, proč se od tohoto typu navigace odchýlit - jen na základě interního testování a různých monitorů atd. Ztrácíme hodně navigace s nemovitostmi bez jakéhokoli skutečného přínosu (pro něco jako A/N je nulový rozpočet B testování atd.). Zdá se mi, že mega-menu nebo dvouúrovňová rozevření jsou v těchto dnech spíše normou.

11
sscott

Kingsbury JR & Andre AD (2004, Srovnání tříúrovňových webových nabídek: navigační struktury. Sborník z 48. výročního zasedání HFES, p1513-1517; shrnuto ) provedli nějaký průzkum hierarchických nabídek jako je ten váš To naznačuje, že uživatelé mají obecně lepší výkon při výběru z nabídky na levém postranním panelu nejprve , poté z horní nabídky, nikoli naopak.

Zní to, že vaše nabídka druhé úrovně může být příliš dlouhá, než aby byla nahoře. Položky nižší úrovně v nabídce druhé úrovně můžete přerušit, abyste vytvořili třetí nabídku úrovně nahoře, aby se vešly všechno. To fungovalo dobře pro Kingsburyho a Andreho, ale testovali pouze tříúrovňové hierarchie menu a obecně jednostupňové menu s asi 10 seskupenými položkami překoná dvě hierarchická krátká menu. (např. viz Snowberry K, Parkinson SR, a Sisson N (1983), Computer Display Menus, Ergonomics, 26 (7), str. 699 až 712).

Uvažoval bych o umístění všeho na postranní nabídku, které Kingsbury a Andre zjistili, že výkon při různých měřeních byl blízký doleva a potom. Tento výkon je však založen na tom, že máme dvě nabídky postranního panelu, jednu pro každou úroveň, což může ve vašem případě zabírat příliš mnoho vodorovného prostoru. Pomocí expandérů můžete udržet všechny úrovně na stejném okraji, ale nevím, co to udělá s výkonem uživatele

Když už mluvím více z anekdoty než z výzkumu, trochu se obávám opakování rozbalovací nabídky z horního pruhu na postranním panelu. Stejně jako vy, nejsem si jistý, jaký je přínos této redundance - nevidím, jak by jedna metoda byla podstatně lepší než jiná v závislosti na uživatelích nebo okolnostech (např. Není to jako by svět byl rozdělen na vedlejší panel) -navigating users and pulldown-navigating users). Mezitím má následující potenciální problémy:

  • Uživatelé se mohou divit, zda jsou odkazy opravdu stejné nebo ne, a nakonec na ně kliknou. To je zejména případ, pokud nepoužíváte rozpoznatelný barevný kód k rozlišení navštívených od nenavštívených odkazů (což sotva někdo už dělá).

  • I když si uživatelé uvědomí, že odkazy jsou stejné, musí se nyní rozhodnout, kterou metodu navigace použít. Tato myšlenka je zpomaluje. Vynucení této myšlenky je dobré, když návratnost vede k čisté a rychlejší reakci, ale nemyslím si, že tu máte.

Často je preferováno dát uživatelům jeden nejlepší způsob, jak udělat něco, spíše než výběr. Pokud se obáváte, že někteří uživatelé si neuvědomují, že postranní panel je určen horním menu (nebo naopak), pak to vyřešte grafickým designem vizuálně propojte aktuální výběr primárního menu se sekundárním menu.

Pro relativně složité menu, jaké máte, mohou být tyto rozevřené nabídky problematické, což by naznačovalo, abyste chodili pouze s postranním panelem. Avšak vzhledem k obavám o nemovitost mega-dropdowny mohou být opravdu tím správným , vzhledem k tomu, že řeší mnoho omezení běžných dropdownů.

6
Michael Zuschlag