Zelfs een snelle site kent korte momenten van wachten: een formulier dat verstuurd wordt, een pagina die laadt, een filter dat resultaten ophaalt. Wat de bezoeker in die seconden ziet, bepaalt of het wachten meevalt of irriteert. Een leeg scherm voelt langer dan een scherm dat laat zien dat er iets gebeurt. Laadstaten goed ontwerpen is dus echt onderdeel van het ontwerp.

Laat zien dat er iets gebeurt

Het ergste is onzekerheid. Heeft mijn klik gewerkt, of hangt de site? Een knop die na het klikken verandert in "Bezig met versturen", of een subtiele animatie, neemt die twijfel weg. De bezoeker weet dan dat hij even moet wachten en niet opnieuw hoeft te klikken.

Toon de vorm vooraf

In plaats van een leeg vlak kun je alvast de omtrek tonen van wat er komt: grijze blokken op de plek van tekst en beeld. De bezoeker ziet dan al hoe de pagina eruit gaat zien en ervaart het wachten als korter. Het voelt alsof de pagina al bezig is, niet alsof er niets gebeurt.

Gevoelde snelheid telt vaak zwaarder dan gemeten snelheid. Wie ziet dat er iets gebeurt, wacht geduldiger.

Voorkom de dubbele klik

Als een knop na het klikken niet reageert, klikken mensen nog eens. Bij een formulier kan dat twee aanvragen opleveren. Schakel de knop daarom direct uit na de eerste klik en laat zien dat hij verwerkt wordt. Dat scheelt jou dubbel werk en de bezoeker verwarring.

Bevestig het resultaat

Na het wachten wil de bezoeker zekerheid: is het gelukt? Een duidelijke bevestiging, zoals "Je bericht is verstuurd, we reageren binnen een werkdag", sluit de actie netjes af. Zonder die bevestiging blijft iemand met een onzeker gevoel achter en mailt hij misschien voor de zekerheid nog eens.

Houd het rustig

Een laadanimatie hoeft niet te schreeuwen. Een ingetogen beweging in je eigen stijl past beter dan een druk, ronddraaiend spektakel. Het doel is geruststellen, niet afleiden. Net als de rest van je ontwerp werkt ook hier soberheid het prettigst.

Wil je dat ook de wachtmomenten op je site prettig aanvoelen? Neem contact op.

Verder lezen: Mooi en snel · Animaties met mate