Gestaltgesetze

Was sind Gestaltgesetze?

Gestaltgesetze stammen aus der Gestaltpsychologie, die Anfang des 20. Jahrhunderts unter anderem von Max Wertheimer, Wolfgang Köhler und Kurt Koffka geprägt wurde. Sie beschreiben, dass wir nicht einzelne Punkte und Linien wahrnehmen, sondern zusammenhängende Gruppen und Formen. Das passiert automatisch und blitzschnell, noch bevor wir bewusst lesen.

Für Interfaces besonders relevant sind diese Prinzipien:

• Nähe: Was nah beieinander steht, gehört zusammen.
• Ähnlichkeit: Was gleich aussieht, hat vermutlich dieselbe Funktion.
• Gemeinsame Region: Elemente in einem Rahmen oder auf einer Fläche bilden eine Einheit.
• Geschlossenheit und Kontinuität: Wir ergänzen Lücken und folgen Linien.
• Figur und Grund: Wir trennen den Vordergrund vom Hintergrund.

Warum Gestaltgesetze wichtig sind

Dein Layout kommuniziert Struktur, bevor ein einziges Wort gelesen wird. Stimmen Abstände und Gruppierungen, verstehen Nutzer sofort, welche Informationen zusammengehören. Stimmen sie nicht, entsteht Verwirrung, auch wenn jeder einzelne Text korrekt ist.

So setzt du Gestaltgesetze in der Praxis ein

• Abstände bewusst wählen: Halte den Abstand innerhalb einer Gruppe kleiner als zwischen Gruppen.
• Gleiches gleich gestalten: Gib allen klickbaren Elementen derselben Art eine einheitliche Optik.
• Flächen sparsam nutzen: Setze Karten und Rahmen ein, wenn Inhalte wirklich eine Einheit bilden, nicht als Dekoration.
• Mit Unschärfe testen: Betrachte deinen Screen verschwommen. Die Gruppen sollten trotzdem erkennbar sein.

Beispiel

In einem SaaS-Formular steht jedes Label genau mittig zwischen zwei Eingabefeldern. Testpersonen tragen ihre Telefonnummer ins Feld für die Firma ein. Rückt das Label näher an sein Feld, ist die Zuordnung eindeutig.