AR/MR/VR EXPERIENCE DESIGN
MICROSOFT | 2015 – PRESENT
At the Mixed Reality Design team, I am leading the design effort on the developer & creator ecosystem experience for Mixed Reality, focusing on open-source projects. Our team is working closely with the engineering and research team to build and share the building blocks of the common spatial interaction patterns and UI controls for HoloLens. In this process, as a designer who has a technical background and published apps on various platforms, I help the team integrate and realize the design vision by polishing visual and interaction design of the controls, creating example scenes to demonstrate the building blocks, and writing design & development guidelines. I enjoy every moment of my work as a designer who can connect design and engineering.
Mixed Reality Toolkit v2 for HoloLens 2
MRTK is an open-source project that provides a cross-platform input system and UX building blocks for Mixed Reality’s common spatial interactions and UI. Through a lot of design & development iterations with the Mixed Reality community and industry partners since 2016, MRTK became the industry-leading toolkit for creating MR experiences.
Mixed Reality Documentation
Designing and writing Mixed Reality documentation for various types of journeys and scenarios – Design, Development, Tutorials, and Deployment
Figma Toolkit for MRTK
MRTK Figma Toolkit provides 2D versions of the HoloLens 2 style UI controls which can be used for creating UI layouts and storyboards
May 2021 – Present
HoloLens 2 Display Calibration Experience
The color calibration allows the HoloLens 2 users to adjust the color characteristics of the display for better quality
May 2021
MRTK Examples Hub
Developers and creators can experience MRTK’s example scenes without building and deploying each scene
May 2020 – Present
HoloLens 2 Launch Partner Projects
Showcase projects for HoloLens 2 announcement at MWC 19 Barcelona
Feb 2019
MRTK(Mixed Reality Toolkit) v1
Open-source mixed reality building blocks for common spatial interactions and UI controls
2017 – 2018
Mixed Reality Design Labs (MRDL)
Design team’s open-source project for sharing experimental sample apps and examples
Periodic Table of the Elements
An open-source sample app for HoloLens and Windows Mixed Reality immersive headset
MR Community Engagement & Evangelism
Activities on mixed reality developer and creator community engagement
Holographic Weather Cube with Maps SDK
A holographic weather app made with Bing Map’s 3D data and Open Weather API
PERSONAL PROJECTS
Type In Space for HoloLens 2
The new version of Type In Space for HoloLens 2. The project started from scratch with MRTK v2 to support HoloLens 2’s fully articulated hand tracking input. Wrote a story on designing & developing Type In Space to share the learning and insight with the community.
COVID19 Data Visualization for HoloLens 2
Experimental COVID-19 Data Visualization for HoloLens 2 with MRTK. This project explores how volumetric data can be represented in physical space with direct hand-tracking inputs in mixed reality using HoloLens 2. Published the project on GitHub.
Video: https://youtu.be/mN7VM2h41_w
Type In Space
Type is beautiful in HoloLens. With Type In Space, you can lay out and experience text in the real-world environment. Two-handed gesture gives you an intuitive way for scaling and rotating type. Snap to surface feature lets you lay out text on the physical surface with spatial mapping. You can control various properties of the type such as font, color, and rotation axis constraint. Since you can view the type from different angles, you can use this for designing architectural signage, book cover, or logotype.
2D APP UX DESIGN
MICROSOFT | 2011 – 2015
As a UX designer, I worked with program managers, engineers, and user researchers to achieve the best content consumption experience for Microsoft’s MSN/Bing News, Weather, Sports, Finance(Money), Travel, Health & Fitness, Food & Drink apps for Windows, iOS and Android as well as MSN.com. In a small design team of 5-10 people, covered the entire design process – ideation, sketching, prototyping, information architecture, navigation, data visualization, interaction design, visual design, and branding.
As a designer who has engineering experience, I established a deep collaboration relationship with the engineering team and drove hands-on ‘design-integration’ in the production phase to achieve the pixel-perfect design. By several media, These app suites were considered as the best Windows apps that showcase Microsoft’s new ‘metro’ design language with rich-content and fluid user experience.
Health & Fitness App for Windows Phone 8
Metro style default app suite for Windows 8.1
Dec 2013 – Feb 2014
PERSONAL PROJECTS
Typography Insight
Typography Insight is a toolkit for learning & teaching typography, designed for those who love type. You can learn about historically important typefaces, observe and compare them. Since its launch in 2011, Typography Insight has been embraced by the design and creative community. Featured on Fast Company, The Atlantic, and Gizmodo. Listed No.2 in the Top Paid Apps (US App Store/Education), featured on App Store several times.
Typography Insight v4.0
The latest design update to support iPad Pro, iPhone Pro series, dark mode, and Adobe Typekit. Featured as ‘App of the Day’ by Apple – March 2020
iOS Programming Book – 도전! 아이폰 프로그래밍
Author, Best-selling iOS programming book in Korea
2012 | 2nd Edition
iOS Programming Book – 도전! 아이폰4 프로그래밍
Author, Best-selling iOS programming book in Korea
2011 | 1st Edition
