Schieberegler (Entwurfsgrundlagen)

Mit einem Schieberegler können Benutzer aus einem kontinuierlichen Wertebereich wählen. Ein Schieberegler verfügt über einen Balken, der den Bereich anzeigt, und einen Indikator, der den aktuellen Wert anzeigt. Optionale Häkchen zeigen Werte an.

Ein typischer Schieberegler.

Ist dies das richtige Steuerelement?

Verwenden Sie einen Schieberegler, wenn Ihre Benutzer in der Lage sein sollen , definierte, zusammenhängende Werte (z. B. Lautstärke oder Helligkeit) oder einen Bereich diskreter Werte (z. B. Bildschirmauflösungseinstellungen) festzulegen.

Eine Schieberegler ist eine gute Wahl, wenn Sie wissen, dass Benutzer den Wert als relative Anzahl betrachten und nicht als numerischen Wert. So denken Benutzer beispielsweise beim Festlegen der Audiolautstärke an "niedrig" oder "mittel", aber nicht an Werte wie "2" oder "5".

Orientieren Sie sich an folgenden Fragen:

• Handelt es sich bei der Einstellung um eine relative Anzahl? Wenn nicht, verwenden Sie Optionsfelder oder eine Dropdown- oder Einzelauswahlliste.
• Handelt es sich bei der Einstellung um einen exakten, bekannten numerischen Wert? Wenn ja, verwenden Sie numerische Textfelder.
• Wäre es für Benutzer hilfreich, sofort Feedback zur Auswirkung von Einstellungsänderungen zu erhalten? Wenn ja, verwenden Sie einen Schieberegler. Beispielsweise können Benutzer eine Farbe leichter auswählen, wenn sie sofort sehen, wie sich Änderungen an den Werten für Farbton, Sättigung oder Leuchtdichte auswirken.
• Weist die Einstellung einen Bereich aus vier oder mehr Werten auf? Ist dies nicht der Fall, verwenden Sie stattdessen Optionsfelder.
• Können Benutzer den Wert ändern? Schieberegler dienen zur Benutzerinteraktion. Wenn ein Benutzer den Wert nicht ändern kann, verwenden Sie stattdessen ein schreibgeschütztes Textfeld .

Wenn ein Schieberegler oder ein numerisches Textfeld möglich ist, verwenden Sie ein numerisches Textfeld, wenn:

• Der auf dem Bildschirm verfügbare Platz ist knapp.
• Ein Benutzer wird wahrscheinlich die Verwendung der Tastatur bevorzugen.

Verwenden Sie in folgenden Fällen einen Schieberegler:

• Benutzer profitieren von sofortigem Feedback.

Richtlinien

• Verwenden Sie eine natürliche Ausrichtung. Wenn der Schieberegler beispielsweise einen echten Wert darstellt, der normalerweise vertikal angezeigt wird (z. B. eine Temperatur), verwenden Sie die vertikale Ausrichtung.

• Richten Sie den Schieberegler so aus, dass sie die Kultur Ihrer Benutzer widerspiegelt. Zum Beispiel lesen westliche Kulturen von links nach rechts, daher legen Sie für horizontale Schieberegler das niedrige Ende des Bereichs links und das hohe Ende auf der rechten Seite. Für Kulturen, die von rechts nach links lesen, tun Sie das Gegenteil.

• Skalieren Sie das Steuerelement so, dass ein Benutzer einfach den gewünschten Wert festlegen kann. Stellen Sie für Einstellungen mit separaten Werten sicher, dass der Benutzer jeden Wert einfach mithilfe der Maus auswählen kann.

• Erwägen Sie die Verwendung einer nichtlinearen Skalierung, wenn der Wertebereich groß ist und Benutzer wahrscheinlich Werte an einem Ende des Bereichs auswählen. Der Zeitwert kann beispielsweise 1 Minute, 1 Stunde, 1 Tag oder 1 Monat sein.

• Geben Sie während oder nachdem ein Benutzer eine Auswahl getroffen hat, sofortiges Feedback. Beispielsweise signalisiert die Microsoft Windows-Lautstärkeregelung einen Signalton, um die resultierende Audiolautstärke anzugeben.

• Verwenden Sie Bezeichnungen, um den Wertebereich anzuzeigen.

  Ausnahme: Wenn der Schieberegler vertikal ausgerichtet ist und die obere Bezeichnung Maximal, Hoch, Mehr oder gleichwertig ist, können Sie die anderen Bezeichnungen weglassen, da die Bedeutung klar ist.

  

  In diesem Beispiel macht die vertikale Ausrichtung des Schiebereglers die Bereichsbezeichnungen überflüssig.

• Verwenden Sie Häkchen, wenn Benutzer den ungefähren Wert der Einstellung kennen müssen.

• Verwenden Sie Häkchen und eine Wertbezeichnung, wenn Benutzer den genauen Wert der ausgewählten Einstellung kennen müssen. Verwenden Sie immer eine Wertbezeichnung, wenn ein Benutzer die Einheiten kennen muss, um die Einstellung zu verstehen.

  

  In diesem Beispiel wird eine Bezeichnung verwendet, um den ausgewählten Wert eindeutig anzugeben.

• Platzieren Sie bei horizontal ausgerichteten Schiebereglern Häkchen unter dem Schieberegler. Platzieren Sie bei vertikal ausgerichteten Schiebereglern Für westliche Kulturen Häkchen rechts; Für Kulturen, die von rechts nach links lesen, tun Sie das Gegenteil.

• Platzieren Sie die Wertbezeichnung vollständig unter dem Schiebereglersteuerelement, damit die Beziehung klar ist.

  Falsch:

  

  In diesem Beispiel wird die Wertbezeichnung nicht unter dem Schieberegler ausgerichtet.

• Deaktivieren Sie beim Deaktivieren eines Schiebereglers auch alle zugeordneten Bezeichnungen.

• Verwenden Sie für dieselbe Einstellung weder einen Schieberegler noch ein numerisches Textfeld. Verwenden Sie nur das geeignetere Steuerelement.

  Ausnahme: Verwenden Sie beide Steuerelemente, wenn der Benutzer sowohl sofortiges Feedback als auch die Möglichkeit benötigt, einen genauen numerischen Wert festzulegen.

• Verwenden Sie einen Schieberegler nicht als Statusanzeige.

• Ändern Sie die Größe des Schiebereglers nicht von der Standardgröße.

  Falsch:

  

  In diesem Beispiel wird eine Größe verwendet, die kleiner als der Standard ist.

  Richtig:

  

  In diesem Beispiel wird die Standardgröße verwendet.

• Markieren Sie nicht jedes Häkchen.

Empfohlene Größen- und Abstandsanpassung

Empfohlene Größenanpassung und Abstand für Schieberegler.

Bezeichnungen

Schiebereglerbeschriftungen

• Verwenden Sie eine statische Textbeschriftung, die mit einem Doppelpunkt endet, oder eine Gruppenfeldbeschriftung ohne endende Interpunktion.
• Weisen Sie jeder Bezeichnung einen eindeutigen Zugriffsschlüssel zu. Zuweisungsrichtlinien finden Sie unter Tastatur.
• Verwenden Sie für Überschriften die Standardgroß- und kleinschreibung.
• Positionieren Sie die Schiebereglerbeschriftung entweder links neben dem Schieberegler oder oberhalb und ausgerichtet am linken Rand des Schiebereglers (oder dem linken Bereichsbezeichner, falls vorhanden).

Bereichsbeschriftungen

• Beschriften Sie die beiden Enden des Schiebereglerbereichs, sofern dies nicht aufgrund einer vertikalen Ausrichtung unnötig ist.
• Verwenden Sie nach Möglichkeit nur Wort für jede Bezeichnung.
• Verwenden Sie keine Interpunktion am Ende.
• Stellen Sie sicher, dass die Beschriftungen aussagekräftig und parallel sind. Beispiele: „Maximum/Minimum“, „Mehr/Weniger“, „Niedrig/Hoch“, „Leise/Laut“.
• Verwenden Sie für Überschriften die Standardgroß- und kleinschreibung.
• Weisen Sie keine Zugriffsschlüssel zu.

Wertbeschriftungen

• Wenn Sie eine Wertbeschriftung benötigen, zeigen Sie sie unter dem Schieberegler an.

• Zentrieren Sie den Text relativ zum Steuerelement, und schließen Sie die Einheiten ein (beispielsweise Pixel).

  

  In diesem Beispiel ist die Wertbezeichnung unter dem Schieberegler zentriert und enthält die Einheiten.

Dokumentation

Wenn Sie sich auf Schieberegler beziehen:

• Verwenden Sie den exakten Bezeichnungstext, einschließlich der Großschreibung, und schließen Sie den Wortschieberegler ein. Schließen Sie den Unterstrich oder Doppelpunkt der Zugriffstaste nicht ein.
• Verwenden Sie verschieben, um die Benutzerinteraktion zu beschreiben.
• Formatieren Sie die Bezeichnung nach Möglichkeit mit fett formatiertem Text. Andernfalls setzen Sie die Bezeichnung nur in Anführungszeichen, wenn dies erforderlich ist, um Verwechslungen zu vermeiden.

Beispiel: Um die Bildschirmauflösung zu erhöhen, verschieben Sie den Schieberegler Bildschirmauflösung nach rechts.

Zugehörige Themen

Glossar