Overzicht - Mijn zaken - Mijn omgevingen

[ux-fran]

Note

• In deze GitHub Discussion verzamelen we informatie over het patroon: Overzicht Zaken - 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.

Op basis van workshops met ontwerpers en gemeenten zijn de volgende elementen benoemd als minimale inhoud van de component Overzicht Zaken.

Basis inhoud

• Component: Page Header
  Bevat gebruikersinformatie en toegang tot profiel/loguit.

• Component: Breadcrumb
  Contextuele navigatie met weergave van hiërarchie: Home › MijnGemeente › Mijn zaken.

• Component: Side navigation

• Component: Alert (optioneel)
  Alleen zichtbaar bij belangrijke meldingen, zoals onderhoud.

• Component: Page Footer
  Bevat vaste content en blijft hetzelfde, ook wanneer een gebruiker is ingelogd.

---

Paginaspecifieke inhoud

Figma voorbeeld: Figma voorbeeld - Mijn zaken

Minder dan 10 zaken

Voor minder dan 10 zaken zijn er momenteel twee voorstellen:

Voorstel 1: Lopende en gesloten zaken in één overzicht (als cards)

• Component: Heading: Mijn zaken
• Component: Cards: Zaken
  • Zowel lopende als gesloten zaken worden als kaarten weergegeven.
  • Gesloten zaken worden in een grijze stijl getoond.
  • Maximaal 10 kaarten zichtbaar.
  • Geen tabstructuur aanwezig.

Zie ook: Patroon: Objectweergave – Mijn omgeving

Voorbeeld voorstel 1 - minder dan 10 zaken zonder tabs

Voorstel 2: Alleen lopende zaken zichtbaar (via tabs)

• Component: Heading – Mijn zaken
• Component: Tabs
  • Met tabbladen voor "Open zaken" en "Gesloten zaken".
• Component: Cards – Lopende zaken
  • Maximaal 10 kaarten zichtbaar.
  • Alleen tekst indien geen open zaken.

Zie ook: Patroon: Objectweergave – Mijn omgeving

Voorbeeld voorstel 2 - minder dan 10 zaken met tabs

Let op: er is nog geen definitieve keuze gemaakt tussen deze twee voorstellen. Er lijkt voorkeur voor tabs wanneer gesloten zaken apart getoond moeten worden.

---

Meer dan 10 zaken

Bij meer dan 10 zaken is er gekozen voor een tabelweergave in plaats van een lijst of kaarten. De voorkeur voor tabellen is onderbouwd door onderzoek bij MijnProducten en gebruikers met hoge volumes aan zaken.

Ook hier twee voorstellen:

Voorstel 1: Lopende en gesloten zaken in een tabel zonder tabs

• Component: Heading - Mijn zaken

• Component: Zoekbalk
  Voor snelle filtering binnen de tabel.

• Component: Filter
  Voor verfijning op type of status.

• Component: Paragraaf - Aantal zaken
  Toont het totaal aantal zaken (bijv. "44 zaken").

• Component: Tabel - Zaken

  • met kolom voor "Open" en "Gesloten" zaken.
  • Per rij: naam, datum, open/gesloten.

• Component: Paginering
  Alleen zichtbaar indien meer dan 10 resultaten.

Voorbeeld meer dan 10 zaken zonder tabs

Voorstel 2: Lopende en gesloten zaken in een tabel met tabs

• Component: Heading - Mijn zaken

• **Component: Tabs - Open zaken / Gesloten zaken

• Component: Zoekbalk
  Voor snelle filtering binnen de tabel.

• Component: Filter
  Voor verfijning op type of status.

• Component: Paragraaf - Aantal zaken
  Toont het totaal aantal zaken (bijv. "44 zaken").

• Component: Tabel - Zaken

  • met kolom voor "Open" en "Gesloten" zaken.
  • Per rij: naam, datum, open/gesloten.

• Component: Paginering
  Alleen zichtbaar indien meer dan 10 resultaten.

Voorbeeld meer dan 10 zaken met tabs

Let op: er is nog geen definitieve keuze gemaakt tussen deze twee voorstellen.

---

Openstaande 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.

• Wat is voor gebruikers de beste manier om gesloten zaken te tonen: geïntegreerd met lopende zaken of via tabs?
• Wat zegt gebruikersonderzoek over voorkeur voor cards vs. tabel bij grotere aantallen zaken?

Gerelateerde patronen en componenten

• Overzicht - Taken
• Objectweergave – Mijn omgeving

---

Deel hier je inzichten of link naar onderzoek dat aansluit op het gebruik van de Overzichtspagina voor zaken 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]

Wat betreft weergave met tabs van open/gesloten zaken hebben we bij MijnOverheid getest in kwalitatief gebruikersonderzoek. Daarbij observeerden we dat het voor mensen:

• Lastig was te begrijpen wanneer een zaak open is en wanneer gesloten. De organisatie bepaalt wanneer een zaak wordt gesloten en dat komt niet altijd overeen met de beleving van een burger,
• De indruk werd gewekt dat de zaak is verdwenen wanneer deze is gesloten 'Hé, hij stond op deze plek en is nu weg?',
• De vindbaarheid van een tab of link naar een aparte pagina voor gesloten zaken werd slecht gevonden. Het duurde lang en vaak pas na een hint van de interviewer viel het op. En dat was wanneer gevraagd werd een gesloten zaak op te zoeken, men klikte er uit zichzelf niet op;

Helaas is het onderzoek intern geweest en zijn deze bevindingen daar korter benoemd dan hierboven beschreven. Dat komt omdat het voor ons bijvangst was, het onderzoeksdoel lag op een ander vlak. Ik kan het (nog) niet delen.