developer.overheid.nl

Ontwikkelaarsportaal van de Nederlandse overheid

Ga naar hoofdinhoud
Concept pagina
Deze pagina is een concept. Deze zal alleen zichtbaar zijn in de ontwikkelomgeving en uitgesloten worden van de productie build.

Schermprofielen

Schermprofielen vertalen de abstracte bouwstenen (zoals Taken en Zaken) naar concrete interactiepatronen, UI-elementen, states en API-aanroepen binnen digitale overheidsportalen en apps.

Hiermee leggen schermprofielen het fundament voor een 1-overheidsbeleving: of een inwoner nu inlogt op MijnOverheid, een gemeentelijk portaal of een uitvoeringsorganisatie, de manier waarop informatie wordt gepresenteerd en acties worden uitgevoerd is herkenbaar, begrijpelijk en consistent.

NL Design System en Gebruiker Centraal​

Schermprofielen zijn visuele producten die door inwoners en ondernemers direct worden gebruikt. Om herkenbaar en digitaal toegankelijk te zijn, maken we gebruik van de ontwerpprincipes en componenten van het NL Design System en de richtlijnen van Gebruiker Centraal.

Binnen de MijnServices Community Sprint werken diverse overheidsorganisaties samen aan de ontwikkeling van toegankelijke templates voor mijnomgevingen. Scherminteractie wordt met gebruikersonderzoek getoetst: pas als een interactiepatroon bewezen helder werkt voor inwoners, wordt het vertaald naar de specificaties van de onderliggende API's. De techniek volgt de interactie, niet andersom.

De drie interactielagen​

Om versnippering te voorkomen en te zorgen voor een logische navigatie en gebruikersreis, zijn de schermprofielen ingedeeld in drie herkenbare interactielagen:

LaagVraag van de inwonerDoel van de schermenTypische schermen
1. Overzicht"Wat speelt er allemaal bij de overheid?"Oriëntatie, prioritering en scanning over meerdere domeinen of binnen een complete collectie.SCR-RECENT, SCR-TAKENOVERZICHT
2. Context"Wat hoort er bij elkaar en wat betekent dit?"Samenhang, duiding en inzage: relaties tussen zaakstatus, tijdlijn, documenten, berichten en openstaande taken.SCR-TAKEN-IN-CONTEXT, SCR-ZAAKDETAIL, documentinzage
3. Uitvoering"Ik ga de handeling nu voltooien."De daadwerkelijke transactie (zoals formulieren of betalingen), vaak gepaard met een portaalwissel naar de bronhouder en authenticatiestappen.SCR-TAAKUITVOEREN, SCR-DIGID-EH

Structuur van een schermprofiel​

Elk schermprofiel bevat:

  • Een korte functionele omschrijving en screenshot of Figma-referentie;
  • De interactietabel: per UI-element een ID, de interactie en de bijbehorende API-operatie;
  • Welke use cases het scherm gebruiken.

Schermen worden eenduidig geïdentificeerd met het patroon SCR-<ONDERWERP>. IDs zijn stabiel en worden door use cases aangehaald.

Daarnaast is er een machineleesbaar schermprofiel (YAML) beschikbaar voor geautomatiseerde validatie, snapshots en tooling.