Skip to content

Latest commit

 

History

History
150 lines (134 loc) · 4.85 KB

app-patterns-landingpage.md

File metadata and controls

150 lines (134 loc) · 4.85 KB
title description author ms.author ms.date ms.topic keywords
Mixed reality UX elements
Learn how to design your apps for mixed reality devices with foundational elements, common controls, and behaviors.
cre8ivepark
dongpark
06/19/2020
overview
UX design, Mixed Reality UX, UX, app patterns, controls, style, HoloLens, interaction, spatial interaction, spatial UI, UX elements, behaviors, building blocks, typography, color, mixed reality headset, windows mixed reality headset, virtual reality headset, HoloLens, MRTK, Mixed Reality Toolkit

UX elements overview

Foundational elements

Learn about the foundational elements that you need to design a great mixed reality experience.

:::row::: :::column::: Color, light and materials Color, light, and materials :::column-end::: :::column::: Scale Scale :::column-end::: :::row-end:::

:::row::: :::column::: Typography Typography :::column-end::: :::column::: Sound Sound :::column-end::: :::row-end:::


Common controls and behaviors

Learn about frequently used common spatial interactions and UI building blocks for mixed reality experiences.

:::row::: :::column::: Cursor Cursor :::column-end::: :::column::: Hand ray Hand ray :::column-end::: :::column::: Button Button :::column-end::: :::row-end:::

:::row::: :::column::: Bounding box Bounding box :::column-end::: :::column::: Interactable object Interactable object :::column-end::: :::column::: Manipulation Manipulation :::column-end::: :::row-end:::

:::row::: :::column::: Hand menu Hand menu :::column-end::: :::column::: Near menu Near menu :::column-end::: :::column::: Object collection Object collection :::column-end::: :::row-end:::

:::row::: :::column::: Voice input Voice input :::column-end::: :::column::: Keyboard Keyboard :::column-end::: :::column::: Tooltip Tooltip :::column-end::: :::row-end:::

:::row::: :::column::: Slate Slate :::column-end::: :::column::: Slider Slider :::column-end::: :::column::: Shader Shader :::column-end::: :::row-end:::

:::row::: :::column::: Dialog Dialog :::column-end::: :::column::: Hand coach Hand coach :::column-end::: :::column::: Spatial mesh Spatial mesh :::column-end::: :::row-end:::

:::row::: :::column::: Billboarding and tag-along Billboarding and tag-along :::column-end::: :::column::: Progress indicator Progress indicator :::column-end::: :::column::: Surface magnetism Surface magnetism :::column-end::: :::row-end:::