Skip to content

app-patterns-landingpage.md

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 Mixed reality UX elements
description Learn how to design your apps for mixed reality devices with foundational elements, common controls, and behaviors.
author cre8ivepark
ms.author dongpark
ms.date 06/19/2020
ms.topic overview
keywords 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:::