Gruppierung bezeichnet in der Gestaltung das Zusammenfassen von Elementen zu Einheiten, die als zusammengehörig gelesen werden. Die Mittel dafür sind Abstand, gleiches Aussehen und ein gemeinsamer Rahmen. Dahinter stehen die Gestaltgesetze, die Max Wertheimer 1923 beschrieben hat: Das Auge ordnet, bevor es liest.
- Gruppierung
Das Zusammenfassen von Elementen zu Einheiten, die das Auge auf einen Blick als zusammengehörig erkennt.
Beispiel: „Durch die Gruppierung von Straße, Postleitzahl und Ort erkennt jeder den Block sofort als Anschrift.“Abgrenzung zum Gesetz der Nähe: Es ist eines der Mittel der Gruppierung. Daneben gruppieren gleiches Aussehen und ein gemeinsamer Rahmen.
Womit Gruppierung arbeitet
Am stärksten wirken Abstand und Ähnlichkeit, die beiden ältesten Gestaltgesetze. Ein drittes Mittel kam später hinzu: Stephen Palmer beschrieb 1992 die gemeinsame Region. Elemente innerhalb einer Begrenzung werden als Gruppe gesehen, auch wenn sie weiter auseinanderstehen. Deshalb ordnen Karten, Kästen und Hintergrundflächen eine Seite.
Gruppierung im Interface
Die Nielsen Norman Group nennt Beispiele für die gemeinsame Region: Rahmen trennen im Druckdialog die Einstellungen für Drucker, Seitenbereich und Kopien, und in einer Rezept-App verhindert ein Rahmen um jede Karte, dass man Bewertungen dem Nachbarrezept zuordnet. In Formularen lassen gruppierte Felder mit mehr Abstand zwischen den Gruppen auch lange Formulare überschaubar wirken.
Wann Gruppierung in die Irre führt
Stehen alle Elemente gleich weit auseinander, fehlt jede Gruppierung, und das Auge muss selbst sortieren. Steht eine Beschriftung näher am falschen Feld, wird sie dem falschen zugeordnet. Und wer jedes einzelne Element einrahmt, hebt die Wirkung des Rahmens wieder auf.