Doch jedem noch so schnelllebigen Designtrend liegen Wahrnehmungsprinzipien zugrunde, die es dem Menschen seit Urzeiten ermöglichen, in kürzester Zeit Wichtiges von Unwichtigem zu unterscheiden und so die Ressourcen seiner Gehirnleistung zu schonen.
Definition:
Elemente, die nah beieinander liegen, werden als Gruppe wahrgenommen.
Anwendungsbeispiel Webdesign:
Der Abstand zwischen einer Überschrift und dem Folgetext sollte immer kleiner sein als der Abstand drum herum.
Definition:
Ein Element, das sich von anderen in Form, Farbe, Größe o. a. unterscheidet, wird stärker wahrgenommen.
Anwendungsbeispiel Webdesign:
Ein wichtiges Element wie ein Buchen-Button sollte sich in der Gestaltung stark vom Umfeld abheben.
Definition:
Miteinander verbundene Elemente werden als Einheit wahrgenommen.
Anwendungsbeispiel Webdesign:
Eine vertikale Zeitleiste beinhaltet diverse Verbindungslinien der einzelnen Teaser zueinander und wirkt so zusammengehöriger und kompakter.
Definition:
Elemente in einem umschließenden Rahmen werden als zusammengehörig empfunden.
Anwendungsbeispiel Webdesign:
Die vielen unterschiedlichen Elemente innerhalb einer Website sind durch Einrahmung oder Farbhinterlegung schneller wahrnehmbar.
Definition:
Elemente, die das gleiche Verhaltensmuster zeigen wie z. B. Geschwindigkeit oder Richtung, werden als eine Gruppe erkannt.
Anwendungsbeispiel Webdesign:
Hover-Effekte bei Buttons erhöhen den Wiedererkennungswert aller Buttons.
Definition:
Elemente, die sich entlang einer Linie oder Form anordnen, werden als zusammengehörig empfunden.
Anwendungsbeispiel Webdesign:
In einem Akkordion mit aufklappbarer Überschrift und Pfeil werden diese Elemente häufig durch Trennstriche “sortiert” und helfen bei der Orientierung.
Definition:
Unvollständige Elemente werden vom Gehirn vervollständigt, weil es geschlossene Formen bevorzugt.
Anwendungsbeispiel Webdesign:
Da das Gehirn selbst viele Lücken vervollständigt, kann viel reduzierter gestaltet und damit die Übersichtlichkeit stark erhöht werden.
Definition:
Elemente mit gleicher Form, Farbe, Größe o. a. werden als Gruppe wahrgenommen.
Anwendungsbeispiel Webdesign:
Konsequente Gestaltung aller Buttons, damit die User:innen sich schnell zurecht finden können.
