Von-Restorff-Effekt: Was heraussticht, bleibt hängen

Ein rotes Element unter grauen wird sofort gesehen und länger erinnert. Wie der Von-Restorff-Effekt funktioniert und warum er nur sparsam wirkt.

von Josef KujawskiVeröffentlicht: 13. Oktober 20263 Min Lesezeit

Von-Restorff-Effekt: Was heraussticht, bleibt hängen

Kurzantwort

Der Von-Restorff-Effekt, auch Isolationseffekt genannt, beschreibt: Unter vielen ähnlichen Elementen wird dasjenige am ehesten bemerkt und erinnert, das sich deutlich abhebt. Die Psychologin Hedwig von Restorff wies ihn 1933 nach. Auf Websites hilft er, den wichtigsten Button, ein empfohlenes Paket oder eine Kernbotschaft hervorzuheben. Er wirkt aber nur, wenn wenig hervorgehoben wird. Wer alles betont, betont nichts.

Das Problem: Alles schreit, nichts fällt auf

Eine Startseite mit fünf farbigen Buttons, drei Bannern und zwei blinkenden Hinweisen. Jedes Element will gesehen werden. Das Ergebnis: Der Besucher sieht keines davon richtig und klickt im Zweifel nirgendwo. Das Gegenmittel ist ein fast hundert Jahre altes Prinzip.

Das Prinzip: Isolation macht sichtbar

Die Psychologin Hedwig von Restorff zeigte 1933 in Gedächtnisexperimenten in Berlin: Wenn in einer Liste gleichartiger Elemente ein einzelnes deutlich anders ist, etwa eine Zahl zwischen lauter Silben, wird genau dieses Element besser erinnert. ^[1] Der Effekt wird deshalb auch Isolationseffekt genannt.

Für Gestaltung heißt das: Unser Blick sucht den Unterschied. Was aus einem Muster herausfällt, wird zuerst gesehen. ^[2]

Raster aus zwölf gleichen Quadraten, von denen eines als roter Kreis heraussticht — Der Blick findet den Unterschied, bevor er den Rest betrachtet.

Kernaussage

Ein Element sticht nur heraus, wenn der Rest ruhig ist. Kontrast entsteht durch Zurückhaltung an allen anderen Stellen.

Mittel der Hervorhebung

Mittel	Beispiel	Hinweis
Farbe	Primärer Button in der Markenfarbe	Nie als einziges Signal verwenden
Größe	Größere Fläche für die Hauptaktion	Passt zu Fitts' Law
Form	Ausgefüllter Button neben Textlinks	Klare Hierarchie
Abstand	Viel Weißraum um eine Kernaussage	Wirkt hochwertig
Label	Badge „Empfehlung" im Preisvergleich	Gibt dem Kontrast eine Bedeutung
Bewegung	Dezente Animation beim ersten Laden	Sparsam, sonst Werbegefühl

Typische Einsatzorte auf Websites

Der primäre Call-to-Action. Pro Bildschirm ein klar hervorgehobener Button, alle anderen zurückhaltender.
Das empfohlene Paket. In Preistabellen lenkt eine markierte Spalte den Blick auf die beste Option.
Die Kernbotschaft. Eine einzelne, groß gesetzte Aussage in einem ruhigen Umfeld bleibt im Kopf.
Wichtige Hinweise. Fristen oder Fehlermeldungen brauchen ein eigenes, sofort erkennbares Signal.

Wireframe einer Preistabelle mit drei Spalten, die mittlere als Empfehlung hervorgehoben — Ein Badge und ein Rahmen genügen, um die Empfehlung sichtbar zu machen.

Grenzen und Fallstricke

Nicht nur Farbe. Etwa jeder zwölfte Mann hat eine Farbsehschwäche. Die WCAG verlangen, dass Informationen nicht allein über Farbe vermittelt werden. ^[3]
Nicht wie Werbung. Zu laute Elemente erinnern an Banner und werden bewusst ignoriert.
Nicht inflationär. Drei hervorgehobene Elemente auf einem Bildschirm heben sich gegenseitig auf.

Kernaussage

Pro Bildschirm eine Hervorhebung. Kombiniere Farbe mit Größe, Form oder Label, damit alle den Unterschied erkennen.

Kurz-Check

Gibt es pro Bildschirm genau ein Element, das klar heraussticht?
Ist die Hervorhebung auch ohne Farbe erkennbar?
Wirkt das hervorgehobene Element wie Teil des Designs und nicht wie Werbung?
Ist in deiner Preistabelle die empfohlene Option markiert?

Wie man Hervorhebung über eine ganze Kampagne hinweg konsequent einsetzt, entwickeln wir im Kampagnen-Studio.

Häufige Fragen

Was ist der Von-Restorff-Effekt?+

Der Effekt beschreibt, dass ein Element, das sich deutlich von gleichartigen Elementen abhebt, eher wahrgenommen und besser erinnert wird.

Wer war Hedwig von Restorff?+

Eine deutsche Psychologin, die 1933 am Psychologischen Institut in Berlin Gedächtnisexperimente durchführte und den nach ihr benannten Isolationseffekt nachwies.

Wie nutze ich den Von-Restorff-Effekt auf meiner Website?+

Hebe pro Bildschirm genau ein wichtiges Element hervor, etwa den primären Button oder das empfohlene Paket, durch Farbe, Größe, Form oder Abstand.

Warum funktioniert der Effekt nicht mehr, wenn alles hervorgehoben ist?+

Der Effekt lebt vom Kontrast. Sind viele Elemente laut, gibt es keinen Kontrast mehr, und keines sticht heraus.

Reicht Farbe allein zur Hervorhebung?+

Nein. Menschen mit Farbsehschwäche nehmen den Unterschied eventuell nicht wahr. Kombiniere Farbe mit Größe, Form, Position oder einem Label.

Ist der Von-Restorff-Effekt dasselbe wie Banner-Blindheit?+

Nein, eher das Gegenteil. Banner-Blindheit entsteht, wenn auffällige Elemente wie Werbung aussehen und deshalb ignoriert werden. Hervorhebung sollte sich daher in das Design einfügen.

Wo wird der Effekt bei Preistabellen eingesetzt?+

Das empfohlene Paket wird oft mit Badge, Rahmen oder Farbe hervorgehoben. So lenkst du den Blick auf die Option, die für die meisten passt.

Quellen

Über die Wirkung von Bereichsbildungen im Spurenfeld, Psychologische Forschung (1933)
The Von Restorff Effect, Jon Yablonski, Laws of UX (2024)
Use of Color, WCAG 2.2 Success Criterion 1.4.1, W3C (2023)

#Psychologie#Aufmerksamkeit#Call-to-Action#Gestaltung

Autor

Josef Kujawski

Geschäftsführer & Creative Director bei Maluure

Josef leitet die strategische und gestalterische Entwicklung von Marken bei Maluure. Seit über einem Jahrzehnt begleitet er mittelständische Unternehmen von der Markenpositionierung bis zur digitalen Umsetzung.

Geschäftsführer der Maluure GmbH, Köln. Spezialisiert auf Corporate Design, Markenstrategie und digitale Markenerlebnisse.

LinkedIn Website