Zurück zur Übersicht

Navigation

Die Scout-App verwendet Lösungen, die auf den Vorgaben des Styleguides basieren.

Startbildschirm

Startbildschirm  

Der Startbildschirm der Scout-App ist der Ausgangspunkt für die Nutzer

Ausgangspunkt jeder Aktion in der Scout-App ist der Startbildschirm. Von dort aus gelangen Nutzer zu den weiteren Inhalten.

  • Die horizontale Panning-Area am oberen Rand stellt neueste Produkte und Highlights dar.
    • Jedes Element steht für ein Produkt oder Highlight
    • Jedes Element ist verknüpft mit einem entsprechenden Slide-Deck. Nutzer klicken auf das Element, um die Details im Slide-Deck zu erfahren.
  • Unterhalb zeigt die Scout-App die Hauptkategorien an. Jede Kategorie wird als Kachel dargestellt. Der Nutzer kann die Produktpalette von Phoenix Contact erkunden oder sich über das Unternehmen informieren.
    • Um eine Ebene tiefer zu gelangen, tippt der Nutzer auf eine Kachel.
    • Nutzer gelangen dann zu der entsprechenden Kategorienseite.

Kategorienseiten

Kategorienseiten  

Eine Kategorienseite

Über die Kategorienseiten (siehe Abbildung) können Nutzer in den verschiedenen Ebenen der Hierarchie hoch und runter navigieren. Abhängig von der Position in der Hierarchie bietet die linke Hauptnavigation verschiedene Navigationsmöglichkeiten:

  • Elemente, die eine Ebene tiefer führen
  • Verknüpfungen zu den Slide-Decks
  • Eine Kombination aus beidem

Die verschiedenen Knoten sind durch verschiedene Symbole gekennzeichnet, damit sie leichter voneinander unterscheidbar sind. Um eine Ebene höher zu navigieren, klickt der Nutzer auf das Pfeilsymbol in der Navigationsleiste. Egal wo sich der Nutzer befindet, über den Home-Button in der Navigationsleiste gelangt er immer direkt zum Startbildschirm.

Slide-Deck

Slide-Decks bilden die unterste Ebene in der Navigationshierarchie (siehe Abbildung).

Um eine Ebene nach oben zu gelangen, verwenden Nutzer das Pfeilsymbol in der Navigationsleiste. Der Home-Button in der Navigationsleiste führt direkt auf den Startbildschirm.

Das Menü auf der rechten Seite enthält Querverweise. Sie führen zu Zusatzinformationen jeweils passend zum aktuell angezeigten Produkt. Die Querverweise führen zu einer Seite an einem anderen Slide-Deck in der Navigationshierarchie.

Slide-Deck  

Seite mit Slide-Deck (links). Dieselbe Seite mit geöffneten Querverweisen (rechts)

PHOENIX CONTACT
GmbH & Co.KG

+49 5235 3-43862

Ulrich Becker

Information Architect