Mixed Reality Design Labs
May 2017 – Present, Ecosystem Experience Design | Analog | Microsoft
Mixed Reality Design Labs(MRDL) is an open-source project by HoloLens design team. We share experimental samples, explorations and learning from spatial interaction design.
To make the m
Personally, I have some developer background, before going back to design school and change my career as a designer. Because of that I have been creating many apps on iOS before joining Microsoft and also brought some apps to Windows using Windows Bridge technology.
When I joined
For example, a lot of developers were having trouble making a simple button work with proper visual feedback. Everyone wanted to make a beautiful button that looks like
Common UI controls
We started researching crucial common UI controls that are mostly used in existing apps and requested by developers from the community.
When we build the UI controls, we wanted to make sure to make it modular and extensible so that developers can easily customize and bring their own brand identity in their app experiences.
To demonstrate the use of MRDL’s common UI controls and interaction building blocks, we created sample apps with complete end-to-end experience.
This app demonstrates the use of Interactable Objects and Object Collections. It shows good example of Microsoft’s Fluent design elements such as spatial typographic layout using depth, motion, and materials.
Example of using two-handed gesture and manipulation. The app shows how to provide UX flow for spatial mapping room scanning.
When we publish sample apps, we also wanted to inspire developers and designers by showing the practical examples of what they can build with them. This example shows how the periodic table sample app could be used to build other experiences such as a stock market app or sports data visualization.
Responses from the community
With published open-source UI controls and sample apps, developers and creators started sharing their own creation and blog posts. We found great innovative use of the sample apps being connected with Microsoft Cognitive Services.