Fortsetzung und Schicksal

Prinzip // Gruppieren

Was auf einer Linie liegt, wird als Verlauf gelesen.

Und was sich gemeinsam bewegt, gehört zusammen.

Zwei Regeln, die beide mit Verläufen zu tun haben. Gute Fortsetzung: Was auf einer Linie oder Kurve liegt, lesen wir als einen Verlauf, und wir folgen ihm mit dem Blick. Gemeinsames Schicksal: Was sich gemeinsam bewegt oder gemeinsam verändert, gehört zusammen, egal wo es steht.

Hintergrund

Beide gehören zu den Gestaltgesetzen, die Max Wertheimer 1923 in »Untersuchungen zur Lehre von der Gestalt II« (Psychologische Forschung 4) beschrieben hat. Wertheimer spricht von »Faktoren«, etwa dem Faktor des gemeinsamen Schicksals (Bezeichnungen aus dem Gedächtnis, bitte prüfen). Dass gerade Bewegung am Anfang steht, ist kein Zufall: Die Gestaltpsychologie beginnt mit Wertheimers Arbeit zur Scheinbewegung (Phi-Phänomen, 1912, siehe Phänomen Scheinbewegung und Zeit).

Quellen: Lidwell, Holden & Butler, Universal Principles of Design (Good Continuation, Common Fate).

Was sehen Sie?

Möglich wäre auch das: zwei Linien mit Knick. So sieht es kaum jemand

26 Punkte. Gesehen werden eine Gerade und eine Kurve

Drei Karten pro Reihe. Ist das alles?

Angeschnitten: Da geht es weiter

Die linke Kante: eine Linie, die gar nicht gezeichnet ist

Ein Punktfeld

Und jetzt?

Was sich gemeinsam bewegt, ist eine Gruppe. Quer durch das Feld

Ein Feld aus 40 gleichen Punkten in gleichen Abständen. Nach Nähe und Ähnlichkeit gibt es keine Gruppen. Dann bewegen sich acht Punkte im selben Takt auf und ab. Sofort sind sie eine Gruppe, obwohl sie über das ganze Feld verstreut sind und genauso aussehen wie alle anderen. Die letzte Folie hält die Gruppe fest.

Die Animation ist reines CSS im SVG. Bei aktivierter Einstellung »Bewegung reduzieren« im Betriebssystem bleibt das Bild stehen. Dann direkt zur dritten Folie weiterschalten.

Hintergrund

Gemeinsames Schicksal ist eines der stärksten Gruppierungsprinzipien, stärker als Nähe und Ähnlichkeit. Gemeint ist nicht nur Bewegung, sondern jede gemeinsame Veränderung: gemeinsam aufleuchten, gemeinsam die Farbe wechseln, gemeinsam verschwinden. Das Auge reagiert besonders empfindlich auf Bewegung, gerade im Augenwinkel (siehe Phänomen Pop-out und Prinzip Bewegung).

Fünf Einträge

Drei bewegen sich gemeinsam: eine Gruppe

Dazu ein Häkchen: Bewegung und Ähnlichkeit sagen dasselbe

Wo bewegt sich in Ihrer meistgenutzten App etwas gemeinsam?

Beim Auswählen, Ziehen, Wischen, Laden?

Bündig: eine gemeinsame Kante

Fast bündig: Fehler oder Absicht?

Wann trägt das nicht?

Wenn die Kante nur fast stimmt: Es wirkt wie ein Versehen.

Wenn sich alles bewegt: Dann gruppiert nichts mehr.

Wenn Bewegung die einzige Information ist: Mit »Bewegung reduzieren« fällt sie weg.

Gute Fortsetzung ist empfindlich. Eine Kante, die nur fast stimmt, wirkt nicht wie eine Linie, sondern wie ein Versehen. Wenige Pixel genügen. Entweder bündig oder deutlich versetzt, alles dazwischen ist uneindeutig (siehe Prinzip Eindeutigkeit).

Bewegung ist das stärkste Gruppierungsmittel und darum auch das lauteste. Wenn sich alles bewegt, gruppiert nichts mehr, und der Blick wird ständig abgelenkt. Bewegung braucht einen Zweck: Feedback, Zustandswechsel, Orientierung.

Und Bewegung erreicht nicht alle. Manche Menschen reagieren auf Bewegung mit Schwindel oder Übelkeit und schalten sie im Betriebssystem ab (»Bewegung reduzieren«, in CSS abfragbar mit prefers-reduced-motion). Dann muss die Gruppe auch ohne Bewegung erkennbar sein, zum Beispiel über ein Häkchen.

Hintergrund

WCAG 2.2: Inhalte, die sich automatisch länger als fünf Sekunden bewegen, müssen sich anhalten lassen (2.2.2 Pause, Stop, Hide, Stufe A). Animationen, die durch Interaktion ausgelöst werden, sollen sich abschalten lassen (2.3.3 Animation from Interactions, Stufe AAA).

Verweise

Dahinter: Scheinbewegung und Zeit und Gestaltpsychologie. Weiter: Ausrichtung und Raster, Bewegung, Eindeutigkeit, Nähe und Abstand und Ähnlichkeit. Prüfen: Unschärfetest.

Danke für's Mitmachen

https://christiannoss.de