it-swarm.com.de

Multilevel-Navigation - Unternehmensanwendung

Ich biete eine Designlösung für ein Anwendungsnavigationssystem auf Unternehmensebene an. Derzeit kann der Benutzer durch eine Reihe von übergeordneten und untergeordneten Menüs navigieren. Es sind bis zu 5 Navigationsebenen möglich, wobei jede Ebene in einer anderen Ansicht angezeigt wird und bis zu 16 untergeordnete Ebenen in jeder Ansicht.

Der Wunsch ist, dieses System auf eine einzelne Seitenanwendung zu verschieben. Normalerweise würde ich nachsehen, ob die Anzahl der Menüoptionen reduziert werden könnte, aber es ist keine Zeit. Ich habe ein paar Lösungen, um die Navigation zu konsolidieren, und hatte gehofft, jemand könnte ein paar mehr oder Einblicke bieten.

Mehrstufige Baumnavigation Auf der Seite kann eine Baumnavigation angezeigt werden. Dies wäre dauerhaft und würde klare Einfügungen erfordern, um zwischen Ebenen zu unterscheiden. Mein Anliegen hier wäre die Anzahl der möglichen Optionen, die es für den Benutzer schwierig machen könnten, schnell zu erkennen, wo sie sich in der Anwendung befinden. Auch die Sichtbarkeit der gesamten Navigation erschwert die Benutzeroberfläche.

Mega-Menü Dies könnte bei Flyouts mit 4 und 5 Levels sehr hässlich werden. Die Geschicklichkeit, die erforderlich ist, um Flyouts von Flyouts zu entfernen, ist unerwünscht. Eine Variation könnte darin bestehen, bis zu 2 Ebenen der Flyout-Navigation zu verarbeiten, und tiefere Ebenen werden in einem Link "Weitere Informationen" angezeigt, der den Benutzer zu einer anderen Ansicht mit den untergeordneten Links führt. Dies bricht jedoch das SPA-Modell.

5
Mark

Beide Optionen sind gut, aber die Baumnavigation wird empfohlen. Mein Vorschlag wäre, das Suchfeld über der Baumnavigation hinzuzufügen, um schnell auf den Menüpunkt zuzugreifen. Der Benutzer kann 3 Buchstaben in das Suchfeld eingeben, um den entsprechenden Seitenlink zu erhalten.

4
Grafix Guru

Ab dem 2. scheint die Baumnavigationsoption die bessere Wahl zu sein. Ich würde der Navigation Akkordeonverhalten (Erweitern/Reduzieren) hinzufügen, damit nicht verwendete Elemente des Menüs ausgeblendet werden. Durch Breadcrumbs erhält der Benutzer außerdem einen Eindruck davon, wo er sich in der Anwendung befindet. Sie können auch auswählbare Elemente in den Breadcumbs haben, damit der Benutzer zwischen parallelen Seiten wechseln kann

1
Ameen Akbar

Die Darstellung des gesamten Site-Schemas auf einer Seite ähnelt der oben erwähnten Suche oder einer Site-Map-Seite im alten Stil.

Ist dies als Leitfaden für die Website oder als funktionierende Navigation auf der gesamten Website gedacht? Wenn es das letztere ist, können Sie die obersten Ebenen (0-4) im Mega-Navi und die unteren Ebenen im Abschnitt Navi anzeigen.

Wenn die Abschnitte wirklich tief sind, möchten Sie möglicherweise ein vertikales Akkordeon-Navigationselement in der linken Spalte jeder Abschnittsseite, um tiefer zu bohren.

Müssen Sie auch zu den niedrigsten Ebenen navigieren? Wenn Sie einen großen Stapel ähnlicher Objekte haben - Produkte, Unterrichtspläne, Bilder, Häuser zum Verkauf, was auch immer -, eignet sich dies für ein gefiltertes Layout vom Listentyp. Sie können das Mega-Navi verwenden, um Benutzer zur entsprechenden Liste zu bringen, wo sie sortieren und filtern können, um die benötigten Objekte zu finden.

1
RobC