Best practices
• Do not start an action when users select a check box. For example, do not open a new screen on the select action.
• Group and order check boxes logically. For example, group related options together or include the most common
options first.
• Avoid ordering check boxes alphabetically. Alphabetical order is language-specific.
• Use clear, concise labels. Verify that the label clearly describes what occurs when users select the check box.
• Use positive labels where possible. For example, use "Show" instead of "Hide."
• Place labels on the right side of check boxes.
• Use sentence case capitalization for the individual check boxes in a group. Capitalize the first word and any other word
that requires capitalization (such as a proper noun).
• Do not use end punctuation.
Radio buttons
Use radio buttons to indicate a set of mutually exclusive but related choices. Users can select one option in a group. Users
tap a radio button to select or clear it.
Best practices
• Use radio buttons for two or more choices when space is not an issue. If space is limited, consider using a drop-down
list instead.
UI Guidelines
UI components
22
