Geben Sie die Bedeutung und Einheit an
Wenn eine präzise Eingabe erforderlich ist, sollte anstelle des einfachen Ziehens ein zusätzliches Zahlenfeld vorhanden sein.
Schieberegler Designsystem
Hilft bei der Auswahl eines kontrollierten Werts oder Wertebereichs.
Inhalt der Checkliste
Prüffortschritt
01
Struktur und Bedeutung
Vergleichen Sie Informationen und Präsentation im Nutzungskontext.
02
Interaktion und Benutzerfreundlichkeit
Probieren Sie den Vorgang aus, ändern Sie den Status und arbeiten Sie weiter.
Der Fortschritt wird automatisch in diesem Browser gespeichert.
ANLEITUNG
So prüfen Sie
BEISPIELE
Anwendungsbeispiele
Geben Sie die Bedeutung und Einheit an
„Budget, Tausend Dong“: Bereich 0–500, aktuell ausgewählter Wert 250.
Varianten und Anwendungsfälle
Leiste und Griff
Leiste, ausgewählten Bereich und Griff auf hellen und dunklen Hintergründen erkennbar halten.
Kleinsten und größten Wert testen: Der Griff wird am Rand nicht abgeschnitten.
Beispiel Der Lautstärkeregler hat einen klaren Griff und eine Prozentangabe.
Beschriftung und Grenzen
Bedeutung, Einheit und Mindest-/Höchstwert vor dem Ziehen anzeigen.
Nur den aktuellen Wert lesen: Es bleibt verständlich, ob er Preis, Entfernung oder Speicher bezeichnet.
Beispiel Der Entfernungsfilter zeigt „Im Umkreis von 5 km“.
050100
Den Griff bedienen
Ziehen, Pfeiltasten und passende Tasten zum Erreichen der Grenzen unterstützen.
Den richtigen Wert nur per Tastatur wählen: Die Änderungsschritte bleiben konsistent.
Beispiel Eine Pfeiltaste ändert den Wert um 1 %; Home setzt ihn auf 0 %.
Wert auch direkt eingeben können, statt ihn nur durch Ziehen zu ändern.
Wert an der Griffposition
Nahe am Griff angezeigte Werte sichtbar halten, ohne das bediente Element zu verdecken.
Mobil bis an den Rand ziehen: Die Wertbeschriftung bleibt innerhalb der Ansicht.
Beispiel „75 %“ steht über dem Griff und bleibt auch am rechten Rand sichtbar.
Genaue Zahlen eingeben
Ein Eingabefeld ergänzen, wenn Ziehen nicht ausreichend präzise ist.
Einen ungültigen Wert eingeben und korrigieren: Schieberegler und Feld zeigen denselben gültigen Wert.
Beispiel Der Höchstpreis lässt sich als 250000 eingeben, statt ihn genau durch Ziehen einstellen zu müssen.