Komponenten

Progress Indicators

Mit Hilfe von Progress Indicators kann der aktuelle Status eines jeden Schrittes in einem mehrstufigen Prozess, wie z.B. einer Online-Bestellung oder eines Rüstvorgangs, visualisiert werden.

Progress Indicators
  • Anwendung
  • Beispiele
  • Verwandte Komponenten
  • Download

Anwendung

Prinzipiell können Sie Progress Bars entweder über oder unter dem jeweiligen Schritt im Prozess platzieren.

Statusanzeigen

Es stehen verschiedene Statusanzeigen zur Verfügung, um den aktuellen Status eines Schrittes zu veranschaulichen: deaktiviert, noch nicht abgeschlossen, abgeschlossen, aktiv und derzeit in Bearbeitung.

Lineare und nicht-lineare Navigation

Bei der linearen Navigation werden die Navigationsmöglichkeiten des Nutzers so eingeschränkt, dass dieser erst dann von einem Schritt zum nächsten wechseln kann, wenn er mit der aktuellen Schritt fertig ist.Bei der nicht-linearen Navigation können sich Nutzer auch dann weiterbewegen, wenn sie mit dem aktuellen Schritt noch nicht fertig sind.

Linearer Progress Indicator in verbundener Darstellung.

Vertikaler linearer Progress Indicator in verbundener Darstellung.

Vertikaler linearer Progress Indicator in separierter Darstellung.

Nicht-linearer Progress Indicator in verbundener Darstellung mit Labels darüber.

Nicht-linearer Progress Indicator in separierter Darstellung.

Inline Progress

Wenn es nötig ist, den Fortschrittsstatus des Nutzers auf der jeweiligen Seite anzuzeigen, kann ein Inline Progress Circle zur Statusanzeige verwendet werden. In diesem Fall sind eine lineare und nicht-lineare Navigationsstruktur ebenfalls möglich.

Linearer Progress Indicator in separierter Darstellung und mit Inline-Progress-Circle.

Beispiele

Verwandte Komponenten

Download

Wenn Sie ein Dokument herunterladen, akzeptieren Sie unsere Nutzungsbedingungen.

Sketch UI Library
ZIP
85,98 MB