Marketing Glossar

2.413 Fachbegriffe aus 22 Bereichen des Online Marketings

Proximity (Gestaltung)

Definition: Proximity (Nähe; Gesetz der Nähe) ist eines der Gestaltungsgesetze der Gestaltpsychologie das besagt dass der menschliche Wahrnehmungsapparat räumlich nah beieinander liegende Elemente automatisch als zusammengehörig und als Gruppe interpretiert – je geringer der Abstand zwischen Elementen desto stärker die wahrgenommene Zusammengehörigkeit, unabhängig von anderen Eigenschaften wie Farbe, Form oder Größe. Im UI/UX-Design ist Proximity das fundamentale Mittel zur Schaffung visueller Gruppierungen ohne explizite Trennelemente (Linien, Rahmen, Hintergrundflächen): Labels werden nah an die zugehörigen Formularfelder platziert; verwandte Navigationspunkte werden eng gruppiert; Cards gruppieren zugehörige Inhaltselemente. Proximity-Anwendungsbereiche: Formular-Design (Label-to-Field-Proximity; Labels oberhalb direkt dem Eingabefeld zugehörig; zu großer Abstand zum nächsten Label verhindert Verwechslung); Card-Layout (alle Informationen einer Card – Bild, Titel, Beschreibung, CTA – eng zusammengehörig; Abstand zwischen Cards größer als interner Card-Abstand); Navigation-Gruppierung (verwandte Menüpunkte näher beieinander; Abstand zwischen Gruppen größer); Content-Hierarchie (Überschrift näher an dem folgenden Absatz als am vorhergehenden); Whitespace als Trennungsmittel (großer Abstand = visuelle Trennung; das Negative von Proximity).

Erläuterung

Das Gesetz der Nähe ist eines der Kerngesetze der Gestaltpsychologie – einer Schule der experimentellen Psychologie die in Berlin um 1910–1920 entstand. Max Wertheimer (Psychologe; Frankfurt; Deutschland; 1880–1943; «Untersuchungen zur Lehre von der Gestalt», Psychologische Forschung, 1923) formulierte die grundlegenden Gestaltgesetze einschließlich des Gesetzes der Nähe als Ergebnis von Experimenten zur Wahrnehmungsorganisation; gemeinsam mit Kurt Koffka (Psychologe; Universität Giessen; Giessen; Deutschland; «Principles of Gestalt Psychology», Harcourt Brace, 1935) und Wolfgang Köhler (Preußische Akademie der Wissenschaften; Berlin; «Gestalt Psychology», Liveright, 1929) begründete Wertheimer die Berliner Schule der Gestaltpsychologie; alle drei emigrierten in den 1930er Jahren in die USA. Die Gestaltgesetze beschreiben das Prinzip der Prägnanz (Law of Prägnanz; Gesetz der guten Gestalt): das Wahrnehmungssystem tendiert zur einfachsten möglichen Interpretation; Proximity ist eines von mehreren Grouping-Gesetzen die dieses übergeordnete Prinzip konkretisieren: Ähnlichkeit (Similarity: ähnliche Elemente werden als zusammengehörig wahrgenommen), Kontinuität (Continuity: Elemente auf einer Linie/Kurve werden als zusammengehörig gesehen), Geschlossenheit (Closure: unvollständige Formen werden zu geschlossenen Gestalten ergänzt), Gemeinsames Schicksal (Common Fate: Elemente die sich in gleicher Richtung bewegen werden gruppiert), Symmetrie (Symmetry: symmetrische Regionen werden als Figur-Einheiten wahrgenommen). Susan Weinschenk (Verhaltenspsychologin; Appleton; WI; The Team W; «100 Things Every Designer Needs to Know About People», New Riders, 2011) übersetzte Gestaltpsychologie-Prinzipien für UI/UX-Designer und beschrieb Proximity als «the most powerful of the Gestalt principles for creating perceived relationships»; ihr Beispiel: ein Label 20px von einem Eingabefeld entfernt wird als zusammengehörig wahrgenommen; ein Label 50px entfernt bei gleichem Abstand zum nächsten Eingabefeld führt zu Zuordnungsfehlern. Luke Wroblewski (Product Director; Google; Mountain View; CA; «Web Form Design: Filling in the Blanks», Rosenfeld Media, 2008) lieferte die empirische Verbindung zwischen Proximity und Formular-Usability: Top-aligned Labels (Label direkt über dem Eingabefeld; minimaler vertikaler Abstand) erzeugen die schnellste Auge-zu-Feld-Fixation (50ms Eye-Tracking-Messung) gegenüber Left-aligned Labels (Labels linksbündig neben dem Feld; 1500ms); der Unterschied liegt primär an der Proximity zwischen Label und Feld. Jan Tschichold (Schweizer Typograf und Buchgestalter; 1902–1974; «Die neue Typographie», Bildungsverband der Deutschen Buchdrucker, 1928; «Asymmetric Typography», Reinhold Publishing, 1967) und Robert Bringhurst (Dichter/Typograf; Vancouver; British Columbia; «The Elements of Typographic Style», Hartley & Marks, 1992) wandten das Proximity-Prinzip auf Typografie an: der Abstand zwischen einer Überschrift und dem ihr folgenden Text muss kleiner sein als der Abstand zu dem ihr vorausgehenden Text – sonst erscheint die Überschrift zum falschen Abschnitt zu gehören; ein Fehler der in vielen CSS-Frameworks mit gleichem margin-top und margin-bottom auftritt.

Proximity in Formularen, Cards und Navigation

Proximity und andere Gestaltgesetze, CSS-Spacing und Design-Tools

Praxistipp: Der wichtigste Proximity-Check für jedes Interface: Betrachten Sie Ihr Design mit halb geschlossenen Augen und fragen Sie sich welche Elemente als Cluster wahrgenommen werden. Wenn Label und falsches Formularfeld zusammengehörig wirken haben Sie ein Proximity-Problem – meistens weil der Abstand zwischen Label und eigenem Feld gleich groß ist wie der Abstand zum nächsten Label. Die Lösung ist immer dieselbe: der Abstand zwischen zusammengehörigen Elementen muss mindestens halb so groß sein wie der Abstand zwischen getrennten Elementen. Konkret: Label-to-Field 8px; Field-to-next-Label 24–32px.