Navigieren auf digital.sbb.ch

Beta

Header

1. Was macht das Modul?

  • Bietet dem Benutzer jederzeit zugängliche Informationen und Funktionen an.

2. Wann soll das Modul eingesetzt werden?

  • Ein Header ist bei jeder Anwendung einzufügen.

3. Regeln

  • Der Header besteht aus App-Chooser (optional, bei Applikationsgruppen), Umgebungsbanner (ausser Prod), Applikationsname und Version, Hauptnavigation (falls notwendig), Suche (optional), Anzeige für Benachrichtigungen (optional), Benutzermenü und Logo.
  • Bei Tablet wird die Hauptnavigation in die Burgernavigation verschoben. Bei Mobile zusätzlich noch die Suche, Benachrischtigungen und das Benutzermenü.
  • Der Applikationsname wird bei Mobile mit "..." abgeschnitten, wenn es nicht genügend Platz hat.

4. Ausprägungen und Zustände

4.1 Standard

Diese Ausprägung hat folgende Zustände:

  • Default
Darstellung des Moduls Header in der Standard Ausprägung

Design Spezifikation

Code Spezifikation

4.2 Submenu

Diese Ausprägung hat folgende Zustände:

  • Collapsed
  • Expanded
  • Hover
Darstellung des Moduls Header in der Ausprägung mit Unternavigation

Design Spezifikation

Code Spezifikation

4.3 Suite

Diese Ausprägung hat folgende Zustände:

  • Collapsed
  • Expanded
Darstellung des Moduls Header mit der Navigation einer Suite zum Wechsel zwischen Anwendungen

Design Spezifikation

Code Spezifikation