Skeleton UI

Tijdens het gebruik van de applicatie wordt er veel data op de achtergrond opgehaald en dit kan tijd kosten. Om de gebruiker duidelijk te maken dat de data geladen wordt kun je dit laten weten doormiddel van een spinner.

Een spinner geeft geen enkele indicatie over hoe ver het laden is, hierdoor lijkt het laden alleen maar langer te duren (Shakir, 2018). Wat er na het laden verschijnt is ook vaak een verassing, iets wat je liever niet wilt veroorzaken, aangezien verassingen ook negatief kunnen zijn.

Om aan te geven hoever het laden is kan een 'progress bar' gebruikt worden. Echter kan er in de applicatie die voor deze opdracht gebouwd wordt niet geweten worden hoe ver het laden is. Om dit probleem op te lossen worden er door ontwerpers en ontwikkelaars 'progress bars' gebruikt die nepdata weergeven (Waddell, 2017), waarin er geschat wordt hoe ver de het laden is. Voor in deze app is er echter een betere oplossing: 'skeleton UI'.

Zoals hierboven te zien geef je met het linker 'skeleton' scherm een indicatie over hoe de content eruit kan gaan zien. Hierdoor komt de gebruiker niet voor verassingen te staan. Doormiddel van lege blokken wordt aangegeven waar de content komt te staan. Met een animatie wordt daarbij vaak aangegeven dat er data geladen wordt. Dit is ideaal om toe te passen in de applicatie van deze opdracht, aangezien we precies weten hoe de data eruit komt te zien.