Eine Timeline ist die Darstellung mehrerer Ereignisse in zeitlicher Reihenfolge entlang einer Linie. Jeder Punkt trägt eine Zeitangabe und einen kurzen Text; die Linie macht die Abfolge und die Abstände sichtbar.
- Timeline (Website-Element)
Darstellung mehrerer Ereignisse in zeitlicher Reihenfolge entlang einer Linie.
Beispiel: „Auf der Über-uns-Seite zeigt eine Timeline die Gründung und drei weitere Stationen.“Auch: Zeitstrahl. Der Zusatz „Website-Element“ grenzt den Begriff gegen den Zeitplan eines Projekts ab, der ebenfalls Timeline heißt.
Abgrenzung zum Stepper: Der Stepper zeigt Schritte eines laufenden Vorgangs mit einem aktiven Zustand. Die Timeline zeigt abgeschlossene Ereignisse ohne Bedienung.
Wie sie aufgebaut wird
Die Punkte liegen in gleichen Abständen, auch wenn die Jahre unterschiedlich weit auseinanderliegen. Maßstabsgetreue Abstände führen zu großen Leerstellen und einer Linie, die über mehrere Bildschirme läuft. Wo der zeitliche Abstand die Aussage trägt, gehört er in den Text.
Die Beschriftung sitzt abwechselnd über und unter der Linie, damit längere Texte Platz haben. Vier bis sechs Stationen sind ein guter Umfang; darüber hinaus wird die Linie zur Aufzählung mit Verzierung.
Was auf dem Smartphone passiert
Die waagerechte Linie funktioniert dort nicht. Üblich ist, sie auf die senkrechte Achse zu drehen: Die Linie läuft am linken Rand, die Stationen stehen rechts daneben untereinander. Das ist zugleich die Reihenfolge, in der auch Vorlesewerkzeuge sie ausgeben.
Im Markup bleibt es dabei eine geordnete Liste. Wer die Stationen als freie Kästen mit absoluter Position setzt, verliert die Reihenfolge für alle, die die Seite nicht sehen.
Wann sie etwas erzählt
Wenn die Abfolge selbst die Aussage ist: eine Entwicklung, ein Ablauf, eine Geschichte mit Wendepunkten. Für eine Aufzählung von Jahreszahlen ohne Zusammenhang ist sie zu aufwendig, und die Linie suggeriert einen Verlauf, den es nicht gibt.
Aus unserer Arbeit an über 2.500 Website-Projekten ist die Unternehmens-Timeline der häufigste Einsatz und zugleich der, der am schnellsten veraltet. Steht die letzte Station drei Jahre zurück, liest sie sich wie ein Hinweis darauf, dass seither nichts passiert ist.