Kontrollkästchen

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 immer noch grundsätzlich, aber die Präsentation und die Beispiele spiegeln nicht unsere aktuellen Entwurfsanleitungen wider.

Mit einem Kontrollkästchen treffen Benutzer eine Entscheidung zwischen zwei eindeutig entgegengesetzten Optionen. Die Kontrollkästchenbezeichnung gibt den ausgewählten Zustand an, während die Bedeutung des gelöschten 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 aufzuheben.

Screenshot eines von vier ausgewählten Kontrollkästchen

Eine typische Gruppe von Kontrollkästchen.

Hinweis

Richtlinien im Zusammenhang mit dem Layout werden in einem separaten Artikel vorgestellt.

Ist dies das richtige Steuerelement?

Orientieren Sie sich an folgenden Fragen:

  • Wird das Kontrollkästchen verwendet, um eine Option ein- oder auszuschalten oder um ein Element auszuwählen oder die Auswahl aufzuheben? Wenn dies nicht erwünscht ist, verwenden Sie ein anderes Steuerelement.

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

  • Umfasst die Gruppe bei Verwendung in einer Gruppe unabhängige Auswahlmöglichkeiten, von denen benutzer 0 oder mehr auswählen können? Andernfalls sollten Sie Steuerelemente für abhängige Optionen in Betracht ziehen, z. B. Optionsfelder und Kontrollkästchenbaumansichten.

  • Umfasst die Gruppe bei Verwendung in einer Gruppe abhängige Optionen, aus denen Benutzer eine oder mehrere auswählen müssen? Wenn ja, verwenden Sie eine Gruppe von Kontrollkästchen, und behandeln Sie den Fehler, wenn keine der Optionen ausgewählt ist.

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

  • Wäre ein Optionsfeld die 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 ganz offensichtlich ist.

      Falsch:

      Screenshot eines Kontrollkästchens mit der Bezeichnung Querformat

      In diesem Beispiel ist die entgegengesetzte Wahl von Querformat nicht eindeutig, sodass das Kontrollkästchen keine gute Wahl ist.

      Richtig:

      Screenshot von zwei Optionsfeldern

      In diesem Beispiel sind die Optionen keine Gegensätze, sodass Optionsfelder die bessere Wahl sind.

    • Verwenden Sie Optionsfelder auf Assistentenseiten, um die Alternativen klar zu machen, 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 diesen Bildschirmraum gut zu nutzen. Verwenden Sie andernfalls ein Kontrollkästchen oder eine Dropdownliste.

      Falsch:

      Screenshot der Schaltflächen zum Anzeigen und nicht anzeigen des Verhältnisses

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

      Richtig:

      Screenshot des Kontrollkästchens mit 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 andere Kontrollkästchen im Fenster vorhanden sind.

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

Verwendungsmuster

Kontrollkästchen weisen mehrere Verwendungsmuster auf:

Verwendung Beispiel
Eine individuelle Wahl Ein einzelnes Kontrollkästchen wird verwendet, um eine individuelle Auswahl auszuwählen.
Screenshot eines Kontrollkästchens mit Bezeichnung
Ein einzelnes Kontrollkästchen wird für eine individuelle Auswahl verwendet.
Unabhängige Auswahlmöglichkeiten (null oder mehr) Eine Gruppe von Kontrollkästchen wird verwendet, um aus einer Gruppe von null oder mehr Optionen auszuwählen.
Im Gegensatz zu Einzelauswahlsteuerelementen wie Optionsfeldern können Benutzer eine beliebige Kombination von Optionen in einer Gruppe von Kontrollkästchen auswählen.
Screenshot von zwei von drei ausgewählten Kontrollkästchen
Eine Gruppe von Kontrollkästchen wird für unabhängige Optionen verwendet.
Abhängige Auswahlmöglichkeiten (mindestens eine) Eine Gruppe von Kontrollkästchen kann auch verwendet werden, um eine oder mehrere Optionen auszuwählen.
Möglicherweise müssen Sie eine Auswahl einer oder mehrerer abhängiger Optionen darstellen. da microsoft?windows kein Steuerelement hat, 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 ausgewählten Kontrollkästchen
Es wird eine Gruppe von Kontrollkästchen verwendet, bei der mindestens ein Protokoll ausgewählt werden muss.
Gemischte Auswahl Zusätzlich zu den ausgewählten und deaktivierten Zuständen verfügen Kontrollkästchen auch über einen gemischten Zustand für die Mehrfachauswahl, um anzugeben, dass die Option für einige, aber nicht alle Objekte festgelegt ist.
Screenshot eines schreibgeschützten vollfarbigen blauen Kontrollkästchens
Ein Kontrollkästchen für gemischten Zustand.

Richtlinien

Allgemein

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

    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 führt häufig zu unnötiger Bildschirmordnung.

  • Listen Sie Kontrollkästchen in logischer Reihenfolge auf, z. B. gruppieren Sie stark verwandte Optionen oder platzieren Sie die gängigsten Optionen an erster Stelle oder folgen Sie einem anderen natürlichen Fortschritt. Alphabetische Reihenfolge wird nicht empfohlen, da sie sprachabhängig und daher nicht lokalisierbar ist.

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

    Richtig:

    Screenshot von vertikal ausgerichteten Kontrollkästchen

    In diesem Beispiel sind die Kontrollkästchen ordnungsgemäß ausgerichtet.

    Falsch:

    Screenshot horizontal ausgerichteter Kontrollkästchen

    In diesem Beispiel ist die horizontale Ausrichtung schwieriger zu lesen.

  • Verwenden Sie den gemischten Zustand nicht, 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 nicht in der Lage sein, einen gemischten Zustand direkt festzulegen, 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 darauf hinweisen, dass der Designdienst nicht installiert ist.

    Richtig:

    Screenshot der Dropdownliste mit drei Optionen

    In diesem Beispiel können Benutzer aus einer Liste von 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 wiederherstellen zu können, da die Einstellungen für den Benutzer möglicherweise komplex oder unbekannt sind. Andernfalls wäre die einzige Möglichkeit, den gemischten Zustand vertrauensvoll wiederherzustellen, das Abbrechen der Aufgabe und der Neustart.

  • Verwenden Sie keine Kontrollkästchen als Statusanzeige. Verwenden Sie stattdessen ein Statusindikatorsteuerelement .

    Falsch:

    Screenshot mit vier Kontrollkästchen mit Fortschritt

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

    Richtig:

    Screenshot einer teilweise gefüllten Statusleiste

    Beispiel für einen typischen Fortschrittsbalken.

  • Zeigen Sie deaktivierte Kontrollkästchen mit dem richtigen Auswahlstatus an. Obwohl Benutzer sie nicht ändern können, vermitteln deaktivierte Kontrollkästchen Informationen, sodass sie mit den Ergebnissen konsistent sein sollten.

    Falsch:

    Screenshot eines von zwei abgeblendeten Kontrollkästchen

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

  • Verwenden Sie die Auswahl eines Kontrollkästchens nicht für Folgendes:

    • Führen Sie Befehle aus.
    • 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 (solche Ereignisse können von Der Sprachausgabe nicht erkannt werden).

Dieses <Element> wird nicht erneut angezeigt.

  • Erwägen Sie die Option Dieses <Element> nicht erneut anzeigen, damit Benutzer ein wiederkehrendes Dialogfeld nur unterdrücken können, wenn es keine bessere Alternative gibt. Versuchen Sie, vorher zu ermitteln, ob Benutzer das Dialogfeld wirklich benötigen. wenn dies der Fall ist, zeigen Sie immer das Dialogfeld an, und wenn dies nicht der Fall ist, löschen Sie das Dialogfeld.

Weitere Richtlinien und Beispiele finden Sie unter Dialogfelder.

Untergeordnete Steuerelemente

  • Platzieren Sie untergeordnete Steuerelemente rechts von oder unten (eingerückt, mit der Kontrollkästchenbezeichnung geleert), das Kontrollkästchen und dessen Bezeichnung. Beenden Sie die Kontrollkästchenbezeichnung mit einem Doppelpunkt.

    Screenshot des Textfelds unterhalb der Kontrollkästchenbezeichnung

    In diesem Beispiel teilen das Kontrollkästchen und das untergeordnete Steuerelement die Kontrollkästchenbezeichnung und den zugehörigen Zugriffsschlüssel.

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

    Screenshot der Textfelder für Kopf- und Fußzeilen

    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, deaktivieren Sie diese untergeordneten Steuerelemente, bis die allgemeine Option ausgewählt ist. Dies vermeidet Verwirrung über die Bedeutung der untergeordneten Steuerelemente.

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

  • Wenn die Auswahl einer Option die Auswahl untergeordneter Kontrollkästchen impliziert, aktivieren Sie diese Kontrollkästchen explizit, um die Beziehung zu löschen.

    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 sind die untergeordneten Kontrollkästchen aktiviert, sodass ihre Beziehung zur ausgewählten Option deaktiviert wird.

  • Verwenden Sie abhängige Kontrollkästchen, wenn die Alternativen zu unnötiger Komplexität führen. Kontrollkästchen sollten zwar unabhängige Optionen sein, aber manchmal erhöhen Alternativen wie Optionsfelder unnötige Komplexität.

    Richtig:

    Screenshot verwirrender Schaltflächen und Kontrollkästchen

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

    Empfohlen:

    Screenshot nur von Kontrollkästchen

    In diesem Beispiel ist die Verwendung von Kontrollkästchen einfacher und ermöglicht es Benutzern, sich auf die Auswahl der gewünschten Optionen anstatt auf ihre komplexe Beziehung zu konzentrieren.

    Wichtig: Wenden Sie diese Richtlinie nur in äußerst seltenen Fällen an, wenn die Abhängigkeiten angezeigt werden, um eine erhebliche Komplexität zu erhöhen, ohne die Klarheit zu erhöhen. Im vorherigen Beispiel ist es unwahrscheinlich, dass Benutzer versuchen würden, sowohl hoch- als auch tiefgestellt auszuwählen, und wenn sie dies taten, wäre es leicht zu verstehen, dass es sich um exklusive Optionen handelt.

Standardwerte

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

Abbildung der vorgeschlagenen Kontrollkästchen zur Größen- und Abstandsanpassung

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

Bezeichnungen

Kontrollkästchenbeschriftungen

  • Beschriften Sie jedes Kontrollkästchen.

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

    • Ausnahme: Wenn eine Kontrollkästchenbezeichnung auch ein untergeordnetes Steuerelement beschriftet, das darauf folgt, beenden Sie die Bezeichnung mit einem Doppelpunkt.
  • Schreiben Sie die Bezeichnung so, dass sie den markierten Zustand des Kontrollkästchens beschreibt.

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

  • Konzentrieren Sie für eine Gruppe von Kontrollkästchen 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. Geben Sie keine Bezeichnung aus, sodass das Aktivieren eines Kontrollkästchens bedeutet, keine Aktion auszuführen.

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

    Falsch:

    Screenshot mit negativer Bezeichnung

    In diesem Beispiel verwendet die Option keine positive Formulierung.

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

    Hinweis

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

    Screenshot des Kontrollkästchens, der Bezeichnung und der Beschreibung

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

  • Wenn eine Option dringend empfohlen wird, sollten Sie der Bezeichnung "(empfohlen)" hinzufügen. 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 Kontrollkästchen 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.

    Falsch:

    Screenshot der Kontrollkästchenbezeichnung mit Textfeld

    In diesem Beispiel wird das Textfeld fälschlicherweise in der Kontrollkästchenbezeichnung platziert.

Bezeichnungen von Kontrollkästchengruppen

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

  • Beenden Sie jede Bezeichnung mit einem Doppelpunkt.

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

  • Wenn Sie eine oder mehrere abhängige Optionen auswählen möchten, erläutern Sie die Anforderung für die Bezeichnung.

    Richtig:

    Screenshot der Bezeichnung für zwei Steuerelemente: Protokolle

    In diesem Beispiel denken Benutzer möglicherweise, dass sie nur eine Auswahl treffen können.

    Empfohlen:

    Screenshot der Bezeichnung: Protokolle wählen ein oder mehrere aus

    In diesem Beispiel wird deutlich, dass Benutzer mehr als eine Auswahl treffen können.

Dokumentation

Wenn Sie auf Kontrollkästchen verweisen:

  • Verwenden Sie den exakten Bezeichnungstext, einschließlich der Groß-/Kleinschreibung, aber schließen Sie den Unterstrich oder Doppelpunkt der Zugriffsschlüssel nicht ein. Schließen Sie das Wort-Kontrollkästchen ein.

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

  • Verwenden Sie auswählen und löschen, 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: Aktivieren Sie das Kontrollkästchen Unterstrichen .