Zum Hauptinhalt springen

In Listenansicht lesen

Überblick​

Das Lesen von Mustern aus einer Listenansicht wird über die folgenden Methoden aktiviert: Wählen Sie einen Anzeigemodus, der dem Anwendungsfall entspricht, und halten Sie ihn über alle Listenelemente in der Listenansicht hinweg konsistent.

  • Drawer-Ansicht: Verwenden Sie diese Option, wenn die Details eines Listenelements 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 dem ursprünglichen Listenelement wichtig ist.
  • Modale: Verwenden Sie diesen Typ, wenn die Aufmerksamkeit auf ein Objekt gerichtet sein muss, bevor der Benutzer eine Aktion ausführt.

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 Menüelement Details anzeigen ausgelöst werden. Die Methode zum Navigieren zurück zur Listenansicht hängt vom Anzeigemodus ab. Drawer und Modale haben spezifische Mechanismen zum Beenden.

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​

Listenansichtsmuster gelesen mit Drawer

Richtlinien für die Verwendung von Drawer​

Auslöser

  • Drawer wird über ein Symbol „Details anzeigen“, eine Schaltfläche oder ein Ü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

  • Stellen Sie Benutzern die Möglichkeit zur Verfügung, die Drawer-Ansicht zu schließen.

Anzeigen von Details mithilfe eines modalen Fensters​

Verwenden Sie ein modales Fenster in den folgenden Situationen:

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

Listenansichtsmuster, Lesen mithilfe von Modal

Richtlinien für die Verwendung von Modalen​

Auslöser

  • Die Modal-Ansicht wird normalerweise über ein Symbol „Details anzeigen“, eine Schaltfläche oder ein Überlaufmenü ausgelöst.

Inhalt

  • Der angezeigte Inhalt muss in die Modalansicht passen, ohne einen Bildlauf aufzurufen.
  • Verwenden Sie eine angemessene Größe von modalen Fenstern, damit Benutzer Details bequem durchsuchen können.

Navigation

  • Stellen Sie Benutzern die Möglichkeit zur Verfügung, die Modalansicht zu schließen.