Sortieren

Hauptkapitel
Designsystem
Unterkapitel
Muster (Patterns)
Gilt für
Websites & Webapplikationen (mit Login)

Darstellung und Verhalten

Sortierung in Listen

  • Besteht aus:
    • Label «Sortieren nach»
    • Gewählte Option der Sortierung z.B. «Zuletzt aktualisiert»-
    • Pfeil-Icon
  • Bei Klick auf die aktuelle Option der Sortierung erscheint eine Auswahlliste mit den alternativen Möglichkeiten der Sortierung.
  • Bei Klick auf eine andere Sortieroption wird die Auswahl auf die Liste angewendet und die gewählte Art der Sortierung wird angezeigt.

Sortierung in Tabellen

  • Nutzende können eine Tabelle individuell nach Spalten sortieren.
  • Die ausgewählte Spalte wird mit blauem Pfeil Icon als aktiv ausgezeichnet, und das Icon zeigt die sortierte Richtung an.
  • Innerhalb der gewählten Spalte ist eine Einstellung der Sortierreihenfolge möglich (auf- oder absteigend; A–Z / Z–A; usw.), indem Nutzende erneut auf das Spaltenlabel klicken.

Verwendung

Sortierung in Listen

Sortierungen können bei langen Listen verwendet werden. Sie helfen, den gesuchten Eintrag schneller zu finden. Es gibt immer eine initiale Sortierung. Typische Sortieroptionen sind: nach Datum, alphabetisch, nach Relevanz. Gibt es nur die initiale Sortierung und sie kann nicht geändert werden, so wird das Element nicht angezeigt.

Sortierung in Tabellen

Sind die Daten in einer Tabelle nach einer bestimmten Art der Reihung darstellbar (auf- oder absteigende Zahlen und Nummern, alphabetische Liste), kann die Spalte für Nutzende sortierbar dargestellt werden. So kann es Nutzenden, die nach einem bestimmten Eintrag suchen, einfacher gemacht werden, diesen in der Tabelle zu finden.

Kontakt

Digitale Verwaltung - ZHweb

E-Mail

zhweb@sk.zh.ch