Freigeben über


Gruppenfelder

Hinweis

Dieses Designhandbuch wurde für Windows 7 erstellt und wurde für neuere Versionen von Windows nicht aktualisiert. Ein Großteil der Anleitungen gilt immer noch grundsätzlich, aber die Präsentation und Beispiele spiegeln nicht unsere aktuelle Designanleitung wider.

Ein Gruppenfeld ist ein beschrifteter rechteckiger Rahmen, der eine Reihe zusammengehöriger Steuerelemente umgibt. Mit einem Gruppenfeld lassen sich Beziehungen visuell darstellen. Abgesehen davon, dass es möglicherweise eine Zugriffstaste für eine Gruppe von Steuerelementen bereitstellt, bietet es keinerlei Funktionalität.

Screenshot des Gruppenfelds mit Kontrollkästchen

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 wirkungsvolles visuelles Mittel zum Anzeigen von Beziehungen, ihre übermäßige Verwendung führt jedoch zu Unübersichtlichkeit und reduziert den auf einer Oberfläche verfügbaren Platz erheblich. Sie wirken einnehmend und sollten sparsam eingesetzt werden – nur, wenn es keine bessere Lösung gibt.

Ein Designtrend bei Windows ist ein einfacheres, saubereres Erscheinungsbild durch die Beseitigung unnötiger Linien.

Um zu entscheiden, ob ein Gruppenfeld erforderlich ist, berücksichtigen Sie die folgenden Fragen:

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

Unrichtig: Screenshot des Gruppenfelds mit einem Textfeld

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

  • Hängen die Steuerelemente zusammen? Trägt die Darstellung der Beziehung zur Klarheit bei? Wenn nicht, stellen Sie die Steuerelemente separat außerhalb eines Gruppenfelds dar.
  • Befinden sich alle Steuerelemente innerhalb der Gruppe? Wenn ja, geben Sie die Beziehung auf der größeren Oberfläche an, beispielsweise im übergeordneten Dialogfeld oder auf der übergeordneten Seite.

Unrichtig: Screenshot des Gruppenfelds mit allen Steuerelementen

In diesem Beispiel befinden sich alle Steuerelemente (mit Ausnahme der Commit-Schaltflächen) im Dialogfeld innerhalb des Gruppenfelds.

  • Können Sie die Zusammenhänge allein durch das Layout wirkungsvoll vermitteln? Wenn ja, verwenden Sie stattdessen Layout. Sie können zusammengehörende Steuerelemente nebeneinander platzieren und zusätzlichen Abstand zwischen nicht zusammengehörenden Steuerelementen einfügen. Sie können Überschriften und Einrückungen auch dazu verwenden, hierarchische Zusammenhänge darzustellen.

Abbildung mit vier Symbolen, die vier Aufgabengruppen zeigen

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

  • Können Sie die Beziehungen mithilfe eines Trennzeichens effektiv kommunizieren? Verwenden Sie in diesem Fall stattdessen ein Trennzeichen. Ein Trennzeichen ist eine horizontale Linie, die die darunter liegenden Steuerelemente vereint. Trennzeichen bieten ein einfacheres, übersichtlicheres Aussehen. Im Gegensatz zu Gruppenfeldern funktionieren sie jedoch am besten, wenn sie die gesamte Breite der Oberfläche einnehmen.
    • Entwickler: Sie können ein Trennzeichen mit einem kantigen Rechteck mit einer Höhe von 1 implementieren.

Screenshot, der E-Mail-Steuerelemente zeigt, die durch kantige Rechtecktrennzeichen voneinander getrennt sind.

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

Screenshot von Steuerelementen, die durch Trennzeichen voneinander getrennt werden

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

  • Können Sie die Beziehungen ohne Text effektiv kommunizieren? In diesem Fall sollten Sie Grafikelemente wie Hintergründe oder Aggregatoren verwenden.

Richtlinien

  • Verschachteln Sie keine Gruppenfelder. Verwenden Sie das Layout, um Beziehungen in einem Gruppenfeld anzuzeigen.

Unrichtig: Screenshot eines Gruppenfelds in einem Gruppenfeld

In diesem Beispiel führen die verschachtelten Gruppenfelder zu Unübersichtlichkeit.

Richtig: Screenshot der gleichen Steuerelemente in einem Gruppenfeld

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

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

Unrichtig: Screenshot der Dropdownliste in einer Gruppenfeldbeschriftung

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 gilt, deaktivieren Sie alle Steuerelemente im Gruppenfeld, jedoch nicht das Gruppenfeld selbst. Dieser Ansatz ist zugänglicher und kann von allen Benutzeroberflächenframeworks konsistent unterstützt werden.

Beschriftungen

  • Beschriften Sie alle Gruppenfelder.
  • Weisen Sie der Bezeichnung keine Zugriffstaste zu. Dies ist unnötig und erschwert die Zuweisung der anderen Zugriffstasten. Weisen Sie stattdessen den Steuerelementen im Gruppenfeld Zugriffstasten zu.
    • Ausnahme: Wenn eine Oberfläche über viele Steuerelemente verfügt, stehen möglicherweise nicht genügend Zugriffstasten zur Verfügung. Wenn dies der Fall ist, reduzieren Sie die Anzahl der Zugriffstasten, indem Sie sie Gruppenfeldern statt den Steuerelementen innerhalb der Gruppenfelder zuweisen.
  • Verwenden Sie eine für Sätze übliche Großschreibung.
  • Schreiben Sie die Beschriftung als Substantiv oder Nominalphrase und nicht als Satz, und verwenden Sie keine Satzzeichen am Ende, auch keine Doppelpunkte.
  • Verwenden Sie parallele Formulierungen für Gruppenfeldbeschriftungen innerhalb derselben Oberfläche.
  • Halten Sie die Beschriftungen der Gruppenfelder präzise. Verwenden Sie keinen Anweisungstext als Beschriftung. Sie können jedoch Anweisungstexte in das Gruppenfeld einfügen.
  • Wiederholen Sie die Gruppenfeldbezeichnung nicht in den Steuerelementbeschriftungen innerhalb des Felds. Wenn das Gruppenfeld beispielsweise die Bezeichnung „Ausrichtung“ trägt, beschriften Sie die Optionsfelder mit „Links“, „Rechts“ usw. und nicht mit „Linksbündig“ oder „Rechtsbündig“.
  • Verweisen Sie nicht auf Gruppenfelder im Benutzeroberflächentext.

Dokumentation

Beim Verweisen auf Gruppenfelder:

  • Beziehen Sie sich auf Gruppenfelder nur in Programmier- und anderen technischen Dokumentationen. Verwenden Sie für das Gruppenfeld zwei Kleinbuchstaben.
  • Überall sonst ist es nicht notwendig, den Namen des Gruppenfelds in eine Prozedur aufzunehmen, es sei denn, ein Dialogfeld enthält mehr als eine Option mit demselben Namen. Verwenden Sie in solchen Fällen „unter“ mit dem Gruppenfeldnamen.
  • Formatieren Sie die Beschriftung nach Möglichkeit mit fettem Text. Setzen Sie die Bezeichnung ansonsten nur bei Bedarf in Anführungszeichen, um Verwirrung zu vermeiden.

Beispiel: Wählen Sie unter Effekte die Option Ausgeblendet aus.