Form Summary #215
Replies: 10 comments
-
Beta Was this translation helpful? Give feedback.
-
Beta Was this translation helpful? Give feedback.
-
UtrechtScreenshots / VariantenNotities
|
Beta Was this translation helpful? Give feedback.
-
Den HaagUpdate: Op basis van gebruik verplaatst van discussion voor het Difinition list component naar deze discussion. Screenshots / VariantenNotities
|
Beta Was this translation helpful? Give feedback.
-
DSO ToolkitUpdate: Op basis van gebruik verplaatst van discussion voor het Difinition list component naar deze discussion. Screenshots / VariantenVertical emphasize description Notities
|
Beta Was this translation helpful? Give feedback.
-
DUOUpdate: Op basis van gebruik verplaatst van discussion voor het Difinition list component naar deze discussion. Screenshots / VariantenNotities
|
Beta Was this translation helpful? Give feedback.
-
OpenGemeentenUpdate: Op basis van gebruik verplaatst van discussion voor het Difinition list component naar deze discussion. Screenshots / VariantenNotities
|
Beta Was this translation helpful? Give feedback.
-
RVOUpdate: Op basis van gebruik verplaatst van discussion voor het Difinition list component naar deze discussion. Screenshots / VariantenNotities
|
Beta Was this translation helpful? Give feedback.
-
Amsterdam (interne applicaties)Update: Comment van Mike Alders verplaatst van discussion voor het Difinition list component naar deze discussion. Ik ben voorstander dat labels regular font krijgen en de waarden/values bold font. Nadeel is dat i.g.v. combinatie van inputvelden en description list inconsistentie kan optreden. In Amsterdam zijn de labels van inputs juist bold. Echter, in de meeste situaties worden data lists los van een formulier getoond. |
Beta Was this translation helpful? Give feedback.
-
Dit component wordt ook wel eens Data list genoemd. Maar de naam Datalist wordt in HTML al gebruikt voor iets anders... https://developer.mozilla.org/en-US/docs/Web/HTML/Element/datalist |
Beta Was this translation helpful? Give feedback.
-
We willen graag meer leren over het Form Summary component. In welke vorm, of vormen, wordt deze momenteel ingezet en toegepast binnen jouw organisatie?
Deel hieronder een link naar Figma, Storybook of screenshots. Met deze informatie kunnen we bewijzen dat het component onderdeel moet worden van de NL Design System component library.
Daarnaast wordt het delen van onderzoek gewaardeerd. Dus heb je zelf onderzoek gedaan en zijn er inzichten voor dit component? Dan horen we dit ook graag!
Link naar bericht in Slack
Naam
Form Summary
Doel
Overzicht van ingevoerde data in een formulier.
Gerelateerde componenten
Data Summary, Description List, Table
Richtlijnen
Meerdere stappen in een formulier - NL Design System
Onze richtlijnen rondom formulieren die uit meerdere stappen bestaan.
Onderzoek
A live service is not the end of the story - gov.uk blog
Blogpost van gov.uk over de Carer’s Allowance Service waar dit component is meegenomen tijdens onderzoek.
Contactformulier voor WMEBV - Gebruikersonderzoeken.nl
Onderzoek waarbij de Form Summary component een rol speelde op de 'Controleer uw gegevens' pagina.
Bold of Regular
We zijn op zoek naar een rationale achter de keuze voor Bold of Regular voor de 'Key' of 'Value'. Over het algemeen lijkt de 'Key' bold te worden weergegeven en de 'Value' regular. Echter kan het omgekeerde ook voorkomen (Amsterdam, DSO).
Bij Amsterdam lijkt hier nog geen definitieve richtlijn voor te zijn. Zie comment van Nico Druif in Slack
Vragen rondom dit punt werden ook gesteld op UX stackexchange:
Daar wordt o.a. het volgende benoemd:
Beta Was this translation helpful? Give feedback.
All reactions