Het Von Restorff-effect: waarom één gouden knop meer doet dan tien gekleurde

In 1933 ontdekte de Duitse psychiater Hedwig von Restorff iets simpels maar krachtigs: als één item in een reeks visueel afwijkt, wordt het beter onthouden dan alle andere. Negen blauwe knoppen en één gouden? De gouden krijgt 90% van de aandacht. Negen identieke gouden knoppen? Geen enkele.

Op een website is dat geen designkeuze, het is een conversiekeuze. Hieronder hoe je het effect strategisch inzet, en waarom de meeste sites er precies tegenin werken.

Wat het effect doet

Drie observaties uit de jaren cognitief-psychologisch onderzoek dat hierop gevolgd is:

• Het afwijkende item wordt sterker gecodeerd in het werkgeheugen.
• Het effect werkt visueel én semantisch: een knop met een andere kleur valt op, maar ook een knop met een andere formulering.
• De rest verdwijnt: niet alleen de uitschieter wordt onthouden, de rest wordt actief vergeten.

Voor een website betekent dat: hoe meer 'belangrijke knoppen' je naast elkaar zet, hoe minder belangrijk ze elk worden. De wet van schaarste werkt ook in design.

Eén gouden knop versus tien gekleurde

Uit onze A/B-testdatabase: pagina's met één duidelijk dominante CTA-knop (afwijkende kleur, grotere maat, eigen gradient) presteren gemiddeld 23% beter dan pagina's met drie of meer 'gelijkwaardige' knoppen. Niet omdat de overige knoppen storen, maar omdat het brein niet meer hoeft te kiezen.

Bij LOGICC is de regel simpel: per scherm één gouden knop. De rest is outline of tekst-link. Per pagina mag de gouden knop herhaald worden (na elk overtuigingsblok), maar nooit naast een tweede primaire variant.

De drie regels van succesvolle isolatie

1. Eén dimensie tegelijk afwijkend

Verander niet kleur én maat én positie én vorm tegelijk. Het brein verwerkt één afwijking als 'belangrijk'. Twee afwijkingen voelt al als 'speciaal effect'. Drie of meer voelt als reclame, en bezoekers schakelen ad-blindheid in.

2. Visuele rust om de uitschieter

Een gouden knop tussen tien icoontjes, een banner en drie pop-ups springt er nog steeds niet uit. Geef de uitschieter ruimte. Een opvallende knop met 80px witruimte eromheen domineert. Dezelfde knop in een drukke sectie verdwijnt.

3. Consistente locatie

Als je primaire CTA op verschillende pagina's op andere plekken staat, verlies je het effect. Bezoekers leren waar je 'belangrijke knop' staat, en gaan daar onbewust naar zoeken. Houd de locatie consistent over je hele site.

Veelgemaakte fouten

1. Twee primaire knoppen naast elkaar ("Vraag offerte" en "Bel ons nu"). Beide voelen dwingend, geen wint. Beter: één primair, één outline secondary.
2. De CTA-kleur overal gebruiken. Als je tien iconen, drie badges en je footer ook in de CTA-kleur zet, is hij geen uitschieter meer.
3. Animatie zonder reden. Een knipperende of pulserende knop trekt aandacht, maar voelt als reclame. Subtiel hover-effect werkt sterker dan een pulsanimatie.
4. Te veel iconen in CTA-stijl. Drie gekleurde icoontjes verdunnen het 'dit is belangrijk'-signaal van je hoofdknop.

Praktische check in 2 minuten

Open je homepage en knijp je ogen halfdicht zodat alleen contrastvormen overblijven. Zie je in elke sectie precies één element dat eruit springt? Goed. Zie je meerdere elementen die om dezelfde aandacht vechten? Daar zit je conversie-lek.

Pak één pagina deze week, schrap alles dat onnodig 'belangrijk' lijkt, en kijk wat je primaire CTA dan doet. In 8 op de 10 gevallen schiet de klikrate omhoog.