This is the staging site of seb.io, The Green Design System is work in progress and not ready to use, but feel free to explore!

Radiobutton

A radio button allows users to select one option from a predefined set of mutually exclusive choices.

Status
work in progress
Tags
    form

UX text

Yes and no

Adapt the radio button options to the field label. If the field label is a yes or no question, the answer options should be yes and no and nothing else.

DO
DON'T

Be consistent

Write consistent options. Decide if they should

  • be complete sentences and begin with lowercase or uppercase letters
  • end with a full stop or not
  • be a sentence, one, or a word
DO
DON'T

The bank talks to the customer

Remember, it is the bank that asks the question and the customer who answers. Therefore, the label should be in the you-form and the answer in the I-form. However, most of the time, the answer does not include the I-form because that becomes redundant, you understand that it is the user who answers.

DO
DON'T

Prevent redundancy

Keep the text to the point by excluding the I-form in some contexts.

DO
DON'T

Write in plain text and to the point

Plain texts are as important as always. The customers must understand both the words and the context. Make sure that the options cover all possible choices and are explicit so that all intended customers can fill in the form. If there could be other options, add the option Other and an input field where the customer can explain.

DO
Last updated: