Das Gesetz der Ähnlichkeit besagt, dass Elemente mit gleichen Merkmalen als zusammengehörig wahrgenommen werden, etwa mit gleicher Farbe, Form, Größe oder Schrift. Max Wertheimer beschrieb es 1923 als Neigung gleicher Teile, sich zusammenzuschließen. Im Webdesign sorgt das Gesetz der Ähnlichkeit dafür, dass Nutzer Links, Buttons und Überschriften wiedererkennen, ohne nachzudenken.
- Gesetz der Ähnlichkeit
Ein Gestaltgesetz: Was gleich aussieht, wird als Gruppe wahrgenommen.
Beispiel: „Nach dem Gesetz der Ähnlichkeit erkennen Besucher jeden blauen, unterstrichenen Text als Link.“Abgrenzung zum Gesetz der Nähe: Ähnlichkeit verbindet auch Elemente, die weit auseinanderstehen, etwa alle Buttons einer Seite.
Wie das Gesetz der Ähnlichkeit Inhalte ordnet
Ähnlichkeit schafft Kategorien über die ganze Seite. Alle Zwischenüberschriften in derselben Schrift zeigen die Gliederung, alle Icons im selben Stil eine Familie. Ein Element, das abweicht, fällt dadurch sofort auf, und genau darauf beruht Hervorhebung.
Das Gesetz der Ähnlichkeit bei Links und Buttons
Die Nielsen Norman Group empfiehlt, die Linkfarbe nur für klickbare Elemente zu verwenden. Wer Überschriften in derselben Farbe setzt, erzeugt Klicks ins Leere.
Für den wichtigsten Button gilt das Umgekehrte: Er bekommt eine eigene Farbe, damit sich der Call-to-Action von den übrigen Buttons abhebt. Sehen alle Buttons gleich aus, wirken alle gleich wichtig.
Wann das Gesetz der Ähnlichkeit in die Irre führt
Wenn Gleiches Verschiedenes bedeutet. Ein unterstrichener Text, der kein Link ist, und eine Karte, die wie ein Button aussieht, aber nicht klickbar ist, führen Nutzer auf falsche Fährten. Konsistenz ist deshalb kein Selbstzweck: Sie macht das Gesetz der Ähnlichkeit erst verlässlich.