Drehsteuerelemente

Mit einem Drehsteuerelement können Benutzer auf Pfeilschaltflächen klicken, um den Wert inkrementell innerhalb des zugeordneten numerischen Textfeldszu ändern. Das Begriffsdrehfeld bezieht sich auf die Kombination eines Textfelds und des zugehörigen Drehsteuerelements.

Ein typisches Drehfeld.

Benutzer bevorzugen häufig Drehsteuerungen, da sie Änderungen vornehmen können, ohne ihre Hände von der Maus zu bewegen. Wenn das Drehsteuerelement mit einem Textfeld gekoppelt ist, können Benutzer Eingaben direkt in das Textfeld eingeben oder einfügen, sodass die Verwendung des Drehsteuerelements optional ist.

Während Drehsteuerelemente für numerische Eingaben verwendet werden, muss die Eingabe keine reine ganze Zahl sein. Die Eingabe kann Dezimalzahlen sein und negative Zeichen, Trennzeichen (z. B. Doppelpunkte oder Bindestriche) und Einheitenmodifizierer aufweisen.

Ist dies das richtige Steuerelement?

Berücksichtigen Sie die folgenden Fragen, um sich zu entscheiden:

• Wird das Steuerelement für numerische Eingaben verwendet? Verwenden Sie andernfalls ein anderes Steuerelement, z. B. eine Dropdownliste oder Schieberegler, um aus einer festen Gruppe von Werten auszuwählen. Verwenden Sie Bildlaufleisten zum Scrollen.

• Denken Benutzer an den Wert als relative Menge, nicht an einen numerischen Wert? Wenn ja, verwenden Sie stattdessen einen Schieberegler. Verwenden Sie Drehfelder nur für genaue, bekannte numerische Werte. Benutzer denken z. B. darüber nach, ihre Audiolautstärke auf "niedrig" oder "mittel" festzulegen , nicht über das Festlegen des Werts auf 2 oder 5.

• Ist das Steuerelement mit einem Textfeld gekoppelt? Wenn nicht, verwenden Sie sie nicht. Drehsteuerelemente sollten nicht allein oder mit anderen Steuerelementtypen außer einem Textfeld verwendet werden.

  Falsch:

  

  In diesem Beispiel wird ein Drehsteuerelement verwendet, um eine dynamische Grafik zu steuern.

• Sind zusammenhängende Wertebereiche gültig? Wenn dies nicht der Fall ist, verwenden Sie stattdessen eine Dropdownliste mit gültigen Werten.

  

  In diesem Beispiel sind nicht alle Laufwerknummern gültig, daher ist eine Dropdownliste eine bessere Wahl.

• Ist die Drehsteuerung praktisch? Die Verwendung eines Drehsteuerelements ist praktisch für:

  • Geben Sie eine kleine Zahl ein, in der Regel unter 100.
  • Kleine Änderungen an einem vorhandenen oder Standardwert vornehmen.

  Während Drehsteuerelemente für jede numerische Eingabe verwendet werden können, sind sie in anderen Situationen als diesen ineffizient.

• Ist das Drehsteuerelement hilfreich? Wird das Steuerelement in einem Kontext verwendet, in dem Benutzer wahrscheinlich ihre Maus verwenden? Wenn nicht, ziehen Sie ein Drehsteuerelement optional in Betracht.

• Sind die Dropdownlisten für gleichgeordnete Steuerelemente vorhanden? Wenn andere Dropdownlisten vorhanden sind, sollten Sie eine Dropdownliste zur Konsistenz verwenden.

  

  In diesem Beispiel kann ein Drehfeld verwendet werden, aber eine Dropdownliste wird zur Konsistenz verwendet.

• Sind Touch- oder Stiftbenutzer ein primäres Ziel? In diesem Fall sollten Sie stattdessen eine Dropdownliste verwenden. Die Pfeiltasten in einem Drehsteuerelement sind zu klein, um effizient mit Toucheingabe oder Stift verwendet zu werden.

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

• Der Bildschirmbereich ist eng.
• Ein Benutzer bevorzugt wahrscheinlich die Verwendung der Tastatur.

Verwenden Sie einen Schieberegler, wenn:

• Benutzer profitieren von sofortigem Feedback.

Leitlinien

Allgemein

• Verwenden Sie Drehsteuerungen, wenn sie praktisch und hilfreich sind. Lesen Sie Ist dies das richtige Steuerelement?

  • Ausnahme: Verwenden Sie Drehsteuerelemente, auch wenn sie nicht immer praktisch sind, um mit anderen Textfeldern auf derselben Benutzeroberfläche konsistent zu sein.

  Richtig:

  

  In diesem Beispiel wird ein Drehsteuerelement mit dem Jahressteuerelement zur Konsistenz verwendet, obwohl es nicht immer praktisch ist.

  Falsch:

  

  In diesem Beispiel ist das Drehsteuerelement nicht verwendbar.

• Machen Sie immer ein Drehsteuerelement zum "Kumpel" des Textfelds. Dadurch wird das Drehsteuerelement innerhalb des Textfelds platziert.

  Richtig:

  

  Falsch:

  

  Im richtigen Beispiel wird das Drehsteuerelement innerhalb des zugeordneten Textfelds platziert.

• Deaktivieren Sie ein Drehsteuerelement, wenn das zugehörige Textfeld deaktiviert ist. Das Drehsteuerelement ist eine zusätzliche Eingabemethode – niemals die einzige Eingabemethode.

Werte

• Definieren Sie die obere Schaltfläche, um den Wert um eine Einheit und die untere Schaltfläche zu erhöhen, um um eine Einheit zu verringern. In der Regel ist die Einheit eine, aber es sollte die kleinste gemeinsame Änderung des Werts sein. Im Idealfall sollte das Drehsteuerelement alle gültigen Werte abdecken, und es sollte bequemer sein, als in den Text einzugeben.

  

  In diesem Beispiel ändert das Klicken auf ein Drehungssteuerelement die Werte um 0,1. Dies ist die kleinste gemeinsame Änderung des Werts. Die Verwendung einer kleineren Einheit würde den Bereich gültiger Werte abdecken, aber die Drehsteuerelemente können nicht verwendet werden.

• Verwenden Sie das Drehsteuerelement, um die Eingabe auf gültige Werte zu beschränken. Die Verwendung eines Drehsteuerelements sollte niemals zu einem falschen Wert führen.

• Starten Sie den Bereich am Ende eines Gültigen Wertebereichs neu. Die Drehsteuerungsmetapher besteht darin, dass der Benutzer ein Rad mit Werten dreht, daher dieses radähnliche Verhalten.

  • Ausnahme: Starten Sie den Bereich nicht neu, wenn der resultierende Wert nicht korrekt ist.

    

    In diesem Beispiel wird durch Klicken auf die Nach-unten-Taste der Bereich nicht neu gestartet (durch Wechseln zum Maximalwert), da dieser Wert sicher ist, dass er falsch ist.

• Verwenden Sie Text anstelle spezieller numerischer Werte. Ermöglichen Sie Benutzern das Drehen auf diese speziellen Werte, anstatt sie kennen zu müssen und sie einzugeben.

  

  In diesem Beispiel ist "Nie" ein besonderer Wert, aber Benutzer können darauf drehen.

• Wenn der Wert Trennzeichen aufweist, sollte das zugeordnete Textfeld mehrere Eingabefokuspunkte aufweisen. Auf diese Weise können die numerischen Segmente einzeln bearbeitet werden.

  

  In diesem Beispiel wirkt sich das Drehsteuerelement auf die Werte für Stunden, Minuten, Sekunden und A.M./P.M. aus – je nachdem, welcher Fokus den Fokus hat.

• Wenn der Wert Einheiten enthält, verwenden Sie das Drehsteuerelement, um diese Einheiten ebenfalls zu ändern.

  

  In diesem Beispiel kann das Drehsteuerelement verwendet werden, um Einheiten zu ändern.

Etiketten

• Wenden Sie die Textfeldbezeichnungen Richtlinien auf die Beschriftung des zugeordneten Textfelds an. Drehsteuerelemente werden nie direkt beschriftet.

Dokumentation

Beim Verweisen auf Drehsteuerelemente:

• Verweisen Sie nicht auf Drehsteuerelemente in der Benutzerdokumentation. Verweisen Sie stattdessen auf die Beschriftung des zugeordneten Textfelds.
• Informationen zu Drehsteuerelementen und Drehfeldern finden Sie nur in der Programmierung und anderen technischen Dokumentationen.

Beispiel: Geben Sie im Feld Datum den Teil des Datums ein, den Sie ändern möchten, oder wählen Sie diesen aus.

Verwandte Themen

Glossar-