💡 Perceived Performance
Perceived performance is hoe snel een website lijkt te zijn – niet hoe snel deze technisch echt is. Kleine visuele signalen kunnen de laadtijd korter aanvoelen voor de gebruiker.
Bijvoorbeeld: alleen het woordje "Loading..." tonen kan al suggereren dat de site snel reageert.
📌 Voorbeeld: Pinterest
Bij Pinterest wordt tijdens het laden alvast:
- de juiste breedte en hoogte van een afbeelding gereserveerd,
- en een belangrijke kleur van de afbeelding getoond.
Zo blijft de lay-out stabiel en lijkt het laden sneller.
⏱️ Visuele Reactietijd
| Tijd | Actie |
|---|---|
| < 300 ms | Directe reactie – voelt instant aan. |
| 300 ms – 2 s | Normale laadtijd – eventueel een succesbericht tonen. |
| 2 – 5 s | Geef aan dat de gebruiker wacht – toon een loading state. |
| > 5 s | Voeg extra feedback toe om de gebruiker bezig te houden. |
Ideeën voor > 5 seconden wachten:
- Spinner of animatie
- Tekst als:
- "Even geduld..."
- "We zijn er bijna!"
- "Hang in there 👊"
- Voeg een annuleren-knop toe
📊 Progressiebalk met animatie
Gebruik een progressiebalk met een ease-in animatie.
Dit voelt natuurlijker aan dan een lineaire balk en voorkomt frustratie bij langere wachttijden.