Design Pattern Library 1.5

General Guidelines

Desktop/Web

Mobile (Tablet & Phone)

Visual Design Guidelines

Mobile - Check Boxes

Problem

The application needs to provide the user with a mechanism to select from pre-defined options to perform a task or function.

Solution

A check box is an object used to indicate a state that users can interact with to cycle through that state. Check boxes either present a binary (Yes/No), (On/Off), or tertiary (On, Off, Indeterminate) option to the user.

The user may also select several items, on which the same action has to be executed. When the amount of items is large, you can add the option to select and unselect all items.

Group of checkboxes:

  • User can choose any number of choices from predefined alternatives
  • The number choices of is not large
  • Choices don’t affect other choices

Stand-alone checkbox:

  • There are only two options (usually yes-no style) and user can pick only one

Examples