📂
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
  • Best practices
  • Layout
  • Content
  • Search Bar
  • States
  • Transitions
  1. Visual Design
  2. Components of Tesseract Mixed Reality Design

Search Bar

Search is a special type of input field that is used for processing a query and presenting the results of the query to the user.

PreviousInput FieldNextTool Tip

Last updated 4 years ago

Best practices

Layout

  • Don't build a custom search control based on the default text box or any other control.

  • Use a search box without a parent container when it's not restricted to a certain width to accommodate other content. This search box will span the entire width of the space it's in.

Content

  • Use placeholder text in the search box to describe what people can search for. For example, "Search", "Search files", or "Search contacts list".

  • The search toolkit allows the users to search across different scopes as described below

    • Global: Searches across multiple sources of apps, cloud and local content. This is supported by deep search where results are obtained from within different applications in context to those applications and presented for instant action.

    • Local: Search within the current application scope.

    • Web: Search a web index. Results include pages, entities, and answers.

Search Bar

States

Transitions

Transitions

Front View

Isometric View

Appear

Enter

Exit

Interact

Disappear