it-swarm-eu.dev

Verwenden einer Kombination aus horizontaler Navigation mit Untermenüs und vertikaler Seitennavigation mit Untermenüs auf einer Website

Ich war an einer Neugestaltung der Website beteiligt, bei der die Navigation ein primäres horizontales Navigationsmenü mit einer Dropdown-Ebene und einer sekundären Navigation in der linken Spalte enthält, die das Untermenü aus dem primären Menü und eine zusätzliche Ebene von Elementen in einem Baumformat wiederholt.

Top Navigation:
Bücher
Fiktion
Wissenschaft
Web-Design

Seitennavigation:
Fiktion
Literarisch
Historisch
Dämmerung
Wissenschaft
usw
usw

Die Unterebene der Seitennavigation (wie im Beispiel "Literatur") kann sehr lang werden (10 oder mehr Links) und weit unter das Ende des Inhalts reichen. Das seitliche Navi wirkt wie eine Akkordeonplatte für jeden Gegenstand.

Kennt jemand UX-Studien oder sogar anekdotische Diskussionen über diese Art von System, die die positive oder negative Benutzerinteraktion beeinflussen? Ich möchte einige Gründe nennen, um von dieser Art der Navigation abzuweichen - nur aufgrund interner Tests und verschiedener Monitore usw. verlieren wir viel Immobilien an die Navigation ohne wirklichen Nutzen (es gibt kein Budget für etwas wie A/B-Tests usw.). Es scheint mir, dass Mega-Menüs oder zweistufige Dropdowns heutzutage eher die Norm sind.

11
sscott

Kingsbury JR & Andre AD (2004, Ein Vergleich dreistufiger Webmenüs: Navigationsstrukturen. Die Ergebnisse der 48. HFES-Jahrestagung, S. 1513-1517; zusammengefasst ) haben einige Untersuchungen zu hierarchischen Menüs wie Ihrem durchgeführt Dies deutet darauf hin, dass Benutzer im Allgemeinen eine bessere Leistung erzielen, wenn sie aus dem Menü der linken Seitenleiste zuerst und dann aus dem oberen Menü auswählen und nicht umgekehrt.

Es hört sich jedoch so an, als ob Ihr Menü der zweiten Ebene zu lang sein könnte, um ganz oben zu sein. Sie können die Elemente der unteren Ebene in Ihrem Menü der zweiten Ebene abbrechen, um oben ein Menü der Ebene dritte zu erstellen, damit alles passt. Dies war für Kingsbury und Andre gut, aber sie testeten nur dreistufige Menühierarchien, und im Allgemeinen übertrifft ein einstufiges Menü mit etwa 10 gruppierten Elementen zwei hierarchische Kurzmenüs. (siehe z. B. Snowberry K, Parkinson SR & Sisson N (1983), Computer Display Menus, Ergonomics, 26 (7), S. 699-712).

Ich würde in Betracht ziehen, alles in das Seitenleistenmenü aufzunehmen, das Kingsbury und Andre bei verschiedenen Maßnahmen eine Leistung nahe links oben fanden. Diese Leistung basiert jedoch auf zwei Seitenleistenmenüs, eines für jede Ebene, die in Ihrem Fall möglicherweise zu viel horizontalen Platz beanspruchen. Sie können Expander verwenden, um alle Ebenen am gleichen Rand zu halten, aber ich weiß nicht, wie sich dies auf die Benutzerleistung auswirkt

Ich spreche mehr von Anekdoten als von Recherchen und bin ein wenig besorgt darüber, dass die Seitenleiste das Pulldown-Menü in der oberen Leiste wiederholt. Wie Sie ist mir nicht klar, was der Vorteil dieser Redundanz ist - ich sehe nicht, wie eine Methode je nach Benutzer oder Umständen einer anderen wesentlich überlegen wäre (z. B. ist es nicht so, dass die Welt in eine Seitenleiste unterteilt ist -navigierende Benutzer und Pulldown-navigierende Benutzer). Inzwischen hat es die folgenden potenziellen Probleme:

  • Benutzer fragen sich möglicherweise, ob die Links wirklich gleich sind oder nicht, und klicken am Ende auf beide. Dies ist insbesondere dann der Fall, wenn Sie keinen erkennbaren Farbcode verwenden, um besuchte von nicht besuchten Links zu unterscheiden (was kaum noch jemand tut).

  • Selbst wenn Benutzer feststellen, dass die Links identisch sind, muss der Benutzer jetzt entscheiden, welche Navigationsmethode verwendet werden soll. Dieser Gedanke verlangsamt sie. Diesen Gedanken zu erzwingen ist gut, wenn die Auszahlung zu einer schnelleren Nettoantwort führt, aber ich glaube nicht, dass Sie das hier haben.

Oft ist es vorzuziehen, Benutzern eine beste Möglichkeit zu geben, etwas zu tun, anstatt eine Auswahl zu treffen. Wenn Sie befürchten, dass einige Benutzer nicht erkennen, dass die Seitenleiste vom oberen Menü bestimmt wird (oder umgekehrt), lösen Sie dies mit Grafikdesign, indem Sie die aktuelle Auswahl des primären Menüs visuell mit dem sekundären Menü verbinden.

Für ein relativ komplexes Menü wie Sie können diese Pulldown-Menüs problematisch sein, was darauf hindeutet, dass Sie nur die Seitenleiste verwenden. In Anbetracht Ihrer Immobilienbedenken Mega-Dropdowns können in der Tat der richtige Weg sein , da sie viele der Einschränkungen gewöhnlicher Dropdowns angehen.

6