Tisch · DucDZ

01

Struktur und Bedeutung

Vergleichen Sie Informationen und Präsentation im Nutzungskontext.

Legen Sie einen Titel für die Daten festWeisen Sie Überschriften mithilfe der richtigen Tabellenstruktur Spaltennamen, Einheiten und Zellbeziehungen zu.Eine konsistente Zahlendarstellung ermöglicht Vergleiche schneller als das Hinzufügen von Farbe zu jeder Zelle.Beispiel Die Spalte „Umsatz, VND“ ist rechtsbündig und hat in jeder Zeile das gleiche Format.Daten nach Typ ausrichtenHalten Sie Buchstaben, Zahlen, Daten und Status konsistent; genügend Platz zwischen den Zellen.Ausrichtung und Einheiten sind konsistent, wobei genügend Platz bleibt, um Daten in zwei benachbarten Spalten nicht falsch zu lesen.Suchen Sie bei Bedarf nach DatensätzenGeben Sie den Umfang Ihrer Suche an und halten Sie die Schlüsselwörter und die Anzahl der Ergebnisse klar.Geben Sie die gesuchten Felder an und überprüfen Sie die in jedem Feld dargestellten Daten, anstatt nur den Datensatznamen zu testen.Zeigt die verwendete Bestellung anWenn sortierbar, geben Sie die Spalte und Sortierrichtung sowie Tastaturunterstützung an.

02

Interaktion und Benutzerfreundlichkeit

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

Ordnen Sie den Vorgang der richtigen Zeile zuVerwenden Sie kontextbezogene Benutzernamen und zeigen Sie nicht nur Aktionen an, wenn Sie mit der Maus darüber fahren.Wenn Sie Aktionsnamen mit Support-Tools lesen, müssen Sie wissen, zu welcher Zeile die Aktion gehört. Machen Sie nicht jeden Knopf nur zu einer Lösung.Behalten Sie Feldnamen auf schmalen Bildschirmen beiErmöglicht horizontales Scrollen oder gezieltes Falten, ohne wichtige Daten abzuschneiden.Wenn horizontales Scrollen ausgewählt ist, behalten Sie den Spaltenkontext und die scrollbare Anzeige bei; Schneiden Sie wichtige Spalten nicht vollständig ab.Geben Sie die Position in der Liste anGegebenenfallsSchreiben Sie beim Blättern die Gesamtsumme, den aktuell angezeigten Bereich und die Übergangsschaltflächen deutlich auf.Behalten Sie nach dem Seitenwechsel den Tabellentitel bei und notieren Sie den Anzeigebereich, damit Benutzer die Position im gesamten Ergebnis verstehen.Unterscheiden Sie zwischen Laden, Leer und FehlerHalten Sie die Struktur stabil und ergreifen Sie für jede Ursache geeignete Maßnahmen.

03

Vervollständigen Sie das Erlebnis

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

Definieren Sie Zeilenstil und -dichteGeben Sie Zeilenhöhen, Abstände, Trennzeichen sowie Hover- oder Auswahlindikatoren an, damit die Daten in der beabsichtigten Dichte problemlos gescannt werden können.Achten Sie bei Tabellen mit vielen Zeilen auf ein Gleichgewicht zwischen schnellem Scannen und ausreichend Interaktionsraum. Testen Sie sowohl den Inhalt zweizeiliger Zellen als auch ausgewählte Zeilen.Filtern Sie nach nützlichen FeldernWenn Filter verfügbar sind, zeigen Sie die aktiven Kriterien und den Datenbereich an und bieten Sie eine Möglichkeit, diese zu löschen und zur vollständigen Liste zurückzukehren.Filtern und Sortieren sind zwei verschiedene Dinge; Das Ändern des Filters sollte nicht dazu führen, dass der Benutzer den Überblick über die aktuelle Bestellung verliert.

Tisch Designsystem

Struktur und Bedeutung

Interaktion und Benutzerfreundlichkeit

Vervollständigen Sie das Erlebnis

So prüfen Sie

Legen Sie einen Titel für die Daten fest

Anwendungsbeispiele

Legen Sie einen Titel für die Daten fest

Checkliste suchen

Keine Checklisten gefunden