Datentabelle · DucDZ

01

Informationen und Struktur

Vergleichen Sie Informationen und Präsentation im Nutzungskontext.

Halten Sie Titel und Daten konsistentLegen Sie Spaltennamen, Einheiten und Ausrichtung passend für jeden Datentyp fest.Die Bezeichnerspalte sollte auch beim horizontalen Scrollen oder beim Auswählen mehrerer Zeilen erkannt werden.Beispiel Der Bestellcode bleibt konstant, wenn der Benutzer die Gebührenspalte auf der rechten Seite anzeigt.Gibt die Spalte an, die sortiert wirdZeigt die aufsteigende oder absteigende Richtung an und unterstützt die Tastatursteuerung.Verwenden Sie für Spalten mit identischen Werten eine stabile Unterreihenfolge, damit die Zeilen zwischen den Ladevorgängen nicht unerwartet ihre Position wechseln.Ermöglichen Sie die Spaltenanpassung nach BedarfGegebenenfallsWenn Sie die Reihenfolge ausblenden oder ändern, gibt es eine Möglichkeit, zum Standardlayout zurückzukehren.Halten Sie die Datensatzidentifikationsspalte zugänglich; Die Konfiguration der Spaltenausblendung sollte für den Benutzer getrennt bleiben, wenn es eine persönliche Präferenz ist.Zeigt den ausgewählten Zeilenbereich anUnterscheiden Sie die aktuelle Seitenauswahl vom gesamten Ergebnis und sorgen Sie dafür, dass der Zähler korrekt ist.Geben Sie nach dem Filtern oder Wechseln der Seiten deutlich an, ob die Auswahl bestehen bleibt. Die Massenaktion muss genau den versprochenen Datensatz verwenden.Schwebeflugabhängige FlugmanöverErmöglicht den Zugriff über die Tastatur und hat einen an den Datensatz angehängten Benutzernamen.Eine Schaltfläche mit demselben Namen in mehreren Zeilen benötigt einen kontextbezogenen Zugriffsnamen, zum Beispiel „Projekt A bearbeiten“; Zwingen Sie Benutzer nicht, mit der Maus darüber zu fahren, um die Aktion zu sehen.

02

Aktionen und Status

Probieren Sie den Vorgang aus, ändern Sie den Status und arbeiten Sie weiter.

Halten Sie Suche und Filter sichtbarErmöglicht das Bearbeiten oder Löschen von Bedingungen, ohne den Listenkontext zu verlieren.Geben Sie die Position und das Gesamtergebnis anHalten Sie die Seitenübergangssteuerung frei und aktualisieren Sie sie ordnungsgemäß, wenn sich die Filterergebnisse ändern.Erläuterung der exportierten DatenGegebenenfallsZeigt das ausgewählte Element, die angezeigte Seite oder alle Ergebnisse an.Wenn der Export im Hintergrund ausgeführt wird, geben Sie an, wann die Datei bereit ist und wie Sie sie erneut laden können. Gibt den Filter an und begrenzt die Daten in der Datei.Unterscheiden Sie zwischen Warten, Leer und FehlerGeben Sie für jede Ursache und einen spezifischen Behandlungspfad den entsprechenden Status an.

03

Vervollständigen Sie das Erlebnis

Achten Sie auf Details, die bei der Verwendung des Designs leicht übersehen werden können.

Identifizieren Sie die Spalten in breiten Tabellen weiterhin sichtbarWenn in einer Tabelle ein horizontaler Bildlauf erforderlich ist, sollten Sie erwägen, die Namens- oder ID-Spalte anzuheften, damit Benutzer den Datensatz in jeder Zeile weiterhin identifizieren können.Stellen Sie sicher, dass der Stiftbereich die angrenzende Spalte auf einem schmalen Bildschirm nicht verdeckt. Schalten Sie es aus oder ändern Sie das Layout, wenn der Pin zu viel Breite einnimmt.

Datentabelle Web-App

Informationen und Struktur

Aktionen und Status

Vervollständigen Sie das Erlebnis

So prüfen Sie

Halten Sie Titel und Daten konsistent

Anwendungsbeispiele

Halten Sie Titel und Daten konsistent

Checkliste suchen

Keine Checklisten gefunden