đź“‚
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
  • Button States
  • Layout
  1. Interaction Design
  2. Navigation System

States

PreviousNavigation SystemNextTransitions

Last updated 4 years ago

States are visual representations used to communicate the status of a component or interactive element.

Button States

A button is completely defined by 4 states as described below -

State

Description

Default/Idle

Default state of the UI element.

Hover

State of the UI element when the button is in focus.

A slight glow will appear on the UI element when the user gazes at the UI element​ to indicate user

Pressed

State of the UI element when it is being interacted with.

A hard glow appear on the UI element when the user interacts with the button by pressing a button​

Disabled

State of the UI element when that UI element is non-interactable.

A faded UI will be shown indicating that the UI is currently disabled means not active for interaction.​

Layout