Freigeben über


Kontrollkästchen

Anmerkung

Dieses Designhandbuch wurde für Windows 7 erstellt und wurde für neuere Versionen von Windows nicht aktualisiert. Ein Großteil der Anleitungen gilt weiterhin im Prinzip, aber die Präsentation und Beispiele spiegeln nicht unsere aktuelle Designleitfadenwider.

Mit einem Kontrollkästchen treffen Benutzer eine Entscheidung zwischen zwei eindeutig entgegengesetzten Auswahlmöglichkeiten. Die Kontrollkästchenbezeichnung gibt den ausgewählten Zustand an, während die Bedeutung des deaktivierten Zustands das eindeutige Gegenteil des ausgewählten Zustands sein muss. Daher sollten Kontrollkästchen nur verwendet werden, um eine Option ein- oder auszuschalten oder ein Element auszuwählen oder zu deaktivieren.

Screenshot eines von vier aktivierten Kontrollkästchen

Eine typische Gruppe von Kontrollkästchen.

Anmerkung

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

Ist dies das richtige Steuerelement?

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

  • Wird das Kontrollkästchen verwendet, um eine Option ein- oder auszuschalten oder um ein Element zu aktivieren oder zu deaktivieren? Wenn nicht, verwenden Sie ein anderes Steuerelement.

  • Sind die ausgewählten und gelöschten Zustände klare und eindeutige Gegensätze? Verwenden Sie andernfalls Optionsfelder oder eine Dropdownliste, damit Sie die Zustände unabhängig bezeichnen können.

  • Wenn sie in einer Gruppe verwendet wird, besteht die Gruppe aus unabhängigen Auswahlmöglichkeiten, von denen benutzer möglicherweise null oder mehr wählen können? Andernfalls sollten Sie Steuerelemente für abhängige Auswahlmöglichkeiten in Betracht ziehen, z. B. Optionsfelder und Kontrollkästchenstrukturansichten.

  • Wenn sie in einer Gruppe verwendet wird, umfasst die Gruppe abhängige Auswahlmöglichkeiten, von denen benutzer eine oder mehrere auswählen müssen? Verwenden Sie in diesem Fall eine Gruppe von Kontrollkästchen, und behandeln Sie den Fehler, wenn keine der Optionen ausgewählt ist.

  • Gibt es die Anzahl der Optionen in einer Gruppe 10 oder weniger? Da der verwendete Bildschirmbereich proportional zur Anzahl der Optionen ist, halten Sie die Anzahl der Kontrollkästchen auf 10 oder weniger. Verwenden Sie für mehr als 10 Optionen eine Kontrollkästchenliste.

  • Wäre ein Optionsfeld eine bessere Wahl? Wenn Kontrollkästchen nur zum Aktivieren oder Deaktivieren einer Option geeignet sind, können Optionsfelder für völlig unterschiedliche Optionen verwendet werden. Wenn beide Lösungen möglich sind:

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

      Falsch:

      Screenshot eines Kontrollkästchens mit einer Beschriftung im Querformat

      In diesem Beispiel ist die entgegengesetzte Auswahl aus "Querformat" nicht deaktiviert, daher ist das Kontrollkästchen keine gute Wahl.

      Richtig:

      Screenshot von zwei Optionsfeldern

      In diesem 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:

      Screenshot der Bildschirmpräsentation und keine Schaltflächen zum Anzeigen des Verhältnisses

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

      Richtig:

      Screenshot des Kontrollkästchens ohne Meldung

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

  • Verwenden Sie ein Kontrollkästchen, wenn im Fenster andere Kontrollkästchen vorhanden sind.

  • Gibt die Option anstelle von Daten eine Programmoption an? Die Werte der Option sollten nicht auf Kontext oder anderen Daten basieren. Verwenden Sie für Daten eine Kontrollkästchenliste oder Mehrfachauswahlliste.

Verwendungsmuster

Kontrollkästchen weisen mehrere Verwendungsmuster auf:

Verwendung Beispiel
Eine einzelne Auswahl Ein einzelnes Kontrollkästchen wird verwendet, um eine einzelne Auswahl auszuwählen.
Screenshot eines Kontrollkästchens mit
Ein einzelnes Kontrollkästchen wird für eine einzelne Auswahl verwendet.
Unabhängige Auswahlmöglichkeiten (null oder mehr) Eine Gruppe von Kontrollkästchen wird verwendet, um aus einer Gruppe von Null oder mehr Auswahlmöglichkeiten auszuwählen.
Im Gegensatz zu Steuerelementen mit einer Auswahl, z. B. Optionsfelder, können Benutzer eine beliebige Kombination von Optionen in einer Gruppe von Kontrollkästchen auswählen.
Screenshot von zwei von drei aktivierten Kontrollkästchen
Eine Gruppe von Kontrollkästchen wird für unabhängige Auswahlmöglichkeiten verwendet.
Abhängige Auswahlmöglichkeiten (eine oder mehrere) Eine Gruppe von Kontrollkästchen kann auch verwendet werden, um eine oder mehrere Auswahlmöglichkeiten auszuwählen.
müssen Sie möglicherweise eine Auswahl einer oder mehrerer abhängiger Optionendarstellen. da Microsoft?windows nicht über ein Steuerelement verfügt, das diese Art von Eingabe direkt unterstützt, besteht die beste Lösung darin, eine Gruppe von Kontrollkästchen zu verwenden und den Fehler zu behandeln, wenn keine der Optionen ausgewählt ist.
Screenshot eines von zwei aktivierten Kontrollkästchen
Es wird eine Gruppe von Kontrollkästchen verwendet, bei denen mindestens ein Protokoll ausgewählt werden muss.
Gemischte Auswahl Zusätzlich zu den ausgewählten und deaktivierten Zuständen weisen Kontrollkästchen auch einen gemischten Zustand für mehrfache Auswahl auf, um anzugeben, dass die Option für einige, aber nicht alle Objekte festgelegt ist.
Screenshot eines vollblauen schreibgeschützten Kontrollkästchens
Ein Kontrollkästchen für gemischten Zustand.

Leitlinien

Allgemein

  • Gruppenbezogene Kontrollkästchen. Kombinieren Sie verwandte Optionen und trennen Sie nicht verwandte Optionen in Gruppen von 10 oder weniger, und verwenden Sie bei Bedarf mehrere Gruppen.

    Screenshot verwandter und nicht verwandter Kontrollkästchen

    Ein Beispiel für Gruppen verwandter, unabhängiger Optionen.

  • Überdenken Sie die Verwendung von Gruppenfeldern, um Gruppen von Kontrollkästchen zu organisieren, dies häufig zu unnötigem Übersichtlichkeit auf dem Bildschirm führt.

  • Kontrollkästchen in einer logischen Reihenfolgeauflisten, z. B. das Gruppieren hoch verwandter Optionen oder das Platzieren der am häufigsten verwendeten Optionen zuerst oder nach einer anderen natürlichen Entwicklung. Alphabetische Sortierung wird nicht empfohlen, da sie von der Sprache abhängig ist und daher nicht lokalisierbar ist.

  • Kontrollkästchen vertikal ausrichten, nicht horizontal. Horizontale Ausrichtung ist schwieriger zu lesen.

    Richtig:

    Screenshot der Kontrollkästchen vertikal

    In diesem Beispiel werden die Kontrollkästchen richtig ausgerichtet.

    Falsch:

    Screenshot der Kontrollkästchen horizontal

    In diesem Beispiel ist die horizontale Ausrichtung schwieriger zu lesen.

  • Verwenden Sie nicht den gemischten Zustand, um einen dritten Zustand darzustellen. Der gemischte Zustand wird verwendet, um anzugeben, dass eine Option für einige, aber nicht alle untergeordneten Objekte festgelegt ist. Benutzer sollten keinen gemischten Zustand direkt festlegen können, sondern der gemischte Zustand ist eine Spiegelung der untergeordneten Objekte. Der gemischte Zustand wird nicht als Dritter Zustand für ein einzelnes Element verwendet. Um einen dritten Zustand darzustellen, verwenden Sie stattdessen Optionsfelder oder eine Dropdownliste.

    Falsch:

    Screenshot des Kontrollkästchens

    In diesem Beispiel soll der gemischte Zustand angeben, dass der Designdienst nicht installiert ist.

    Richtig:

    Screenshot der Dropdownliste mit drei Optionen

    In diesem Beispiel können Benutzer aus einer Liste mit drei klaren Optionen auswählen.

  • Wenn Sie auf ein Kontrollkästchen für gemischten Zustand klicken, sollten alle ausgewählten, alle deaktivierten und die ursprünglichen gemischten Zustände durchlaufen. Zur Vergebung ist es wichtig, den ursprünglichen gemischten Zustand wiederherzustellen, da die Einstellungen für den Benutzer möglicherweise komplex oder unbekannt sind. Andernfalls würde die einzige Möglichkeit zum Wiederherstellen des gemischten Zustands mit Vertrauen darin sein, den Vorgang abzubrechen und zu beginnen.

  • Verwenden Sie keine Kontrollkästchen als Statusanzeige. Verwenden Sie stattdessen eine Statusanzeige Steuerelement.

    Falsch:

    Screenshot von vier Kontrollkästchen, die den Fortschritt

    In diesem Beispiel werden Kontrollkästchen fälschlicherweise als Statusanzeige verwendet.

    Richtig:

    Screenshot einer teilweise gefüllten Statusanzeige

    Beispiel für eine typische Statusanzeige.

  • Deaktivierte Kontrollkästchen mithilfe des richtigen Auswahlzustands anzeigen. Auch wenn Benutzer sie nicht ändern können, vermitteln deaktivierte Kontrollkästchen Informationen, damit sie mit ergebnissen konsistent sein sollten.

    Falsch:

    Screenshot eines von zwei Kontrollkästchen abgeblendet

    In diesem Beispiel sollte die Option "Diesen Abschnitt immer laut vorlesen" gelöscht werden, da der Abschnitt nicht gelesen wird, wenn die Option deaktiviert ist.

  • Verwenden Sie die Auswahl eines Kontrollkästchens nicht, um:

    • Ausführen von Befehlen.
    • Zeigen Sie andere Fenster an, z. B. ein Dialogfeld, um weitere Eingaben zu sammeln.
    • Dynamisches Anzeigen anderer Steuerelemente im Zusammenhang mit dem ausgewählten Steuerelement (Bildschirmsprachausgaben können solche Ereignisse nicht erkennen).

Dieses <Element nicht mehr anzeigen>

  • Erwägen Sie, dieses <Element nicht anzuzeigen,> Option erneut zu verwenden, damit Benutzer ein Wiederkehrendes Dialogfeld nur unterdrücken können, wenn keine bessere Alternative vorhanden ist. Versuchen Sie, vorher zu ermitteln, ob Benutzer das Dialogfeld wirklich benötigen; wenn sie dies tun, zeigen Sie immer das Dialogfeld an, und entfernen Sie das Dialogfeld, falls nicht.

Weitere Richtlinien und Beispiele finden Sie unter Dialogfelder.

Untergeordnete Steuerelemente

  • Platzieren Sie untergeordnete Steuerelemente rechts von oder darunter (eingerückt, mit der Kontrollkästchenbezeichnung leeren) das Kontrollkästchen und dessen Beschriftung. Beenden Sie die Beschriftung des Kontrollkästchens mit einem Doppelpunkt.

    Screenshot des Textfelds unter der Kontrollkästchenbezeichnung

    In diesem Beispiel teilen das Kontrollkästchen und sein untergeordnetes Steuerelement die Bezeichnung des Kontrollkästchens und dessen Zugriffstaste.

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

    Screenshot von Kopf- und Fußzeilentextfeldern

    In diesem Beispiel wählt die Eingabe einer Kopf- oder Fußzeile automatisch die Option aus.

  • Wenn Sie Kontrollkästchen mit Optionsfeldern oder anderen Kontrollkästchen schachteln, diese untergeordneten Steuerelemente deaktivieren, bis die Option auf hoher Ebeneaktiviert ist. Dadurch wird Verwirrung über die Bedeutung der untergeordneten Steuerelemente vermieden.

  • Machen Sie untergeordnete Steuerelemente zu einem Kontrollkästchen, das mit dem Kontrollkästchen in der Aktivierreihenfolge zusammenhängend ist.

  • Wenn die Auswahl einer Option impliziert, dass untergeordnete Kontrollkästchen aktiviert werden, aktivieren Sie diese Kontrollkästchen explizit, um die Beziehung zu deaktivieren.

    Falsch:

    Screenshot: Ausgewählte Schaltfläche, deaktivierte Kontrollkästchen

    In diesem Beispiel sind die untergeordneten Kontrollkästchen nicht aktiviert.

    Richtig:

    Screenshot: Ausgewählte Schaltfläche, ausgewählte Kontrollkästchen

    In diesem Beispiel werden die untergeordneten Kontrollkästchen aktiviert, wodurch ihre Beziehung zur ausgewählten Option deaktiviert wird.

  • Verwenden Sie abhängige Kontrollkästchen, wenn die Alternativen unnötige Komplexitäthinzufügen. Kontrollkästchen sollten zwar unabhängige Optionen sein, manchmal aber auch Alternativen wie Optionsfelder fügen unnötige Komplexität hinzu.

    Richtig:

    Screenshot verwirrender Schaltflächen und Kontrollkästchen

    In diesem Beispiel ist die Verwendung von Optionsfeldern genau, verursacht aber unnötige Komplexität.

    Besser:

    Screenshot von Kontrollkästchen nur

    In diesem Beispiel ist die Verwendung von Kontrollkästchen einfacher und ermöglicht Benutzern das Auswählen der gewünschten Optionen anstelle ihrer komplexen Beziehung.

    Wichtig: Wenden Sie diese Richtlinie nur unter extrem seltenen Umständenan, wenn die Abhängigkeiten zeigen, eine erhebliche Komplexität hinzufügt, ohne Klarheit zu schaffen. Im vorherigen Beispiel ist es unwahrscheinlich, dass Benutzer versuchen würden, sowohl hochgestellt als auch tiefgestellt zu wählen, und wenn sie dies getan haben, wäre es leicht zu verstehen, dass sie exklusive Optionen waren.

Standardwerte

  • Wenn ein Kontrollkästchen für eine Benutzeroption vorgesehen ist, den sichersten (um Datenverlust oder Systemzugriff zu verhindern), standardmäßig den sichersten und privaten Zustand festlegen. Wenn Sicherheit und Sicherheit keine Faktoren sind, wählen Sie den wahrscheinlichsten oder bequemsten Wert aus.

Abbildung der vorgeschlagenen Kontrollkästchengröße und des Abstands

Empfohlene Größenanpassung und Abstand für Kontrollkästchen.

Etiketten

Kontrollkästchenbeschriftungen

  • Beschriften Sie jedes Kontrollkästchen.

  • 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 oder imperativen Satz, und verwenden Sie keine endende Interpunktion.

    • Ausnahme: Wenn eine Kontrollkästchenbeschriftung auch ein untergeordnetes Steuerelement beschriftet, das ihm folgt, beenden Sie die Beschriftung mit einem Doppelpunkt.
  • Schreiben Sie die Beschriftung so, dass sie den ausgewählten Zustand des Kontrollkästchens beschreibt.

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

  • Konzentrieren Sie sich bei einer Gruppe von Kontrollkästchen auf 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. Ausdrücken Sie keine Bezeichnung, sodass das Aktivieren eines Kontrollkästchens keine Aktion ausführt.

    • Ausnahme:Dieses <Element nicht erneut> Kontrollkästchen anzeigen.

    Falsch:

    Screenshot der negativen Bezeichnung

    In diesem Beispiel verwendet die Option keine positiven Ausdrücke.

  • 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.

    Anmerkung

    Das Hinzufügen einer Erklärung zu einem Kontrollkästchen in einer Gruppe bedeutet nicht, dass Sie Erklärungen für alle Kontrollkästchen in der Gruppe 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.

    Screenshot des Kontrollkästchens, der Bezeichnung und der Beschreibung

    In diesem Beispiel enthält eine Kontrollkästchenbeschriftung zusätzlichen erläuternden Text darunter.

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

  • Wenn Sie mehrzeilige Beschriftungen verwenden müssen, richten Sie den oberen Rand der Beschriftung mit dem Kontrollkästchen 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.

    Falsch:

    Screenshot der Kontrollkästchenbezeichnung mit Textfeld darin

    In diesem Beispiel wird das Textfeld fälschlicherweise in der Beschriftung des Kontrollkästchens platziert.

Gruppenbeschriftungen

  • 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 Kontrollkästchen verwendet werden. Sagen Sie z. B. nicht "Wählen Sie eine der folgenden Optionen aus".

  • Beenden Sie jede Beschriftung mit einem Doppelpunkt.

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

  • Erläutern Sie bei einer Auswahl einer oder mehrerer abhängiger Auswahlmöglichkeiten die Anforderung für das Etikett.

    Richtig:

    Screenshot der Bezeichnung für zwei Steuerelemente: Protokolle

    In diesem Beispiel können Benutzer glauben, dass sie nur eine Auswahl treffen können.

    Besser:

    Screenshot der Bezeichnung: Protokolle wählen einen oder mehrere

    In diesem Beispiel ist klar, dass Benutzer mehr als eine Auswahl treffen können.

Dokumentation

Beim Verweisen auf Kontrollkästchen:

  • Verwenden Sie den exakten Beschriftungstext, einschließlich der Groß-/Kleinschreibung, aber nicht den Unterstrich oder den Doppelpunkt der Zugriffstaste. Schließen Sie das Kontrollkästchen "Wort" ein.

  • Verweisen Sie auf ein Kontrollkästchen als Kontrollkästchen, nicht als Option, Kontrollkästchen oder einfach nur auf ein Kontrollkästchen, da das Kontrollkästchen allein für Lokalisierer nicht eindeutig ist.

  • Um die Benutzerinteraktion zu beschreiben, verwenden Sie "Auswählen" und "Löschen".

  • 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: Aktivieren Sie das Kontrollkästchen Unterstrichen.