Optionsfelder

Hinweis

Dieses Entwurfshandbuch wurde für Windows 7 erstellt und wurde nicht für neuere Versionen von Windows aktualisiert. Ein Großteil der Anleitungen gilt weiterhin im Prinzip, aber die Präsentation und die Beispiele entsprechen nicht unseren aktuellen Entwurfsleitfäden.

Mit einem Optionsfeld treffen Benutzer eine Auswahl aus einer Reihe von sich gegenseitig ausschließenden, verwandten Optionen. Benutzer können nur eine Option auswählen. Optionsfelder werden so genannt, weil sie wie die Kanalvoreinstellungen auf Radios funktionieren.

Screenshot von drei Optionsfeldern

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 mithilfe der Pfeiltasten durch die Gruppe wechseln.

Hinweis

Richtlinien für Layout und Tastaturnavigation werden in einem separaten Artikel vorgestellt.

 

Ist dies das richtige Steuerelement?

Orientieren Sie sich an folgenden Fragen:

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

  • Liegt 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 Eine Auswahlliste.

  • Wäre ein Kontrollkästchen die bessere Wahl? Wenn es nur zwei Optionen gibt, 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 ganz andere 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:

      Screenshot des Kontrollkästchens

      Richtig:

      Screenshot von Optionsfeldern im Quer-/Hochformat

      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 verdeutlichen, auch wenn ein Kontrollkästchen andernfalls akzeptabel ist.

    • Verwenden Sie Optionsfelder, wenn Sie genügend Platz auf dem Bildschirm haben und die Optionen wichtig genug sind, um diesen Bildschirmraum gut zu nutzen. Verwenden Sie andernfalls ein Kontrollkästchen oder eine Dropdownliste.

      Falsch:

      Screenshot der Optionsfelder anzeigen/nicht anzeigen

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

      Richtig:

      Screenshot des Kontrollkästchens Diese Meldung nicht anzeigen

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

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

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

    • Erwägen Sie die Verwendung einer Dropdownliste, wenn Sie nicht auf die Optionen aufmerksam machen möchten oder Benutzer nicht dazu ermutigen möchten, Änderungen vorzunehmen. Eine Dropdownliste konzentriert sich auf die aktuelle Auswahl, während Optionsfelder alle Optionen gleichermaßen hervorheben.

      Screenshot von höchster Qualität als Standardschaltfläche

      In diesem Beispiel konzentriert sich eine Dropdownliste auf die aktuelle Auswahl und entmutigt Benutzer von Änderungen.

    • Ziehen Sie eine Dropdownliste in Betracht, wenn auf der Seite andere Dropdownlisten vorhanden sind.

  • Wäre eine Reihe von Befehlsschaltflächen, Befehlslinks oder eine geteilte Schaltfläche die 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 einzelnen Interaktion auswählen.

  • Stellen die Optionen Programmoptionen anstelle von Daten dar? Die Werte der Optionen sollten nicht auf Kontext oder anderen Daten basieren. Verwenden Sie für Daten eine Dropdownliste oder Eine Auswahlliste.

  • Wenn das Steuerelement auf einer Assistentenseite oder Systemsteuerung verwendet wird, ist das Steuerelement eine Antwort auf die Standard-Anweisung 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, Dropdownlisten oder Schieberegler.

Richtlinien

Allgemein

  • Listen Sie die Optionen in logischer Reihenfolge auf, z. B. die Wahrscheinlichkeit, dass sie für den niedrigsten, einfachsten Vorgang für die komplexeste oder für die meisten am wenigsten risikobehaftet ausgewählt werden. Die alphabetische Reihenfolge wird nicht empfohlen, da sie sprachabhängig 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, z. B. Keine oder Nicht zutreffend.

  • Optionsfelder lieber vertikal statt horizontal ausrichten. Die horizontale Ausrichtung ist schwieriger zu lesen und zu lokalisieren.

    Richtig:

    Screenshot der vertikalen Optionsfeldausrichtung

    In diesem Beispiel werden die Optionsfelder vertikal ausgerichtet.

    Falsch:

    Screenshot der horizontalen Optionsfeldausrichtung

    In diesem Beispiel ist die horizontale Ausrichtung schwieriger zu lesen.

  • Überdenken Sie die Verwendung von Gruppenfeldern, um Gruppen von Optionsfeldern zu organisieren– dies führt häufig zu unnötiger Bildschirmordnung.

  • Verwenden Sie keine Optionsfeldbeschriftungen als Gruppenfeldbeschriftungen.

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

    • Führen Sie Befehle aus.
    • 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 basierend auf der Auswahl dynamisch ändern.

Untergeordnete Steuerelemente

  • Platzieren Sie untergeordnete Steuerelemente rechts von oder unten (eingezogen, mit dem Optionsfeldbeschriftung geleert) das Optionsfeld und die zugehörige Bezeichnung. Beenden Sie die Optionsfeldbezeichnung mit einem Doppelpunkt.

    Screenshot des Steuerelements rechts neben der Bezeichnung

    In diesem Beispiel verwenden das Optionsfeld und das untergeordnete Steuerelement die Optionsfeldbezeichnung und die zugehörige Zugriffstaste. In diesem Fall verschieben die Pfeiltasten den Fokus vom Optionsfeld in das untergeordnete Textfeld.

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

    Screenshot des Dialogfelds

    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 derselben Ebene bei.

    Richtig:

    Screenshot von linksbündigen Optionsfeldern

    In diesem Beispiel befinden sich die Optionen auf derselben Ebene.

    Falsch:

    Screenshot geschachtelter Optionsfelder

    In diesem Beispiel erhöht die Verwendung geschachtelter Optionen unnötige Komplexität.

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

Standardwerte

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

  • Ausnahmen: Sie verfügen nicht über eine Standardauswahl, wenn:

    • Es gibt keine akzeptable Standardoption aus Sicherheits-, Sicherheits- oder rechtlichen Gründen, weshalb der Benutzer eine explizite Wahl treffen muss. Wenn der Benutzer keine Auswahl trifft, zeigen Sie eine Fehlermeldung an, 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 der Optionsfelder stellt eine Eigenschaft in einem gemischten Zustand dar, was beim Anzeigen einer Eigenschaft für mehrere Objekte geschieht, die nicht über dieselbe Einstellung verfügen. In diesem Fall wird keine Fehlermeldung angezeigt, da jedes Objekt einen gültigen Zustand aufweist.
  • Machen Sie die erste Option zur Standardoption, da Benutzer dies häufig erwarten – es sei denn, diese Reihenfolge ist nicht logisch. Hierzu müssen Sie möglicherweise die Optionsbezeichnungen ändern.

    Falsch:

    Screenshot des letzten Optionsfelds als Standardoption

    In diesem Beispiel ist die Standardoption nicht die erste Option.

    Richtig:

    Screenshot des ersten Optionsfelds als Standardeinstellung

    In diesem Beispiel werden die Optionsbezeichnungen neu formuliert, um die erste Option zur Standardoption zu machen.

Screenshot der Optionsfelddimensionierung und des Abstands

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

Bezeichnungen

Optionsfeldbeschriftungen

  • Beschriften Sie alle Optionsfelder.
  • Weisen Sie jeder Bezeichnung einen eindeutigen Zugriffsschlüssel zu. Richtlinien finden Sie unter Tastatur.

  • Verwenden Sie die Großschreibung im Satzstil.

  • Schreiben Sie die Bezeichnung 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 Bezeichnung mit einem Doppelpunkt.
  • Verwenden Sie parallele Formulierungen, und versuchen Sie, die Länge für alle Bezeichnungen ungefähr gleich zu halten.

  • Konzentrieren Sie den Bezeichnungstext auf die Unterschiede zwischen den Optionen. Wenn alle Optionen denselben Einführungstext aufweisen, verschieben Sie diesen Text in die Gruppenbezeichnung.

  • Verwenden Sie positive Formulierungen. Verwenden Sie z. B. do statt do, und print statt do not.

  • Beschreiben Sie nur die Option mit der Bezeichnung. Halten Sie Bezeichnungen kurz, damit Sie leicht in Nachrichten und Dokumentationen darauf verweisen können. Wenn die Option eine weitere Erklärung erfordert, geben Sie die Erklärung in einem statischen Textsteuerelement an, indem Sie vollständige Sätze und endende Interpunktion verwenden.

    Screenshot von Optionsfeldern mit erklärendem Text

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

    Hinweis

    Das Hinzufügen einer Erklärung zu einem Optionsfeld bedeutet nicht, dass Sie Erklärungen für alle Optionsfelder bereitstellen müssen. Geben Sie nach Möglichkeit die relevanten Informationen in der Bezeichnung an, und verwenden Sie Erklärungen nur bei Bedarf. Stellen Sie die Bezeichnung nicht einfach auf Konsistenz um.

     

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

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

  • Wenn Sie mehrzeilige Bezeichnungen verwenden müssen, richten Sie den oberen Rand der Bezeichnung mit dem Optionsfeld aus.

  • Verwenden Sie kein untergeordnetes Steuerelement, die darin enthaltenen Werte oder dessen Einheitenbezeichnung, um einen Satz oder Ausdruck zu erstellen. Ein solcher Entwurf ist nicht lokalisierbar, da die Satzstruktur je nach Sprache variiert.

Optionsfeldgruppenbeschriftungen

  • Verwenden Sie die Gruppenbezeichnung, um den Zweck der Gruppe zu erläutern, und nicht, wie die Auswahl getroffen werden soll. Angenommen, Benutzer wissen, wie Optionsfelder verwendet werden. Sagen Sie beispielsweise nicht "Wählen Sie eine der folgenden Optionen aus".

  • Alle Optionsfeldgruppen benötigen Bezeichnungen. Schreiben Sie die Bezeichnung als Wort oder Ausdruck, nicht als Satz, und enden Sie mit einem Doppelpunkt, indem Sie statischen Text oder ein Gruppenfeld verwenden.

    Ausnahme: Lassen Sie die Bezeichnung weg, wenn es sich lediglich um eine Neuauflage der Standard-Anweisung eines Dialogfelds handelt. In diesem Fall übernimmt die Standard-Anweisung den Doppelpunkt (es sei denn, es handelt sich um eine Frage) und den Zugriffsschlüssel (falls vorhanden).

    Annehmbar:

    Screenshot der Bezeichnung redundanter Optionsfeldgruppen

    In diesem Beispiel ist die Optionsfeldgruppenbezeichnung nur eine Neuauflage der Standard-Anweisung.

    Empfohlen:

    Screenshot des Optionsfelds Standard Anweisung

    In diesem Beispiel wird die redundante Bezeichnung entfernt, sodass die Standard-Anweisung den Doppelpunkt übernimmt.

  • Weisen Sie der Bezeichnung keinen Zugriffsschlüssel zu. Dies ist nicht erforderlich und erschwert die Zuweisung der anderen Zugriffsschlüssel.

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

Dokumentation

Wenn sie auf Optionsfelder verweisen:

  • Verwenden Sie den exakten Bezeichnungstext, einschließlich der Großschreibung, aber nicht den Unterstrich oder Doppelpunkt der Zugriffstaste.
  • In der Programmierung und anderen technischen Dokumentationen werden Optionsfelder als Optionsfelder bezeichnet. Überall sonst verwenden Sie Optionsschaltflächen, insbesondere in der Benutzerdokumentation.
  • Verwenden Sie klicken, um die Benutzerinteraktion zu beschreiben.
  • Formatieren Sie die Bezeichnung nach Möglichkeit mit fettem Text. Andernfalls setzen Sie die Bezeichnung nur in Anführungszeichen, wenn dies erforderlich ist, um Verwechslungen zu vermeiden.

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