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.

Timeline mit >20 Einträgen

Darstellung bei mehr als 20 Einträgen

Initial werden höchstens 20 Einträge angezeigt. Wenn es mehr Einträge gibt:

  • Die Linie unterhalb des Timeline-Indikators ist gestrichelt und verläuft in den Hintergrund der Komponente.
  • Der Zeitstempel wird durch die Angabe ersetzt, wieviele Einträge insgesamt vorhanden sind (“20 von 26 Einträgen”).
  • Ein Button in Link-Optik lädt die nächsten 20 Einträge und wandert bei Betätigung ans Ende der nachgeladenen Einträge. Bei 40, 60, 80… Einträgen wiederholt sich dies.

Do’s and Don’ts

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