Drop-down lists

Use drop-down lists to provide a set of mutually exclusive values.

Users can perform the following action with a drop-down list:

User goal

Action using the navigation keys

Action using a touch screen

Action using a physical keyboard

Click a value from a drop-down list.

Click the trackpad.

Tap the item.

Press the Enter key.

This screen shows a drop-down list.

Best practice: Implementing drop-down lists

  • Use a drop-down list for two or more choices when space is an issue. If space is not an issue, consider using radio buttons instead so that users can view the available options on the screen.
  • For the default value, use the value that users are most likely to click.
  • Use the highlighted option as the default focus when users scroll through the list.
  • If users are not required to click a value, include a "None" value in the drop-down list. Always place the "None" value at the top of the list.
  • Group and order values logically (for example, group related values together or include the most common values first). Avoid ordering values alphabetically; alphabetical order is language-specific.

Guidelines for labels

  • Use clear, concise labels for drop-down lists and for the values in drop-down lists. Verify that the label clearly describes what occurs when users click the value.
  • Avoid using the labels "Yes" and "No" as drop-down list values. Rephrase the option and use a check box instead.
  • Place the label on the left side of a drop-down list.
  • Use title case capitalization for drop-down list labels and values (unless the values read more like a sentence).

Got questions about leaving a comment? Get answers from our Disqus FAQ.

comments powered by Disqus