Page Header - Mijn omgevingen

[ux-fran]

Note

• In deze GitHub Discussion verzamelen we informatie over het patroon: Breadcrumb - Mijn omgeving.
• We zijn op zoek naar best practices en inzichten uit onderzoek. Zo kunnen we toewerken naar patronen en templates die gebruiksvriendelijk en toegankelijk zijn. Vul deze GitHub Discussion vooral aan.
• Er is ook een overkoepelende GitHub Discussion voor Mijn omgeving patronen en templates. Daar vind je alle gerelateerde discussions op een rijtje. Maar ook meer achtergrond over de onderzoeken die in deze discussion worden aangehaald.

---

Page Header – Minimale inhoud

Op basis van workshops met ontwerpers en gemeenten zijn de volgende elementen benoemd als minimale inhoud van de Page Header:

• Component: Logo
  Herkenbaar gemeentelogo of logo van de overheidsinstantie.

• Component: Naam van de ingelogde gebruiker
  Weergave van naam met initialen.

• Component: Uitklapmenu onder de gebruikersnaam
  Bevat opties zoals:

  • Mijn gegevens
  • Uitloggen

  Let op: dit menu bevat geen links naar andere Mijn-Omgeving-pagina’s.

• Component: Language navigation
  Switch om de taal van de omgeving te wijzigen.

• Component: Uitlogknop
  Duidelijke, bereikbare knop of menuoptie om de sessie te beëindigen.

Figma uitwerking

Zie Figma uitwerking

Richtlijnen en overwegingen

• Initialen worden gebruikt als avatar indien geen profielfoto aanwezig is.
• Het uitklapmenu moet beperkt en relevant blijven (géén navigatie tussen Mijn-pagina's).
• De header moet responsief zijn en toegankelijk op verschillende schermgroottes.
• Taalwissel moet voldoen aan toegankelijkheidscriteria (bijv. aria-labels).

Onderzoeksvragen

Dit zijn de vragen die tijdens de Mijn mijn mijn workshop naarboven kwamen. Mocht je in de toekomst een onderzoek uitvoeren waar dit onderwerp in voorkomt, overweeg dan de volgende vragen mee te pakken en de uitkomsten terug te koppelen. Wij zijn reuze benieuwd.

• Welke vormgeving en positionering van de gebruikersnaam zorgt voor het meeste vertrouwen?
• Is het helder voor gebruikers dat het menu onder de naam alleen accountopties bevat?
• Wordt het onderscheid tussen “uitloggen” en “mijn gegevens” intuïtief begrepen?

Gerelateerde templates waarin dit component terugkomt

• Overzichtpagina - "Startpagina"
• Overzichtspagina’s
  • Taken
  • Zaken
  • Berichten
  • Thema
  • Profielgegevens
• Detailpagina’s
  • Zaak
  • Bericht
  • Thema
• Subpagina
  • Thema subpagina

---

Deel hier je inzichten of link naar onderzoek dat aansluit op het gebruik van de Page Header binnen Mijn omgevingen.

[ux-fran]

Workshop: Mijn Mijn Mijn

Tijdens de Mijn Mijn Mijn workshop onderzochten we samen met UX-designers uit overheidsland hoe de verschillende onderdelen van de Mijn Omgeving eruitzien binnen hun organisatie. We verzamelden inzichten via screenshots, stemrondes en discussievragen om samen tot slimme standaarden en templates te komen.

We probeerden antwoord te krijgen op vragen zoals:

• Welke onderdelen zijn essentieel in de Page Header?
• Hoe ziet een goede breadcrumb eruit?
• Wat moet er minimaal op een overzichtspagina zoals “Mijn Zaken” of “Mijn Berichten” staan?
• Welke blokken zijn nodig in een detailpagina van een zaak of bericht?
• Welke onderdelen verdienen standaardisatie, en waar is ruimte voor variatie?

Bekijk het Mijn Mijn Mijn Miro board voor stemmen, discussiepunten, inspiratie en visuele input van deelnemende organisaties.

[Anton-Olivier]

Een MijnOverheid gebruikersonderzoek heeft het wijzigen van e-mailadres getest. Bijvangst was dat de respondenten zonder uitzondering eerst keken of daar rechtsboven in de header voor beschikbaar was. Zie de GitHub discussie over Profielgegevens voor meer details.