Stepper Designsystem

Erhöhen oder verringern Sie eine Zahl in klaren Schritten.

7 Prüfpunkte · 3 Inhaltsgruppen

Inhalt der Checkliste

Prüffortschritt

Struktur und Bedeutung

Vergleichen Sie Informationen und Präsentation im Nutzungskontext.

Geben Sie den anzupassenden Wert anLegen Sie die Beschriftung und Einheit für das Zahlenfeld mit einer Schaltfläche zum Erhöhen oder Verringern fest.Personen, die große Werte benötigen, sollten eine Möglichkeit zur direkten Eingabe haben, ohne Dutzende Male drücken zu müssen.Beispiel Menge: Geben Sie 12 ein oder verwenden Sie die Schaltflächen „Menge erhöhen“ und „Menge verringern“.Definition von InkrementHalten Sie jeden Klick auf die entsprechende Einheit oder den entsprechenden Schritt um.Geben Sie die Schritteinheit an und versuchen Sie es mit mehreren aufeinanderfolgenden Drücken, damit die Zahl immer noch entsprechend der Konvention erhöht oder verringert wird.Gibt Min. und Max. anHalten Sie an der Grenze an und geben Sie den Grund und den Status der Schaltfläche an, die nicht mehr verwendet werden kann.Wenn das Limit erreicht ist, belassen Sie die Schaltfläche in derselben Position und spiegeln Sie den unbrauchbaren Zustand wider, anstatt die Schaltfläche verschwinden zu lassen.

Interaktion und Benutzerfreundlichkeit

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

Überprüfen Sie die direkt eingegebene NummerBehandelt Buchstaben, negative Zahlen, Dezimalzahlen und Werte außerhalb des gültigen Bereichs, ohne sich stillschweigend zu ändern.Erlauben Sie direkte Eingaben, wenn viele Änderungen erforderlich sind. Melden Sie einen ungültigen Wert, anstatt ihn stillschweigend in eine andere Zahl umzuwandeln.Benutzen Sie die TastaturUnterstützt Fokus, Tasten und Tasten zur korrekten Einstellung mit numerischer Eingabe.Probieren Sie Pfeil-, Tabulator- und Tastenbedienungen aus, damit Benutzer Zahlen anpassen können, ohne die Maus zu verwenden.Aktualisieren Sie relevante ErgebnisseWenn sich Zahlenänderungen auf Preise oder Gesamtsummen auswirken, melden Sie die Ergebnisse sofort im richtigen Bereich.Wenn sich der Betrag auf den Gesamtbetrag oder andere Daten ändert, muss die Antwort mit dem neuen Wert erfolgen und den Status beim Aktualisieren des Fehlers beibehalten.

Vervollständigen Sie das Erlebnis

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

Wählen Sie Kontrollgrößen für den KontextWenn kleine und große Varianten verfügbar sind, achten Sie auf nutzbare Zielbereiche, lesbare Zahlen und ein ausgewogenes Layout zwischen der Eingabe und ihren beiden Tasten.Die in dicken Panels verwendete Version muss weiterhin per Touch bedienbar sein und darf die Tasten zum Erhöhen und Verringern nicht schwer zu unterscheiden machen.

Der Fortschritt wird automatisch in diesem Browser gespeichert.

ANLEITUNG

So prüfen Sie

Geben Sie den anzupassenden Wert an

Personen, die große Werte benötigen, sollten eine Möglichkeit zur direkten Eingabe haben, ohne Dutzende Male drücken zu müssen.

BEISPIELE

Anwendungsbeispiele

Geben Sie den anzupassenden Wert an

Menge: Geben Sie 12 ein oder verwenden Sie die Schaltflächen „Menge erhöhen“ und „Menge verringern“.

Stepper Designsystem

Struktur und Bedeutung

Interaktion und Benutzerfreundlichkeit

Vervollständigen Sie das Erlebnis

So prüfen Sie

Geben Sie den anzupassenden Wert an

Anwendungsbeispiele

Geben Sie den anzupassenden Wert an

Checkliste suchen

Keine Checklisten gefunden