Inhaltsbereich Navigation Navigation Fußzeile

Timeline

Verwendung

Die Timeline stellt eine Liste von Ereignissen in chronologischer Reihenfolge dar. Die darzustellenden tatsächlichen Inhalte sind bewusst offen gelassen, beschränken sich aber auf Struktur- und Inhaltselemente sowie einen beschränkten Satz von interaktiven Funktionen.

Muss enthalten:
Die inhaltlich eingegrenzten Sektionen einer Timeline enthalten immer einen Zeitstempel, bestehend sowohl aus dem Datum und wenn möglich auch der Uhrzeit sowie mindestens einem weiteren differenzierenden Textelement aus der folgenden “Kann”-Auflistung.
Kann enthalten:
Die Sektionen können z. B. gestalterisch eigenständige Container mit Überschrift, eine Nachrichtenvorschau in Textform, einen oder mehrere Download-Links, Iconbuttons, Dateianhänge, Hyperlinks und Button-Links, Statusanzeigen (gelesen/ungelesen) sowie Primär- und Sekundär-Buttons enthalten; alle weiteren Inhalte und deren Aufbau sind optional.
Darf nicht enthalten:
Die Timeline enthält grundsätzlich keine komplexen Inhalte wie Tabellen, Formulare mit Eingabe- und Auswahlfeldern oder Muster wie Paginierungen, Akkordeons oder Tab-Interfaces.

Positionierung & responsives Verhalten

Ab dem Breakpoint XS (≥ 0px)

Smartphone - Breakpoint XS: Die gesamte Timeline wird linearisiert untereinander dargestellt.

Ab dem Breakpoint LG (≥ 992px)

Desktop – Breakpoint LG: Der Inhaltsbereich erstreckt sich über 6 Grid-Spalten, die Marginalspalte über 3 Grid-Spalten rechts neben dem Inhaltsbereich.

Do’s and Dont’s

So:

  • Chronologische Reihenfolge
  • Einfach zu erfassende Kurzformen der wesentlichen Inhalte und Funktionen

So nicht:

  • Sortierung, die nicht dem tatsächlichen Ablauf entspricht
  • Verschiedene, nicht zusammengehörige Themen gemischt