NL Design System
Radio Group #222
Replies: 11 comments
-
Open FormulierenScreenshots / VariantenStorybook Validatie Notities
|
Beta Was this translation helpful? Give feedback.
-
|
Ik heb één inzicht gevonden uit ons onderzoek naar formulieren in 2022. De radio buttons die we hadden ontworpen waren 44px groot. Gebruikers waardeerden deze grootte, omdat het eenvoudig te selecteren was op touchscreen devices. Het is dus belangrijk om rekening te houden met het bieden van voldoende ruimte bij radio groups en/of tussen form field radio options. 
|
Beta Was this translation helpful? Give feedback.
-
AmsterdamScreenshots / VariantenStorybook Radio group
Radio group with error Figma Form field met Radio group - validatie Notities
|
Beta Was this translation helpful? Give feedback.
-
Den HaagScreenshots / VariantenStorybook Radio Button Group Radio Button Group With Description Figma - Huidig Radio button group Figma - WIP Radio group Radio group met description Mogelijkheid voor description per optie. Radio group met validatie Notities
|
Beta Was this translation helpful? Give feedback.
-
DSO ToolkitStorybookGroups / radios - checked Groups / radios - validatie en helptext Nested combinatie met checkboxes. Notities
|
Beta Was this translation helpful? Give feedback.
-
DUOScreenshots / VariantenDocumentatie website Verticale variant Horizontale radio buttons in verticaal formulier Horizontale radio buttons in horizontaal formulier Verticale radio buttons in horizontaal formulier Hinttekst Validatie Notities
|
Beta Was this translation helpful? Give feedback.
-
OpenGemeentenScreenshots / VariantenPatternlab Notities
|
Beta Was this translation helpful? Give feedback.
-
RotterdamScreenshots / VariantenFigma Groep - verticaal inclusief validatie Groep - horizontaal inclusief validatie Notities
|
Beta Was this translation helpful? Give feedback.
-
RVOScreenshots / VariantenStorybook Default Invalid Figma Radio group NotitiesBekijk ook de GitHub Discussion - Radio button toevoeging van RVO. |
Beta Was this translation helpful? Give feedback.
-
UtrechtScreenshots / VariantenStorybook with only a label with heading as label with an additional description with a description for an invalid value Figma Radio group Radio group met description Radio group met validatie Mogelijkheid voor description per optie. Notities
|
Beta Was this translation helpful? Give feedback.
-
✨ Dit component is nu Help Wanted ✨Help je mee hem door de Community stappen te krijgen? |
Beta Was this translation helpful? Give feedback.
-
We willen graag meer leren over de Radio Group 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
Radio Group
Doel
Biedt de mogelijkheid om één optie te selecteren uit een lijst.
Gerelateerde componenten
Radio Button, Fieldset, Checkbox Group, Select
Onderzoek
Radio Group issue - NL Design System
Het issue op de backlog bevat al 2 comments.
Radio Buttons: Select One by Default or Leave All Unselected? - Nielsen Norman Group
Artikel over pre-selecting van een Radio optie.
Checkboxes vs. Radio Buttons - Nielsen Norman Group
Artikel over verschil tussen Checkboxes en Radio Buttons.
We've updated the radios and checkboxes - GOV.UK
Tim Paul legt uit waarom GOV.UK aanpassingen heeft gedaan bij Radio en Checkbox opties.
Radios - GOV.UK
Onder 'Research on this component' worden bevindingen genoteerd. Er is ook een link naar de Radios Github discussion waar meer informatie, onderzoek en aanpassingen worden gedeeld.
In een comment bij Radio Github Discussion wordt meer tekst en uitleg gegeven wat GOV.UK heeft gedaan rondom het conditioneel onthullen van een text input in combinatie met een Radio Group.
Myth #23: Choices should always be limited to 7+/-2 - UX Myths
Artikel beschrijft de mythe rondom het aanhouden van maximaal 7 opties.
Beta Was this translation helpful? Give feedback.
All reactions