Controls - Do you make Option Groups and Check Boxes simple to understand?

Loading last updated info...

There are two aspects to this rule:

  1. Arrange Vertically
  2. If your user must choose from a variety of responses, or select from a number of items, using either radio buttons or check boxes, arrange the items vertically rather than horizontally as it makes the association much clearer. NOTE: You might want to disregard this rule if screen real estate is at a crucial premium.
  3. Text on the Right The Option Group or Check Box should always be on the left, with the text following on the right. Once again, this makes it easy for the User to work out what is going on.
Image

✅ Figure: Good Example - Action on the left, text on the right

Need help?

SSW Consulting has over 30 years of experience developing awesome software solutions.

We open source.Loving SSW Rules? Star us on GitHub. Star