Übersichtsseite
Domains
Verwendung
Verwende die Übersichtsseite, wenn Nutzer aus vielen gleichartigen Objekten das passende auswählen und anschließend im Detail bearbeiten sollen. Die Tiefe eines einzelnen Objekts gehört auf seine Detailseite; ist die Liste nur ein Abschnitt neben anderen Inhalten, gehört sie in ein Dashboard.
Aufbau
- Content Header – Eine Heading als H1 benennt den Objekttyp, den die Seite auflistet.
- Content – Eine LayoutCard umschließt die List, die das Hauptelement der Seite ist.
- List – Die List bringt Suche, Filter und Sortierung bereits mit. Je nach Inhalt lässt sich ihre Ansicht als Liste, Raster oder Tabelle wählen.
- Eintrag – Ein List-Item je Objekt verlinkt in seine Detailseite und trägt häufige Aktionen direkt am Objekt, etwa über ein ContextMenu.
- Anlege-Aktion – Sie liegt in der ActionGroup der List und bleibt so am Objekttyp, auch wenn die Liste später an anderer Stelle auftaucht.
- Leerzustand – Die List bringt automatisch eine Empty View mit; passe sie an das anzulegende Objekt an, denn der erste Kontakt mit einem Objekttyp ist fast immer die leere Liste.
Varianten und Abwandlung
Als Kachelansicht
In der Kachelansicht steht ein großes Vorschaubild im Vordergrund. So erkennen
Nutzer das passende Objekt auf einen Blick. Struktur und Ausstattung der Seite
bleiben gleich. Es ändern sich nur defaultViewMode und die Anzeigeform des
Eintrags.
Apps
Tabs über mehreren Übersichtsseiten
Manchmal gehören mehrere Objekttypen fachlich zusammen, etwa E-Mail-Adressen, Weiterleitungen und Delivery-Boxen. Eine TabNavigation fasst sie zusammen. Jeder Tab ist für sich eine Übersichtsseite.