Zum Hauptinhalt springen

In Tabellenansicht lesen

Überblick​

Das Lesen von Mustern aus einer Tabellenansicht wird über die folgenden Methoden aktiviert: Wählen Sie einen passenden Anzeigemodus für den Anwendungsfall und halten Sie ihn für alle Zeilen in der Tabelle einheitlich.

  • Inline-Erweiterung von Zeilen: Verwenden Sie diese Option, wenn nur minimale zusätzliche Inhalte angezeigt werden müssen.
  • Drawer-Ansicht: Verwenden Sie diese Option, wenn die Details eines Objekts angezeigt werden können, ohne dass ein Bildlauf erforderlich ist, und möglicherweise Aktionen ausgeführt werden müssen, während der Kontext angezeigt wird oder wenn die Interaktion mit der ursprünglichen Zeile wichtig ist.
  • Modal: Verwenden Sie diesen Typ, wenn die Aufmerksamkeit auf ein Objekt gerichtet sein muss, bevor der Benutzer eine Aktion ausführt.
  • Seitenübertragung: Verwenden Sie diese Option, wenn die Übersichts- oder Detailseite eines Objekts umfangreich ist und mehrere Aktionen ausgeführt werden müssen. Das Anzeigen des Kontexts für die Benutzer oder die Interaktion mit der ursprünglichen Zeile ist hier nicht so wichtig.

Sie können Objekte als Links verwenden, um die Ansicht oder den Editor schneller zu öffnen. Jeder dieser Übertragungsmechanismen kann über einen Link, eine Aktion oder ein Inline-Steuerelement ausgelöst werden, indem ein Detailsymbol oder ein Menüelement Details anzeigen verwendet wird. Die Methode zum Navigieren zurück zur Tabelle hängt vom Anzeigemodus ab. Die Inline-Erweiterung kann durch Klicken auf den Auslöser geschlossen werden. Drawer und Modale haben spezifische Mechanismen zum Beenden. Bei Seitenübertragungen wird ein Rückverweis in den Breadcrumbs verwendet.

Anzeigen von Details mithilfe der Inline-Erweiterung​

Verwenden Sie die Inline-Erweiterung in den folgenden Situationen:

  • Es müssen nur minimale Details angezeigt werden.
  • Es ist wichtig, den Kontext der Tabelle als Ganzes beizubehalten (z. B. beim Vergleich verschiedener Datensätze).

Die ausgewählte Zeile wird zur Anzeige der Detailansicht erweitert und kann minimiert werden, wenn sie nicht mehr relevant ist.

Interaktionsablauf für die Inline-Erweiterung​

Interaktionsablauf für die Inline-Erweiterung in einer Tabellenansicht

Richtlinien für die Verwendung der Inline-Erweiterung​

Positionierung des Erweitern-Symbols und Details

  • Das Erweitern-Symbol wird in der ersten Spalte der Tabelle angezeigt, wenn keine Auswahlsteuerelemente verfügbar sind. Wenn Auswahlsteuerelemente verfügbar sind, wird in der zweiten Spalte das Erweitern-Symbol angezeigt.
  • Die Detailansicht wird nur im erweiterten Bereich angezeigt.

Inhalt

  • Im Allgemeinen ist eine Zeile mit zusätzlichem Inhalt im erweiterten Bereich zulässig und sollte aus einfachen Datenformen wie Text, Daten und Status bestehen.
  • Verwenden Sie den erweiterten Bereich nicht, um komplexe Datenformulare wie Diagramme, Inhaltsabschnitte mit Registerkarten und interaktive Elemente anzuzeigen.

Details mithilfe von Drawer anzeigen​

Verwenden Sie den Drawer in den folgenden Situationen:

  • Die anzuzeigenden Details können eingefügt werden, ohne dass im Panel nach unten gescrollt werden muss.
  • Es ist nicht notwendig, die Aufmerksamkeit des Benutzers auf ein Objekt zu lenken.

Interaktionsablauf für Drawer​

Interaktionsablauf für Drawer in der Tabellenansicht

Richtlinien für die Verwendung von Drawer​

Auslöser

  • Der Drawer wird über eine Symbolschaltfläche oder das Menüelement Details anzeigen in einem Überlaufmenü ausgelöst.

Inhalt

  • Die anzuzeigenden Details müssen in den Drawer-Bereich passen, ohne dass im Panel nach unten gescrollt werden muss.
  • Der Drawer-Bereich kann verwendet werden, um komplexe Datenformulare wie Diagramme, Inhaltsabschnitte mit Registerkarten und interaktive Elemente anzuzeigen.

Navigation

  • Geben Sie Benutzern die Möglichkeit, die Drawer-Ansicht zu schließen.

Details mithilfe eines modalen Fensters anzeigen​

Verwenden Sie ein modales Fenster in den folgenden Situationen:

  • Es müssen nur minimale Details angezeigt werden
  • Es ist nicht wichtig, den Kontext der Tabelle als Ganzes beizubehalten
  • Es ist notwendig, die Aufmerksamkeit des Benutzers auf ein Objekt zu lenken

Modaler Interaktionsablauf für Tabellenansicht

Richtlinien für die Verwendung von modalen Fenstern​

Auslöser

  • Die Modal-Ansicht wird über ein Menüelement Details anzeigen in einem Überlaufmenü ausgelöst.

Inhalt

  • Der angezeigte Inhalt muss in die Modalansicht passen, ohne dass dabei gescrollt werden muss.
  • Verwenden Sie eine angemessene Größe für modale Fenster, damit Benutzer Details bequem überschauen können.

Navigation

  • Geben Sie Benutzern die Möglichkeit, die Modalansicht zu schließen.

Details mit Seitenübertragung anzeigen​

Verwenden Sie die Seitenübertragung, um Details anzuzeigen, wenn die Details nicht in der erweiterten Zeile, im Drawer oder im Modal untergebracht werden können.

Interaktionsablauf für Seitenübertragungen​

Interaktionsablauf für neue Seiten in einer Tabellenansicht

Richtlinien für die Verwendung der Seitenübertragung​

Auslöser

  • Seitenübertragungen werden über das Menüelement Details anzeigen in einem Überlaufmenü ausgelöst.

Komplexe Seiten

  • Bei komplexen Bildschirmabläufen können der linke und/oder rechte Bereich (falls vorhanden) ausgeblendet werden, um eine fokussierte Ansicht zu ermöglichen.

Inhalt

  • Neue Seiten können komplexe Strukturen aufweisen (z. B. Verwendung von Registerkarten oder Assistenten), Datenvisualisierungen wie Diagramme enthalten oder Aktionen umfassen, für die möglicherweise eine eigene Drawer-Benutzeroberfläche erforderlich ist.

Navigation

  • Geben Sie Benutzern die Möglichkeit, von der Detailansicht aus zurückzunavigieren.