Laddningstillstånd finns för att svara på en fråga för användaren: händer något? Utan svar trycker folk igen, laddar om sidan eller går. Rätt svar beror på hur länge de väntar.
För mycket korta väntetider, under ungefär en tiondels sekund, märker de flesta inte en fördröjning, så en indikator lägger bara till flimmer. En vanlig teknik är att vänta kort innan du visar en spinner, så snabba svar visar aldrig någon alls.
För väntan på en sekund eller några sekunder, visa feedback där resultatet kommer att visas. En skelettskärm, en grå kontur av den kommande layouten, fungerar bra för listor, kort och profiler eftersom den visar vad som kommer och minskar layoutförskjutningen. En spinner fungerar för små ytor eller när resultatet inte har någon förutsägbar form.
För långa uppgifter som uppladdningar, exporter eller AI-generering, visa verkliga framsteg om du kan mäta det, förklara vad som händer och låt folk avbryta eller fortsätta med annat arbete. En spinner som vänder sig en minut utan annan information känns som ett misslyckande.
Kontrollen som startade åtgärden behöver också ett tillstånd. En skicka-knapp som växlar till ett laddningstillstånd och inte kan tryckas två gånger, förhindrar dubbletter av beställningar och meddelanden. När laddningen slutar, gå tydligt till framgång eller fel istället för att tyst återgå till standardinställningen.
Animation hjälper här, men håll den lugn och kort i en loop, och respektera inställningen för reducerad rörelse. ExodeUI, som vi gör, låter dig designa en laddare eller en knapp med laddnings-, framgångs- och feltillstånd i en fil som din kod växlar mellan.