7 webdesign regels die je conversie verhogen (niet alleen je design)
Snel antwoord
Zeven webdesign regels die je conversie verhogen: de wet van Hick (minder keuzes, snellere beslissing), de wet van Fitts (grote, goed bereikbare knoppen), de wet van Jakob (doe wat bezoekers van andere sites gewend zijn), de wet van Miller (beperk informatie per keer), het Von Restorff-effect (wat afwijkt valt op), het serial position effect (begin en eind worden onthouden) en het aesthetic-usability effect (mooi voelt makkelijker). Samen maken ze je site duidelijker en effectiever.
Ik zeg vaak: acht menu-items? Iedereen klikt verkeerd. Dat is geen smaak, dat is de wet van Hick. Veel van wat ik na 250+ websites 'gevoel' noem, blijkt al decennia beschreven en onderzocht.
| Regel | In één zin | Toepassing |
|---|---|---|
| Wet van Hick | Meer keuzes = langer twijfelen | Max. 5 tot 7 menu-items |
| Wet van Fitts | Grote, dichtbije knoppen klik je sneller | Grote knoppen, ook op mobiel |
| Wet van Jakob | Mensen verwachten wat ze kennen | Logo links, menu bovenaan |
| Wet van Miller | Het werkgeheugen is beperkt | Info in kleine groepjes |
| Von Restorff-effect | Wat afwijkt, valt op | Eén accentkleur voor je knop |
| Serial position effect | Begin en eind blijven hangen | Belangrijkste menu-items voor- en achteraan |
| Aesthetic-usability effect | Mooi voelt makkelijker | Verzorgd design verhoogt vertrouwen |
Deze regels komen uit de psychologie en UX research en worden onder meer verzameld op Laws of UX. Hieronder leg ik ze uit in gewone taal en laat ik zien hoe je ze in een Squarespace website toepast.
1. De wet van Hick
Hoe meer keuzes, hoe langer iemand nadenkt, en hoe groter de kans dat hij niets kiest. Beperk je menu tot vijf à zeven items, geef per pagina één primaire knop en groepeer je diensten.
2. De wet van Fitts
Hoe groter en dichterbij een knop, hoe sneller je erop klikt. Maak knoppen groot genoeg, zeker op mobiel, en zet ze waar het oog al is: direct onder je kop of naast je prijs. Lees Squarespace buttons stylen.
3. De wet van Jakob
Bezoekers brengen de meeste tijd door op andere websites. Ze verwachten dat jouw site hetzelfde werkt: logo linksboven als link naar home, menu bovenaan, contact rechtsboven. Origineel zijn kan, maar niet ten koste van wat mensen gewend zijn.
4. De wet van Miller
Ons werkgeheugen houdt maar een paar dingen tegelijk vast. Breek lange teksten op in korte alinea's, gebruik tussenkoppen en opsommingen, en presenteer pakketten in overzichtelijke groepen van drie.
5. Het Von Restorff-effect
Wat afwijkt, valt op. Gebruik één accentkleur alleen voor je belangrijkste knop. Gebruik je die kleur overal, dan valt niets meer op.
6. Het serial position effect
Mensen onthouden vooral het eerste en het laatste in een rij. Zet je belangrijkste menu-item voorop en je contactknop achteraan, en begin en eindig elke pagina met je kernboodschap.
7. Het esthetische gebruikersgemak effect
Mensen vinden een mooi ontwerp makkelijker in gebruik, en vergeven er kleine fouten in. Verzorgd design is dus geen luxe, maar een manier om vertrouwen te wekken. Lees ook websitepsychologie: 6 principes voor vertrouwen en 9 aanpassingen voor meer conversie.
Veelgestelde vragen over webdesign regels
Wat is de wet van Hick?
Wat is de wet van Jakob?
Hoeveel menu-items is ideaal?
Waar vind ik meer over UX regels?
Over de schrijver
Anouk is Squarespace webdesigner en oprichter van Made by Anouk. Sinds 2019 bouwt ze uitsluitend in Squarespace: inmiddels 250+ websites voor ondernemers, praktijken en organisaties in Nederland en België, met een 4.9 Google rating. Made by Anouk is Squarespace Circle Platinum Partner.
Anouk past deze principes toe in elke Squarespace website die ze bouwt. Benieuwd waar jouw site ze mist? Plan een gratis adviesgesprek.
Meer lezen over Squarespace Nederland?
