Een goede lege weergave ondersteunt de gebruiker door helderheid, context en mogelijke vervolgstappen aan te bieden. Dit kan worden opgebouwd uit de volgende elementen:

• Titel
  Geeft kort en krachtig aan dat er momenteel nog geen gegevens beschikbaar zijn. Vermijd technische taal; gebruik een duidelijke boodschap die de situatie beschrijft.

• Toelichtende tekst
  Deze biedt extra context over waarom er nog geen gegevens zichtbaar zijn. Dit helpt de gebruiker de situatie te begrijpen en voorkomt verwarring of frustratie. Bijvoorbeeld: “Er zijn nog geen items toegevoegd aan deze lijst” of “De gegevens worden pas zichtbaar na het voltooien van stap X.”

• Actieknop (optioneel)
  Als er een mogelijkheid is voor de gebruiker om gegevens beschikbaar te maken, voorzie dan een duidelijke call-to-action. Deze knop moedigt aan tot een relevante handeling, zoals “Voeg gegevens toe”, “Start configuratie” of “Verzend aanvraag”. Zorg dat de actie logisch aansluit bij de situatie en haalbaar is.

• Illustratie (optioneel, links van de tekst)
  Deze kan ter ondersteuning werken en zorgt er ook voor dat het geheel aangenamer oogt.

Enkele principes om rekening mee te houden:

• Wees empathisch: toon begrip voor de lege situatie en vermijd schuldinducerende taal.

• Stimuleer interactie waar mogelijk: bied een weg vooruit in plaats van een doodlopend scherm.

• Houd het visueel licht en overzichtelijk: ondersteun eventueel met een subtiele illustratie of pictogram om de lege staat te verzachten.

De melding verschijnt daar waar de gegevens verwacht zouden worden. Dus niet algemeen bovenaan de pagina of dergelijke, maar wel degelijk op dezelfde plaats als waar gegevens zouden verschijnen wanneer er zijn.

De melding wordt weergegeven door middel van de Alert component, de large variant ervan. Lees hier meer documentatie over de Alert component.