Feedback
Skeletons er placeholdere som visuelt kommuniserer at deler av innholdet er i ferd med å laste inn og hvordan innholdsoppsettet vil se ut.
Bruk Skeleton når
- seksjoner på siden gradvis fylles med innhold — for eksempel tekst, bilder eller data i tabeller — etter hvert som det blir tilgjengelig. Det gir brukeren en forventning om hva som kommer, og en opplevelse av redusert ventetid.
- data hentes fra baksystemer med lang ventetid, og ikke er umiddelbart tilgjengelig
- det laster inn mer enn ett element samtidig som krever en indikator
- innholdet har en fast størrelse og oppsettet er forutsigbart
Unngå Skeleton når
- det er en langvarig prosess, f.eks. importering av data eller opplasting av en fil — bruk heller Progressbar
- det er en rask prosess som tar mindre enn 300 ms — vurder heller en vanlig Loader, eller om du i det hele tatt trenger en lastetilstand
- det er en liten, inline handling, f.eks. et knappeklikk der handlingen kan ta tid — bruk heller en lastespinner i knappen
Retningslinjer
Skeletons blir borte og erstattes med innhold så snart dataene er tilgjengelige.