📂
Design
  • Design and Interaction System
  • Designing for MR
    • Introduction - Design for MR
    • Content Placement in Mixed Reality
    • User's State of Experience
  • Visual Design
    • Introduction - Visual Design
    • User Interfaces in Mixed Reality
    • Scale, Depth & Size
    • Theme System
      • Color System
      • Typography
      • Shape System
      • Transition System
    • Components of Tesseract Mixed Reality Design
      • Typography
      • Button
      • Progress Indicator
      • Radio Button
      • Check Box
      • Keyboard
      • Toggle Button (Switch)
      • Video View
      • Voice UX
      • Canvas
      • Image View
      • Text View
      • Slider
      • Scroll View
      • Dialog Box
      • Dropdown
      • Pointer
      • Input Field
      • Search Bar
      • Tool Tip
  • Interaction Design
    • Introduction - Interaction Design
    • Multimodal Interactions
    • Voice
    • JioGlass Controller
    • Navigation System
      • States
      • Transitions
Powered by GitBook
On this page
  • Types of Checkbox
  • Best practices
  • Layout
  • Content
  • CheckBox
  • States
  • Transitions
  • Vertical Group Layout
  • States
  • Transitions
  • Horizontal Group Layout
  • States
  1. Visual Design
  2. Components of Tesseract Mixed Reality Design

Check Box

Check boxes give people a way to select one or more items from a group, or switch between two mutually exclusive options (checked or unchecked, on or off).

Types of Checkbox

  • Single check box

  • Multiple check boxes

Best practices

Layout

  • Use a single check box when there's only one selection to make or choice to confirm. Selecting a blank check box selects it. Selecting it again clears the check box.

  • Use multiple check boxes when one or more options can be selected from a group. Unlike radio buttons, selecting one check box will not clear another check box.

Content

  • Separate two groups of check boxes with headings rather than positioning them one after the other.

  • Use sentence-style capitalization (only capitalize the first word).

  • Make it easy for people to understand what will happen if they select or clear a check box.

CheckBox

States

Transitions

Transitions

Front View

Isometric View

Appear

Enter

Exit

Interact

Disappear

Vertical Group Layout

States

Transitions

Transitions

Front View

Isometric View

Appear

Enter

Exit

Interact

Disappear

Horizontal Group Layout

States

PreviousRadio ButtonNextKeyboard

Last updated 4 years ago