← Design Rules

Bedienung

Gewicht ist ein Budget, ein Primary pro Ansicht

Geltung
universal · web, react-native

Warum

Gewicht ist ein Budget. Jeder laute Button macht den wichtigen leiser, und eine Ansicht mit drei gefüllten Buttons sagt dem Nutzer nicht mehr, wo es weitergeht.

Eine Beschriftung wie „Keine Änderungen“ macht aus dem Knopf eine Anzeige. Der Nutzer kann nicht vorhersagen, was ein Klick auslöst. Wechselt die Beschriftung mit dem Zustand, springt außerdem die Breite des Knopfes.

„Speichern“ allein reicht, solange die Seite nur einen Gegenstand hat. Gibt es mehrere, nennt der Knopf seinen: „Fehlzeiten speichern“. Eine Menge darf dabei stehen, weil sie den Umfang der Handlung beschreibt: „3 Monate speichern“.

Die Stufen

Stufe Wofür
primary die Hauptaufgabe: einziger Weg weiter, Abschluss eines Ablaufs
secondary eine echte Aktion, die nicht das Ziel der Ansicht ist
outline der Standard: Optionen, die man nutzen kann, aber nicht muss
ghost Nebensächliches, Zurück, Werkzeuge in dichten Leisten
destructive Löschen und Unumkehrbares

Hart und weich

Status
Höchstens ein Primary pro Ansicht und Zustand hart
Die Beschriftung ist eine Handlung, kein Zustand hart
Die Stufen sind eine geschlossene Menge, der Standard ist eine leise Stufe hart
Wie viele Stufen und welcher Wortlaut weich, Vorgabe die fünf Stufen oben

Woran Du den Verstoß erkennst

Grenzen

Ein Dialog ist eine eigene Ansicht und hat seinen eigenen Primary. Eine Bestätigung zum Löschen trägt die destruktive Stufe, nicht Primary.

Gibt es nichts zu speichern, bleibt der Knopf derselbe und aktiv, siehe Ein Button ist nie gesperrt. Den Zustand sagt die Ansicht daneben.

Verwandt