Tabs

Tabs strukturieren verwandte Inhalte und ermöglichen einen schnellen Zugriff auf unterschiedliche Ansichten.GitHubMarkdown
Allgemeiner Inhalt
Speicherplatz Inhalt
Spamschutz Inhalt

Grundlagen

Best practices

Achte bei der Verwendung von Tabs darauf, dass ...

  • innerhalb eines Tabs nur thematisch eng verwandter Content gruppiert wird.
  • nie mehrere Tabs gleichzeitig relevant für eine Aufgabe sind. Alle relevanten Informationen müssen innerhalb eines Tabs direkt zugänglich sein.
  • idealerweise nicht mehr als sechs Tabs verwendet werden, um Übersichtlichkeit zu gewährleisten.
  • die Reihenfolge nach Wichtigkeit oder Häufigkeit der Nutzung erfolgt.
  • jeder Tab eigenständig verständlich ist und eine kurze und deutliche Beschriftung hat.
  • kein Content in mehreren Tabs gedoppelt wird.
  • sie keine Hauptnavigation ersetzen.
  • sie oberhalb von einer LayoutCard positioniert werden.
  • bei Statusanzeigen innerhalb eines Tabs – z. B. durch einen Danger-Alert – der Tab selbst ein entsprechendes Status-Icon erhält, um die Aufmerksamkeit darauf zu lenken.

Verwendung

Verwende Tabs, um ...

  • komplexe Inhalte in kleinere, übersichtlichere Ansichten zu gliedern.
  • umfangreiche Detailseiten in mehrere aufgaben- oder themenbezogene Abschnitte aufzuteilen.

Auf dieser Seite