Gruppenfelder

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.

Ein Gruppenfeld ist ein beschrifteter rechteckiger Rahmen, der eine Reihe verwandter Steuerelemente umgibt. Ein Gruppenfeld ist eine Möglichkeit, Beziehungen visuell anzuzeigen. Abgesehen davon, dass möglicherweise ein Zugriffsschlüssel für eine Gruppe von Steuerelementen bereitgestellt wird, bietet er keine Funktionalität.

Ein typisches Gruppenfeld.

Hinweis

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

 

Ist dies das richtige Steuerelement?

Gruppenfelder sind zwar ein starkes visuelles Mittel zum Angeben von Beziehungen, aber durch die überlastete Verwendung erhöht sich die visuelle Übersichtlichkeit und reduziert den verfügbaren Platz auf einer Oberfläche erheblich. Sie sind visuell schwer und sollten sparsam verwendet werden – nur wenn es keine bessere Lösung gibt.

Ein Designtrend in Windows ist ein einfacheres, saubereres Aussehen, indem unnötige Linien vermieden werden.

Um zu entscheiden, ob ein Gruppenfeld erforderlich ist, stellen Sie sich die folgenden Fragen:

• Gibt es mehr als ein Steuerelement in der Gruppe? Wenn nicht, verwenden Sie stattdessen eine Nur-Text-Bezeichnung. Eine seltene Ausnahme besteht darin, ein Gruppenfeld mit einem einzelnen Steuerelement zu verwenden, um die Konsistenz mit anderen Gruppenfeldern auf derselben Oberfläche zu gewährleisten.

Falsch:

In diesem Beispiel verfügt das Gruppenfeld nur über ein einzelnes Steuerelement.

• Sind die Steuerelemente verwandt? Bringt die Darstellung der Beziehung Klarheit? Andernfalls werden die Steuerelemente außerhalb eines Gruppenfelds separat dargestellt.
• Befinden sich alle Steuerelemente in der Gruppe? Wenn ja, geben Sie die Beziehung auf der größeren Oberfläche an, z. B. im übergeordneten Dialogfeld oder der übergeordneten Seite.

Falsch:

In diesem Beispiel befinden sich alle Steuerelemente (abgesehen von den Commitschaltflächen) im Dialogfeld innerhalb des Gruppenfelds.

• Können Sie die Beziehungen effektiv nur mithilfe des Layouts kommunizieren? Wenn ja, verwenden Sie stattdessen das Layout . Sie können verwandte Steuerelemente nebeneinander platzieren und einen zusätzlichen Abstand zwischen nicht verknüpften Steuerelementen festlegen. Sie können auch Überschriften und Einzug verwenden, um hierarchische Beziehungen anzuzeigen.

In diesem Beispiel wird das Layout allein verwendet, um Steuerelementbeziehungen anzuzeigen.

• Können Sie die Beziehungen mithilfe eines Trennzeichens effektiv kommunizieren? Wenn ja, verwenden Sie stattdessen ein Trennzeichen. Ein Trennzeichen ist eine horizontale Linie, die die darunter liegenden Steuerelemente vereinheitlicht. Trennzeichen sorgen für ein einfacheres, saubereres Aussehen. Im Gegensatz zu Gruppenfeldern funktionieren sie jedoch am besten, wenn sie die gesamte Breite der Oberfläche umfassen.
  • Entwickler: Sie können ein Trennzeichen mit einem geätzten Rechteck mit einer Höhe von 1 implementieren.

In diesem Beispiel werden beschriftete Trennzeichen verwendet, um Steuerelementbeziehungen anzuzeigen.

In diesem Beispiel werden nicht bezeichnete Trennzeichen verwendet, um Steuerelementbeziehungen anzuzeigen.

• Können Sie die Beziehungen ohne Text effektiv kommunizieren? Wenn ja, sollten Sie grafische Elemente wie Hintergründe oder Aggregatoren verwenden.

Richtlinien

• Schachteln Sie keine Gruppenfelder. Verwenden Sie das Layout, um Beziehungen innerhalb eines Gruppenfelds anzuzeigen.

Falsch:

In diesem Beispiel führen die geschachtelten Gruppenfelder zu unnötiger visueller Unordnung.

Richtig:

In diesem Beispiel wird die gleiche Steuerelementbeziehung stattdessen mithilfe des Layouts angezeigt.

• Platzieren Sie Steuerelemente nicht in Gruppenfeldbeschriftungen.
  • Ausnahme: Sie können ein Kontrollkästchen als Gruppenfeldbeschriftung verwenden, wenn alle Steuerelemente innerhalb des Kontrollkästchens durch das Kontrollkästchen aktiviert und deaktiviert sind.

Falsch:

In diesem Beispiel wird eine Dropdownliste fälschlicherweise in einem Gruppenfeld platziert. In diesem Beispiel sollten stattdessen Registerkarten verwendet werden.

• Deaktivieren Sie keine Gruppenfelder. Um anzugeben, dass eine Gruppe von Steuerelementen derzeit nicht angewendet wird, deaktivieren Sie alle Steuerelemente im Gruppenfeld, aber nicht das Gruppenfeld selbst. Dieser Ansatz ist barrierefreier und kann von allen Benutzeroberflächenframeworks konsistent unterstützt werden.

Bezeichnungen

• Beschriften Sie alle Gruppenfelder.
• Weisen Sie der Bezeichnung keinen Zugriffsschlüssel zu. Dies ist unnötig und erschwert die Zuweisung der anderen Zugriffsschlüssel. Weisen Sie stattdessen den Steuerelementen im Gruppenfeld Zugriffsschlüssel zu.
  • Ausnahme: Wenn eine Oberfläche über viele Steuerelemente verfügt, sind möglicherweise nicht genügend Zugriffsschlüssel verfügbar. Wenn ja, verringern Sie die Anzahl der Zugriffsschlüssel, indem Sie sie Gruppenfeldern anstelle der Steuerelemente in den Gruppenfeldern zuweisen.
• Verwenden Sie die Groß-/Kleinschreibung im Satzformat.
• Schreiben Sie die Bezeichnung mit einem Nomen oder einem Nomenausdruck, nicht als Satz, und verwenden Sie keine Endpunktion, einschließlich Doppelpunkte.
• Verwenden Sie parallele Ausdrücke für Gruppenfeldbeschriftungen auf derselben Oberfläche.
• Halten Sie Gruppenfeldbeschriftungen kurz. Verwenden Sie keinen Anweisungstext als Bezeichnung. Sie können jedoch Anweisungstext im Gruppenfeld haben.
• Wiederholen Sie nicht die Gruppenfeldbeschriftung in Steuerelementbeschriftungen innerhalb des Felds. Wenn das Gruppenfeld beispielsweise ausrichtung heißt, bezeichnen Sie die Optionsschaltflächen Links, Rechts usw. und nicht links oder Rechtsausrichtung.
• Verweisen Sie nicht auf Gruppenfelder im Text der Benutzeroberfläche.

Dokumentation

Wenn Sie auf Gruppenfelder verweisen:

• Weitere Informationen finden Sie nur in den Gruppenfeldern in der Programmierer- und anderen technischen Dokumentation. Verwenden Sie für das Gruppenfeld zwei Kleinbuchstaben.
• Überall sonst ist es unnötig, den Namen des Gruppenfelds in eine Prozedur einzufügen, es sei denn, ein Dialogfeld enthält mehrere Optionen mit demselben Namen. Verwenden Sie in solchen Fällen unter mit dem Namen des Gruppenfelds.
• 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: Wählen Sie unter Effektedie Option Ausgeblendet aus.