Progress bars hoeven niet saai te zijn (kijk naar het busje van Coolblue)

Ergens in je product loopt een balkje langzaam vol terwijl je gebruiker ernaar zit te staren. Coolblue maakte van dat moment een bezorgbusje, en mensen vinden het oprecht leuk om dat naar huis te zien rijden. Onder de grap zit echte psychologie. Zo werkt die, en zo bouw je een variant die bij je product past.

Last updated: 2 juli 2026

TL;DR Samenvatting

De impact:

Een progress bar is een van de weinige momenten waarop je gebruiker gegarandeerd oplet. Stop er wat vakmanschap in: het wachten voelt korter en meer mensen maken af waar ze aan begonnen. Doe je het echt goed, dan wordt de balk zelf iets wat mensen onthouden en doorvertellen. Dat is wat er met het busje van Coolblue gebeurde.

Waarom het werkt:

Zichtbare voortgang draait op het goal-gradient effect: hoe dichter we bij een doel komen, hoe harder we ervoor werken. Een bewegende balk geeft die trekkracht houvast. Je ziet het einde dichterbij komen, dus wil je er ook komen.

Waarom we niet kunnen wegkijken van een vollopende balk

Vier gedocumenteerde effecten spelen mee zodra er een voortgangsindicator in beeld staat. Een grijze standaardbalk doet er niets mee.

Goal-gradient effect. Hoe dichter bij klaar, hoe sterker de trekkracht. De ratten van Hull renden sneller vlak voor het voer, en mensen kopen sneller koffie naarmate de stempelkaart voller raakt. Het laatste stuk van je balk is pure motivatiebrandstof.
Het Zeigarnik-effect. Onafgemaakte taken blijven gratis in je hoofd hangen. Een zichtbaar halfvolle balk opent een lus die je gebruiker wil sluiten.
Endowed progress. Mensen werken harder voor een doel waar ze al aan begonnen lijken te zijn. Waar je balk begint is daarmee een ontwerpkeuze.
De peak-end rule. Mensen beoordelen een ervaring op het meest intense moment en het einde, niet op het gemiddelde. Een kleine viering op 100% waardeert achteraf de hele wachttijd op.

Het bewijs: het goal-gradient effect gaat terug tot de doolhofexperimenten van Clark Hull in de jaren dertig en werd decennia later bij mensen gerepliceerd met koffiestempelkaarten. Streaks en levels lenen dezelfde psychologie. Een progress bar is alleen de kleinste, goedkoopste plek om die toe te passen.

Dezelfde wachttijd, twee gevoelens

Eén bestelstatus, twee keer weergegeven met dezelfde cijfers. De bovenste balk rapporteert voortgang. De onderste maakt er een pakketje van dat naar huis komt.

De standaard

Bestelling in behandeling…12%

boxbirdbestelling #8471 · vandaag

Bestelling ontvangen12%

Beide balken draaien op dezelfde spring en dezelfde cijfers. Toch geeft maar één van de twee je een busje om voor te juichen.

Dat is precies de truc die Coolblue uithaalde. Niemand kijkt een percentage terug. Een busje dat naar je huis rijdt is wél een verhaaltje, en een verhaaltje heeft een einde dat je wilt zien. De bestelstatus veranderde van iets wat je checkt in iets wat je laat zien aan wie er toevallig naast je zit.

Wat een progress bar leuk maakt

Het busje kopiëren heeft geen zin. Wat deze balken laat werken is de match, plus een handvol regels.

Laat de metafoor de belofte vertellen. Het busje van Coolblue werkt omdat de balk over een bezorging gaat. Een setup-wizard kan een gebouw zijn dat groeit, een koffiebestelling een kopje dat volloopt. Willekeurige confetti op een databasesync is alleen maar decoratie.
Ga nooit achteruit. Een balk die terugspringt breekt het vertrouwen in één frame. Schat conservatief, zodat de balk vooruitschiet als je cijfers ernaast zitten, in plaats van terug te kruipen.
Maak het einde af. De aandacht piekt in het laatste stuk, dus daar hoort het vakmanschap. Een deurbel op 100% is meer waard dan alle polish op 40% bij elkaar.
Blijf eerlijk. Leuk is geen vrijbrief om te faken. Zegt de balk 90%, dan moet het werk ook ongeveer 90% af zijn. Vanaf het moment dat gebruikers een liegende balk betrappen, voelt elke volgende wachttijd langer.
Ontwerp voor de honderdste keer. Een checkout die iemand één keer ziet mag theatraal zijn. Een syncbalk die ze dagelijks zien moet kalm zijn. Hoe vaker iemand een animatie ziet, hoe rustiger die moet zijn.

De oudste truc: laat de balk voorstaan

Je hebt niet eens een busje nodig. Waar de balk begint bepaalt hoeveel mensen het einde halen.

Spaarkaarten bewezen het decennia geleden al: in de wasstraatstudie van Nunes en Drèze werd een kaart van 10 stempels waarvan er 2 alvast gezet waren bijna twee keer zo vaak volgemaakt als een lege kaart van 8, bij identieke moeite. Dezelfde vliegende start werkt op alles met een balk. Laat de profielmeter op 20% beginnen na het invullen van een e-mailadres, of open de ordertracker met de eerste stap alvast afgevinkt.

Het principe: waar een balk begint is een ontwerpkeuze, geen data-uitlezing. Geef mensen een vliegende start en meer van ze halen het einde.