Navigation
Die Informations- und Servicearchitektur gibt uns vor, welche Art von Navigation wir in unserem Service verwenden. Dabei gibt es drei Typen. Wir unterscheiden bei der Navigation zwischen einem funktionalen und immersiven Model. Dabei werden diese innerhalb einer Anwendung oft gemeinsam verwendet.
Funktional: Hierachische und oder flache NavigationBei einer funktionalen Navigation geben wir den Nutzer:innen klare Strukturen und Pfade vor. Wir stützen uns dabei auf bestehende mentale Modelle und bahnspezifischen Abläufe, um die kognitive Belastung so gering wie möglich zu halten. Absolute Handlungssicherheit und Kontrolle der Nutzer:innen in jeder Situation ist hier sehr wichtig.
Immersiv: Sequenzielle Navigation und und flache NavigationBei diesem Model wollen wir Nutzer:innen bei der Entdeckung von Inhalten und Angeboten unterstützen. Wir geben Grundstrukturen vor damit sie sich leicht orientieren können. Es ist ein explorativer Ansatz, hat keine festen Pfade (Sequenz) und untersützt das Verweilen in der Anwendung.
Typen
Fixe Navigation
Die fixe Navigation wird immer dann verwendet, wenn es sehr viele Seiten mit möglichen Unterseiten gibt. Dabei unterscheiden wir, ob die Navigation auf der oberen Ebene (Hauptmenü) oder auf Höhe des Inhalts liegt. Je nach Ebenenlevel erstreckt sich die Navigation über die gesamte Höhe oder nur über die Höhe des Inhalts.
Flache Navigation
Ausprägungen
Die fixe Navigation kann in drei unterschiedlichen Varianten dargestellt werden.
Tab-Navigation
Als Teil der hierarchischen Navigation verwenden wir Tabs, um auf Inhalte zu verlinken, die auf gleicher Ebene oder auf nachfolgend tieferen Ebenen angeordnet sind. Für die Verwendung ist eine Hauptnavigation erforderlich.
Ausprägungen
Die Inhaltsnavigation kann in drei unterschiedlichen Varianten dargestellt werden.
Choreografie
Die Navigation kann schrittweise ein- und ausgeblendet werden und sich optimal an die Geräteklassen anpassen. Die primäre Navigation sollte eingeblendet bleiben so lange noch Platz zur Verfügung steht.
Ende des oberhalb befindlichen Videos
Responsive NavigationDie Navigation passt sich durch ausblenden und Patternshift an die Layoutklassen an. Bei einem Patternshift wechselt die Navigation z.B. von einer geöffneten zu einer Burger-Navigation
Weiter