Er zijn laadtoestanden om één vraag voor de gebruiker te beantwoorden: gebeurt er iets? Zonder antwoord tikken mensen nogmaals, laden de pagina opnieuw of vertrekken. Het juiste antwoord hangt af van hoe lang ze wachten.
Bij zeer korte wachttijden, minder dan ongeveer een tiende van een seconde, merken de meeste mensen geen vertraging op, dus een indicator zorgt alleen maar voor flikkering. Een veelgebruikte techniek is om even te wachten voordat je een spinner laat zien, zodat snelle reacties er helemaal geen laten zien.
Laat bij wachttijden van een seconde of een paar seconden feedback zien waar het resultaat zal verschijnen. Een skeletscherm, een grijze omtrek van de komende lay-out, werkt goed voor lijsten, kaarten en profielen omdat het laat zien wat er gaat komen en de lay-outverschuiving wordt verminderd. Een spinner werkt voor kleine gebieden of wanneer het resultaat geen voorspelbare vorm heeft.
Laat bij lange taken zoals uploads, exporten of AI-generatie echte vooruitgang zien als je deze kunt meten, leg uit wat er gebeurt en laat mensen hun werk annuleren of doorgaan met ander werk. Een spinner die een minuut lang draait zonder verdere informatie, voelt als een mislukking.
De controle die de actie heeft gestart, heeft ook een status nodig. Een verzendknop die overschakelt naar een laadstatus en niet tweemaal kan worden ingedrukt, voorkomt dubbele bestellingen en berichten. Wanneer het laden eindigt, ga dan duidelijk naar succes of fout, in plaats van stilletjes terug te keren naar de standaardinstelling.
Animatie helpt hier, maar houd het rustig en kort in een lus, en respecteer de instelling met verminderde beweging. Met ExodeUI, die wij maken, kunt u een lader of knop ontwerpen met laad-, succes- en foutstatussen in één bestand waar uw code tussen schakelt.