Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Table of Contents

...

  • List options in a logical order:

    • Most likely to least likely to be selected.

    • Simplest to most complex operation.

  • Make  the most likely or convenient radio button option the default. 

  • If you need to have an unselected state, add a radio button with a None option.

  • If you can't have a comprehensive list of all possible options, add an Other option.

Use a radio button when the options being presented are important enough to occupy more screen space.

Do not use a radio button if:

  • You need to offer the user the option of multiple selection. In this case, use checkboxes instead because radio buttons are for single-selection contexts only.

  • You need to present more than 8 options. Use a dropdown menu.

  • The default option is recommended for most users in most situations. In this case, consider a dropdown list instead, which uses less space by not showing all options straightaway.

  • In special cases, there are only two mutually exclusive options. Combine them into a single checkbox or toggle switch. For example, use a checkbox for “I agree” (for example, to terms and conditions) instead of two radio buttons for “I agree” and “I don’t agree”.

  • The options are numbers with fixed steps. Use a slider.

...