GitHub Discussion(s) voor het verzamelen van inzichten rondom een Meerstappenformulier

[jeffreylauwers]

We hebben Figma templates voor een meerstappenformulier. Elke keer als we de mogelijkheid zien om iets te verbeteren doen we dat. Dat kan zijn door inzichten uit gebruikersonderzoek of feedback van communityleden. Daarmee raakt/is de documentatie op nldesignsystem.nl ook achterhaald.

Tijdens een Design Open Dag besloten we om GitHub Discussion te gebruiken om deze inzichten en wijzigingen te bewaren. Dit dient ook direct als naslagwerk.

Inmiddels is er een GitHub Discussion aangemaakt: https://github.com/orgs/nl-design-system/discussions/364

Deze moet nog verder aangevuld worden.

Acties

• GitHub Discussion aanvullen met inzichten en aanpassingen die de afgelopen periode hebben plaatsgevonden in.
• Met Robbert, Yolijn en Rozerin overleggen hoe deze Discussion samenhangt met de documentatie rondom formulieren op nldesignsystem.nl en de rapportages op gebruikersonderzoeken.nl
• Bepalen of het 1 Discussion blijft of dat er 'losse' Discussions per onderdeel aangemaakt moeten worden.
• Vanuit Figma templates linken naar de Discussion.
• Community informeren over het bestaan van de Discussion(s).

Acceptatiecriteria

• GitHub Discussion aangevuld met inzichten en aanpassingen.
• GitHub Discussion aangevuld 'Verder onderzoeken'.
• Samenhang besproken en issues aangemaakt voor aanvullende acties.
• Community is geinformeerd over het bestaan van de Discussion(s).

Overwegingen

• Forms, Forms, Forms Miro linken? -> Ja
• Moeten we stukjes content van nldesignsystem.nl overzetten? En verwijzen naar de Discusison(s)?

Gerelateerde issues

https://github.com/nl-design-system/kernteam/issues/578

Handige links

• Forms, Forms, Forms
• Onderzoek Den Haag met inzichten rondom meerstappenformulier
• Miro zoals gebruikt bij onderzoek naar Klachtenformulier. Met punten die we naast de flow zelf ook in de gaten hielden.
• Richtlijn over voortgang in meerstappenformulier bespreken #1895

[jeffreylauwers]

Gaan we deze Discussion opsplitsen in 'losse' Discussions? Dan heb ik alvast een intro geschreven voor een 'losse' Discussion.

{naam-patroon} of {naam-template}

In deze GitHub Discussion verzamelen we informatie over het patroon: {naam-patroon} / het template: {naam-template}.

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 Meerstappenformulieren. Daarin vind je alle gerelateerde discussions op een rijtje en meer achtergrond over de onderzoeken die in deze discussion worden aangehaald.

[jeffreylauwers]

Gaan we deze Discussion opsplitsen in 'losse' Discussions? Dan kan de intro van de huidige Discussion grotendeels hergebruikt worden. Hieronder het voorstel:

---

Formulier patronen en templates

Dit is een overkoepelende GitHub Discussion rondom Formulieren en Meerstappenformulieren. Hier vind je

• Gerelateerde GitHub Discussions van Patronen en Templates.
• Informatie over de onderzoeken waar, binnen de Discussions, naar wordt verwezen.

Doelen

• Inzicht bieden in de designs. We laten graag zien welke wijzigingen er zijn doorgevoerd en hoe we tot de huidige ontwerpen zijn gekomen.
• Feedback en lessen. We willen graag jullie feedback horen en de lessen die jullie zelf hebben geleerd met betrekking tot formulieren ontwerpen. Zo kunnen we onze template continu verbeteren.
• Bron van waarheid. Samen willen we één centrale plek creëren waar alle informatie over de meerstappenformulier template staat. Dit is waardevol voor gebruikers die deze template willen gebruiken.
• Vragen stellen. Iedereen is uitgenodigd om vragen te stellen, inzichten te delen en samen te sparren over mogelijke verbeteringen.

Gerelateerde GitHub Discussions

Patronen

• Voortgang indicatie
• Verplichte velden
• Foutmeldingen
• 'Volgende stap' actie
• Opslaan of Stoppen
• Terug navigeren
• Inloggen
• Bestand toevoegen
• Page Header
• Page Footer / Hulp bieden
• Stapelen en uitlijnen
• Visueel ontwerp

Templates

• Startpagina
• Intropagina
• Controlepagina
• Bevestigingspagina

Mis je een patroon of template?
Laat het ons weten of start zelf een nieuwe Discussion.

Figma Templates

Vanuit het NL Design System bieden we Figma Templates aan. In deze templates proberen wij alle best-practices op basis van richtlijnen en inzichten uit onderzoek te verwerken.

Meerstappenformulier template - Figma

Gebruik deze templates gerust voor je eigen onderzoek. En laat weten wat jij hebt geleerd.

Richtlijnen

Introductie richtlijnen NL Design System voor formulieren
Onze richtlijnen rondom formulieren. Hierbij zijn we uitgegaan van toegankelijkheid, gebruikersvriendelijkheid en consistentie, ondersteund door gebruikersonderzoek. Per Discussion verwijzen we naar specifieke richtlijnen.

Onderzoeken

Workshop: Forms, Forms, Forms - Miro (2023)
Initiatief vanuit Den Haag waarbij verschillende designers online bij elkaar kwamen om design vraagstukken rondom meerstappenformulieren met elkaar te bespreken en keuzes te maken.

Onderzoek: Contactformulier voor WMEBV - Gebruikersonderzoeken.nl (2023)
Gebruikersonderzoek uitgevoerd door Stichting Accessibility, in samenwerking met VNG en het NL Design System. Het onderzoek richtte zich op een meerstappenformulier om contact op te nemen met de gemeente. Het meerstappenformulier is voorgelegd aan mensen met een beperking of die minder taalvaardig zijn. Het formulier maakt onderdeel uit van een handreiking die is geschreven in het kader van de Wet modernisering elektronisch bestuurlijk verkeer (WMEBV).

• Meer informatie over het WMEBV project
• Bekijk het formulier dat is gebruikt tijdens het onderzoek
• Bekijk de formulier templates in Figma

Onderzoek: Vergunning aanvragen - Gemeente Den Haag (December 2023)
Gemeente Den Haag heeft onderzoek gedaan naar een meerstappenformulier rondom het aanvragen van een vergunning. Het prototype is voorgelegd aan ondernemers.

Onderzoek: Generiek Klachtenformulier - Ronde 1 (Juni 2024)
Tijdens de Design Open Dag van juni hebben we een meerstappenformulier voor het indienen van een klacht voorgelegd aan inwoners van Utrecht. Het formulier en het onderzoek zijn tot stand gekomen door een samenwerking van verschillende gemeenten om tot een generiek klachtenformulier te komen.

Onderzoek: Generiek Klachtenformulier - Ronde 2 (November 2024)
Tijdens de Design Open Dag van november hebben we een tweede ronde onderzoek gedaan voor het generieke klachtenformulier. Daarbij wilde we achterhalen over de aanpassingen ten opzichte van ronde 1 daadwerkelijk een verbetering waren.

Heb jij onderzoek gedaan en inzichten opgehaald?

Laat het ons weten en vul de betreffende Discussion vooral aa