Laad-, fout-, lege en skeleton-statussen

Doel: Dek alle gegevensstatussen af voor een soepele gebruikerservaring.

• Laden: toon skeletweergaven
• Fout: korte, behulpzame tekst
• Leeg: leg het uit en stel een volgende actie voor
• Geslaagd: render een lijst of detailweergave

Skeletweergaven geven tijdens het laden van gegevens alvast een indruk van de indeling. Houd ze rustig en niet opzichtig, en voorkom dat de indeling verspringt wanneer de inhoud verschijnt.

Simuleer het ophalen: toon skeletweergaven tijdens het laden en render daarna de lijst. Schakel tussen de opties om de stromen voor fout en leeg te bekijken.

Een lege status moet duidelijk maken wat je kunt verwachten en een volgende stap voorstellen (bijvoorbeeld: “Nog geen items. Voeg er een toe.”). Houd de tekst kort en vriendelijk.

Foutstatus: toon een korte boodschap en een optie om opnieuw te proberen. Toon op mobiele apparaten geen ruwe stacktraces; maak de boodschap bruikbaar.

Skeletweergaven doen het volgende:

• De grootte van de uiteindelijke indeling volgen
• Een subtiele glansanimatie gebruiken
• Snel verdwijnen

Niet doen:

• Interacties onnodig blokkeren
• Verspringingen in de indeling veroorzaken

Samenvatting: Dek laden, fout, leeg en geslaagd af. Gebruik rustige skeletweergaven tijdens het laden en houd boodschappen kort en bruikbaar.