Lastetilstander eksisterer for å svare på ett spørsmål for brukeren: skjer det noe? Uten svar trykker folk på nytt, laster inn siden på nytt eller går. Det riktige svaret avhenger av hvor lenge de venter.
Ved svært korte ventetider, under omtrent en tiendedel av et sekund, merker de fleste ikke en forsinkelse, så en indikator gir bare flimmer. En vanlig teknikk er å vente kort før du viser en spinner, så raske svar viser aldri en i det hele tatt.
For venter på et sekund eller noen sekunder, vis tilbakemelding hvor resultatet vil vises. En skjelettskjerm, en grå omriss av den kommende layouten, fungerer godt for lister, kort og profiler fordi den viser hva som kommer og reduserer layoutforskyvning. En spinner fungerer for små områder eller når resultatet ikke har noen forutsigbar form.
For lange oppgaver som opplasting, eksport eller AI-generering, vis reell fremgang hvis du kan måle den, forklare hva som skjer og la folk avbryte eller fortsette med annet arbeid. En spinner som snur seg i et minutt uten annen informasjon føles som en fiasko.
Kontrollen som startet handlingen trenger også en stat. En send-knapp som bytter til en lastetilstand, og som ikke kan trykkes to ganger, forhindrer dupliserte bestillinger og meldinger. Når lasting avsluttes, flytt tydelig til suksess eller feil i stedet for å stille tilbake til standard.
Animasjon hjelper her, men hold den rolig og kort i en loop, og respekter innstillingen for redusert bevegelse. ExodeUI, som vi lager, lar deg designe en laster eller en knapp med lasting, suksess og feiltilstander i én fil som koden din veksler mellom.