Optionsfelder

Mit einem Optionsfeld treffen Benutzer eine Auswahl zwischen einer Reihe sich gegenseitig ausschließenden, verwandten Optionen. Benutzer können eine und nur eine Option auswählen. Optionsfelder werden so aufgerufen, da sie wie die Kanalvoreinstellungen für Radios funktionieren.

Eine typische Gruppe von Optionsfeldern.

Eine Gruppe von Optionsfeldern verhält sich wie ein einzelnes Steuerelement. Nur auf die ausgewählte Auswahl kann mithilfe der TAB-TASTE zugegriffen werden, aber Benutzer können die Gruppe mithilfe der Pfeiltasten durchlaufen.

Ist dies das richtige Steuerelement?

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

• Wird das Steuerelement verwendet, um eine Option aus einer Reihe sich gegenseitig ausschließenden Auswahlmöglichkeiten auszuwählen? Wenn nicht, verwenden Sie ein anderes Steuerelement. Um mehrere Optionen auszuwählen, verwenden Sie stattdessen Kontrollkästchen, eine Mehrfachauswahlliste oder eine Kontrollkästchenliste.

• Gibt es die Anzahl der Optionen zwischen zwei und sieben? Da der verwendete Bildschirmbereich proportional zur Anzahl der Optionen ist, behalten Sie die Anzahl der Optionen in einer Gruppe zwischen zwei und sieben bei. Verwenden Sie für acht oder mehr Optionen eine Dropdownliste oder einzelauswahlliste.

• Wäre ein Kontrollkästchen eine bessere Wahl? Wenn nur zwei Optionen vorhanden sind, können Sie stattdessen ein einzelnes Kontrollkästchen verwenden. Kontrollkästchen eignen sich jedoch nur zum Aktivieren oder Deaktivieren einer einzelnen Option, während Optionsfelder für völlig unterschiedliche Alternativen verwendet werden können. Wenn beide Lösungen möglich sind:

  • Verwenden Sie Optionsfelder, wenn die Bedeutung des deaktivierten Kontrollkästchens nicht vollständig offensichtlich ist.

    Falsch:

    

    Richtig:

    

    Im richtigen Beispiel sind die Auswahlmöglichkeiten keine Gegensätze, sodass Optionsfelder die bessere Wahl sind.

  • Verwenden Sie Optionsfelder auf Assistentenseiten, um die Alternativen zu deaktivieren, auch wenn ein Kontrollkästchen andernfalls akzeptabel ist.

  • Verwenden Sie Optionsfelder, wenn Sie über genügend Platz auf dem Bildschirm verfügen und die Optionen wichtig genug sind, um einen guten Bildschirmbereich zu nutzen. Verwenden Sie andernfalls ein Kontrollkästchen oder eine Dropdownliste.

    Falsch:

    

    In diesem Beispiel sind die Optionen nicht wichtig genug, um Optionsfelder zu verwenden.

    Richtig:

    

    In diesem Beispiel ist ein Kontrollkästchen eine effiziente Verwendung des Bildschirmbereichs für diese Peripherieoption.

  • Verwenden Sie ein Kontrollkästchen, wenn auf der Seite andere Kontrollkästchen vorhanden sind.

• Wäre eine Dropdownliste eine bessere Wahl? Wenn die Standardoption für die meisten Benutzer in den meisten Situationen empfohlen wird, können Optionsfelder mehr Aufmerksamkeit auf die Optionen lenken, als erforderlich.

  • Erwägen Sie die Verwendung einer Dropdownliste, wenn Sie die Aufmerksamkeit nicht auf die Optionen lenken möchten, oder Sie möchten die Benutzer nicht ermutigen, Änderungen vorzunehmen. Eine Dropdownliste konzentriert sich auf die aktuelle Auswahl, während Optionsfelder alle Optionen gleichmäßig hervorheben.

    

    In diesem Beispiel konzentriert sich eine Dropdownliste auf die aktuelle Auswahl und hindert Benutzer daran, Änderungen vorzunehmen.

  • Erwägen Sie eine Dropdownliste, wenn auf der Seite andere Dropdownlisten vorhanden sind.

• Wäre eine Reihe von Befehlsschaltflächen, Befehlslinks oder eine geteilte Schaltfläche eine bessere Wahl? Wenn die Optionsfelder nur verwendet werden, um die Ausführung eines Befehls zu beeinflussen, ist es häufig besser, stattdessen die Befehlsvariationen darzustellen. Auf diese Weise können Benutzer den richtigen Befehl mit einer einzigen Interaktion auswählen.

• Zeigen die Optionen Programmoptionen anstelle von Daten an? Die Werte der Optionen sollten nicht auf Kontext oder anderen Daten basieren. Verwenden Sie für Daten eine Dropdownliste oder eine Einzelauswahlliste.

• Wenn das Steuerelement auf einer Assistentenseite oder Systemsteuerung verwendet wird, ist das Steuerelement eine Antwort auf die Hauptanweisung und können Benutzer die Auswahl später ändern? Wenn ja, sollten Sie befehlslinks anstelle von Optionsfeldern verwenden, um die Interaktion effizienter zu gestalten.

• Sind die Werte nicht numerisch? Verwenden Sie für numerische Daten Textfelder, Dropdownlistenoder Schieberegler.

Leitlinien

Allgemein

• Listen Sie die Optionen in einer logischen Reihenfolge auf,, z. B. am wahrscheinlichsten, am wenigsten, einfachsten Vorgang für die meisten komplexen oder am wenigsten riskant ist. Alphabetische Sortierung wird nicht empfohlen, da sie von der Sprache abhängig ist und daher nicht lokalisierbar ist.

• Wenn keine der Optionen eine gültige Option ist, fügen Sie eine weitere Option hinzu, um diese Auswahl widerzuspiegeln, wie "Keine" oder "Gilt nicht".

• Bevorzugen Sie es, Optionsfelder vertikal statt horizontal auszurichten. Die horizontale Ausrichtung ist schwieriger zu lesen und zu lokalisieren.

  Richtig:

  

  In diesem Beispiel werden die Optionsfelder vertikal ausgerichtet.

  Falsch:

  

  In diesem Beispiel ist die horizontale Ausrichtung schwieriger zu lesen.

• Überdenken Sie die Verwendung von Gruppenfeldern, um Gruppen von Optionsfeldernzu organisieren . Dies führt häufig zu unnötigem Unübersichtlichkeitsbildschirm.

• Keine Optionsfeldbeschriftungen als Gruppenfeldbeschriftungen verwenden.

• Verwenden Sie die Auswahl eines Optionsfelds nicht für:

  • Ausführen von Befehlen.
  • Zeigen Sie andere Fenster an, z. B. ein Dialogfeld, um weitere Eingaben zu sammeln.
  • Dynamisches Ein- oder Ausblenden anderer Steuerelemente im Zusammenhang mit dem ausgewählten Steuerelement (Bildschirmsprachausgaben können solche Ereignisse nicht erkennen). Sie können Text jedoch dynamisch basierend auf der Auswahl ändern.

Untergeordnete Steuerelemente

• Platzieren Sie untergeordnete Steuerelemente rechts von oder darunter (eingerückt, mit der Optionsfeldbezeichnung geleert) das Optionsfeld und dessen Beschriftung. Beenden Sie die Optionsfeldbezeichnung mit einem Doppelpunkt.

  

  In diesem Beispiel teilen das Optionsfeld und das untergeordnete Steuerelement die Optionsfeldbezeichnung und dessen Zugriffstaste. In diesem Fall verschieben die Pfeiltasten den Fokus vom Optionsfeld zum untergeordneten Textfeld.

• Lassen Sie abhängige bearbeitbare Textfelder und Dropdownlisten aktiviert, wenn sie die Beschriftung des Optionsfelds freigeben. Wenn Benutzer etwas in das Feld eingeben oder einfügen, wählen Sie die entsprechende Option automatisch aus. Dadurch wird die Interaktion vereinfacht.

  

  In diesem Beispiel wählt die Eingabe einer Seitenzahl automatisch "Seiten" aus.

• Vermeiden Sie das Verschachteln von Optionsfeldern mit anderen Optionsfeldern oder Kontrollkästchen. Wenn möglich, behalten Sie alle Optionen auf der gleichen Ebene bei.

  Richtig:

  

  In diesem Beispiel befinden sich die Optionen auf derselben Ebene.

  Falsch:

  

  In diesem Beispiel wird durch die Verwendung geschachtelter Optionen eine unnötige Komplexität hinzugefügt.

• Wenn Sie Optionsfelder mit anderen Optionsfeldern oder Kontrollkästchen verschachteln, diese untergeordneten Steuerelemente deaktivieren, bis die Option auf hoher Ebene aktiviert ist. Dies vermeidet Verwirrung über die Bedeutung der untergeordneten Steuerelemente.

Standardwerte

• Da eine Gruppe von Optionsfeldern eine Reihe sich gegenseitig ausschließenden Optionen darstellt, immer ein Optionsfeld standardmäßig ausgewählt haben. Wählen Sie den sichersten (um Datenverlust oder Systemzugriff zu verhindern) und die sicherste und private Option aus. Wenn Sicherheit und Sicherheit keine Faktoren sind, wählen Sie die wahrscheinlichste oder bequeme Option aus.

• Ausnahmen: Haben Sie keine Standardauswahl, wenn:

  • Es gibt keine akzeptable Standardoption aus Sicherheits-, Sicherheits- oder rechtlichen Gründen und daher muss der Benutzer eine explizite Wahl treffen. Wenn der Benutzer keine Auswahl vorgibt, wird eine Fehlermeldung angezeigt, um eine zu erzwingen.
  • Die Benutzeroberfläche muss den aktuellen Zustand widerspiegeln und die Option wurde noch nicht festgelegt. Ein Standardwert würde fälschlicherweise bedeuten, dass der Benutzer keine Auswahl treffen muss.
  • Ziel ist es, unvoreingenommene Daten zu sammeln. Standardwerte würden die Datensammlung voreingenommen.
  • Die Gruppe von Optionsfeldern stellt eine Eigenschaft in einem gemischten Zustanddar. Dies geschieht beim Anzeigen einer Eigenschaft für mehrere Objekte, die nicht über dieselbe Einstellung verfügen. Zeigen Sie in diesem Fall keine Fehlermeldung an, da jedes Objekt über einen gültigen Zustand verfügt.

• Stellen Sie die erste Option als Standardoption, da Benutzer diese Option häufig erwarten – es sei denn, diese Reihenfolge ist nicht logisch. Dazu müssen Sie möglicherweise die Optionsbezeichnungen ändern.

  Falsch:

  

  In diesem Beispiel ist die Standardoption nicht die erste Option.

  Richtig:

  

  In diesem Beispiel werden die Optionsbeschriftungen umgeschrieben, um die erste Option zur Standardoption zu machen.

Empfohlene Größenanpassung und Abstand

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

Etiketten

Optionsfeldbeschriftungen

• Beschriften Sie jedes Optionsfeld.

• Weisen Sie jeder Bezeichnung eine eindeutige Zugriffstaste zu. Richtlinien finden Sie unter Tastatur-.

• Verwenden Sie Groß-/Kleinschreibung im Satzformat.

• Schreiben Sie die Beschriftung als Ausdruck, nicht als Satz, und verwenden Sie keine endende Interpunktion.

  • Ausnahme: Wenn eine Optionsfeldbeschriftung auch ein untergeordnetes Steuerelement beschriftet, das darauf folgt, beenden Sie die Beschriftung mit einem Doppelpunkt.

• Verwenden Sie parallele Ausdrücke, und versuchen Sie, die Länge für alle Bezeichnungen ungefähr gleich zu halten.

• Konzentrieren Sie den Beschriftungstext auf die Unterschiede zwischen den Optionen. Wenn alle Optionen denselben Einführungstext haben, verschieben Sie diesen Text in die Gruppenbeschriftung.

• Verwenden Sie positive Ausdrücke. Verwenden Sie z. B. "Do" statt "do not" und "Print" anstelle von "Nicht drucken".

• Beschreiben Sie nur die Option mit der Bezeichnung. Halten Sie Etiketten kurz, damit sie in Nachrichten und Dokumentationen leicht darauf verweisen können. Wenn die Option eine weitere Erläuterung erfordert, geben Sie die Erläuterung in einem statischen Text Steuerelement mit vollständigen Sätzen und endenden Interpunktionszeichen an.

  

  In diesem Beispiel werden die Optionen mithilfe separater statischer Textsteuerelemente erläutert.

  Anmerkung

  Das Hinzufügen einer Erklärung zu einem Optionsfeld bedeutet nicht, dass Sie Erklärungen für alle Optionsfelder angeben müssen. Geben Sie die relevanten Informationen in der Bezeichnung an, falls möglich, und verwenden Sie erklärungen nur bei Bedarf. Verwenden Sie die Bezeichnung nicht nur für die Konsistenz.

   

• Wenn eine Option dringend empfohlen wird, fügen Sie der Bezeichnung "(empfohlen)" hinzu. Achten Sie darauf, der Steuerelementbezeichnung und nicht den ergänzenden Notizen hinzuzufügen.

• Wenn eine Option nur für erweiterte Benutzer vorgesehen ist, fügen Sie der Bezeichnung "(erweitert)" hinzu. Achten Sie darauf, der Steuerelementbezeichnung und nicht den ergänzenden Notizen hinzuzufügen.

• Wenn Sie mehrzeilige Etiketten verwenden müssen, richten Sie den oberen Rand des Etiketts mit dem Optionsfeld aus.

• Verwenden Sie kein untergeordnetes Steuerelement, die darin enthaltenen Werte oder die Beschriftung der Einheiten, um einen Satz oder Ausdruck zu erstellen. Ein solcher Entwurf ist nicht lokalisierbar, da sich die Satzstruktur je nach Sprache unterscheidet.

Optionsfeldgruppenbeschriftungen

• Verwenden Sie die Gruppenbezeichnung, um den Zweck der Gruppe zu erläutern und nicht, wie Sie die Auswahl treffen. Gehen Sie davon aus, dass Benutzer wissen, wie Optionsfelder verwendet werden. Sagen Sie z. B. nicht "Wählen Sie eine der folgenden Optionen aus".

• Alle Optionsfeldgruppen benötigen Bezeichnungen. Schreiben Sie die Beschriftung als Wort oder Ausdruck, nicht als Satz, endet mit einem Doppelpunkt mit statischem Text oder einem Gruppenfeld.

  Ausnahme: Lassen Sie die Bezeichnung aus, wenn es sich lediglich um eine Restatement der Hauptanweisung eines Dialogfeldshandelt. In diesem Fall übernimmt die Hauptanweisung den Doppelpunkt (es sei denn, es handelt sich um eine Frage) und zugriffstaste (sofern vorhanden).

  akzeptabel:

  

  In diesem Beispiel ist die Optionsfeldgruppenbezeichnung nur eine Beschriftung der Hauptanweisung.

  Besser:

  

  In diesem Beispiel wird die redundante Bezeichnung entfernt, sodass die Hauptanweisung den Doppelpunkt verwendet.

• Weisen Sie der Bezeichnung keine Zugriffstaste zu. Dies ist nicht erforderlich und macht die anderen Zugriffstasten schwieriger zuzuweisen.

  • Ausnahme: Wenn nicht alle Steuerelemente über eindeutige Zugriffstasten verfügen können, können Sie der Bezeichnung anstelle der einzelnen Steuerelemente eine Zugriffstaste zuweisen. Weitere Informationen finden Sie unter Tastatur.

Dokumentation

Beim Verweisen auf Optionsfelder:

• Verwenden Sie den exakten Beschriftungstext, einschließlich der Groß-/Kleinschreibung, aber nicht den Unterstrich oder den Doppelpunkt der Zugriffstaste.
• In der Programmierung und anderen technischen Dokumentationen beziehen Sie sich auf Optionsfelder als Optionsfelder. Überall sonst werden Optionsfelder verwendet, insbesondere in der Benutzerdokumentation.
• Um die Benutzerinteraktion zu beschreiben, verwenden Sie Klick.
• Formatieren Sie die Beschriftung nach Möglichkeit mit fett formatiertem Text. Platzieren Sie andernfalls die Beschriftung nur dann in Anführungszeichen, wenn dies erforderlich ist, um Verwirrung zu vermeiden.

Beispiel: Klicken Sie auf Aktuelle Seite, und klicken Sie dann auf OK.