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, include a None option.

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

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

Do not use a radio button if:

  • You need to allow the user to make multiple selections → use Checkboxes, because radio buttons only allow single-selection.

  • You need to present more than 8 options → use a Drop Down menu.

  • The default option is recommended for most users in most situations. Consider a Drop Down Menu instead, which uses less space by not immediately showing all options.

  • There are only two mutually exclusive options. Combine them into a single Checkbox or Toggle switch. For example, use a checkbox for “I agree” (e.g. 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.

...