Navigation und Service

Ebenen-Navigation

 

Die Abbildung zeigt ein Beispiel für die Navigation

Die Abbildung zeigt ein Beispiel für die Navigation

 

  1. Ebene 1:
    Ausgewählter Menüpunkt in der Hauptnavigation ist farbig hervorgehoben und wird durch ein kleines weißes Dreieck unterhalb des Menüpunkts zusätzlich gekennzeichnet.

  2. Ebene 2:
    Der aus dem Flyout gewählte Menüpunkt wird als Bereichskennzeichnung bezeichnet. Dieser wird mit einem Balken von mindestens 105 px Höhe in der jeweils ausgewählten Farbe hinterlegt.


  3. Schwerpunkt-Navigation:
    Dieses Modul ist optional als Drop-Down-Menü einsetzbar und zeigt die Themenschwerpunkte an. Das Modul wird in einer Breite von 315 px in Dunkelgrau angelegt. Die Schriftfarbe ist Weiß.

  4. Ebene 3:
    Der ausgewählte Themenschwerpunkt wird in einem weiteren Balken in der gleichen Farbe mit einer maximalen Höhe von 40 px angezeigt und befindet sich unterhalb der Bereichskennzeichnung. Der Balken ist dunkel schraffiert und verläuft über die gesamte Darstellungsfläche. Ein kleines Dreieck unterhalb des Menüpunkts markiert zusätzlich die ausgewählte Ebene. 

  5. Ebene 4:
    Diese Ebene wird in einem weiteren Balken in Grau angezeigt. Ein kleines Dreieck unterhalb des Menüpunkts markiert zusätzlich die ausgewählte Ebene.

Die Abbildung zeigt ein Beispiel für die Navigation

 

 

Die Abbildung zeigt ein Beispiel für die Navigation

Die Ebenen 5 und nachfolgende werden durch ein Submenü in der linken oder rechten Marginalspalte dargestellt.

Die Farbe des Submenüs ist hellgrau, der ausgewählte Menüpunkt dunkelgrau, der aktive Menüpunkt wird mit der jeweils ausgewählten Farbe hinterlegt und kann optional mit einem Dreieck in der gleichen Farbe versehen werden.


Themenkennzeichnung mit Bildern

Um den Nutzern die Orientierung innerhalb der Navigationsstruktur zu erleichtern, können Bilder als Gliederungselemente verwendet werden.
 

Die Abbildung zeigt ein Beispiel für die Navigation

Unterhalb der Bereichskennzeichnung können maximal drei Bild-Text-Teaser im Bühnenbereich platziert werden. Die Bilder haben eine fixe Breite von jeweils 315 px. Die Bühne muss mindestens 220 px hoch sein.

Die Abbildung zeigt ein Beispiel für die Navigation

Unterhalb der Bereichskennzeichnung kann ein kurzer Erläuterungstext mit Bild platziert werden. Die farbige Hinterlegung hat die ausgewählte Farbe und ist mindestens 105 px hoch.

Die Abbildung zeigt ein Beispiel für die Navigation

Das Bildmotiv läuft zu beiden Seiten aus. Bei allen Bereichskennzeichnungen ist auf die Einheitlichkeit bezüglich der Hintergrundfarbe zu achten.


Die Abbildung zeigt ein Beispiel für die Navigation

Bewegt sich der User in die nachfolgende Navigationsebene wird die Bereichskennzeichnung ohne Bild dargestellt. Der Balken ist mindestens 105 px hoch.