박동윤은 디자이너, 크리에이티브 테크놀러지스트이며 저자이다. 대한민국 서울 출신으로 XT 컴퓨터 시절 부터 Dr.Halo 나 Delux Paint 등을 통해 컴퓨터 그래픽에 관심을 가지게 되었다. 고려대학교 전기전자전파공학부에서 전자공학을 전공하였으며, 1999년 인터넷 및 닷컴 벤처기업의 열풍과 함께 웹 개발 업계에서 실무를 경험하기 시작하였다.
대한민국 육군 전역 및 학사 학위 취득 후 삼성전자의 정보통신총괄 통신연구소 차세대 단말팀에서 소프트웨어 연구원으로 일하였으며, GSM/WCDMA 및 실험적 단말기기들에 대한 유저 인터페이스 소프트웨어를 담당하였다. 이 과정에서 디자인 팀과의 다양한 GUI 프로젝트들에 대한 협업 및 개인적인 웹/그래픽 디자인에 대한 경험이 동기가 되어 디자이너로서의 진로 변경을 결심하였다.
삼성 디자인 교육원(SADI, Samsung Art & Design Institute)에서의 시각 디자인 전공을 거쳐 뉴욕 파슨스 디자인 스쿨의 Design & Technology 석사과정을 마쳤다. 석사 학위 논문 프로젝트인 아이패드/아이폰 용 타이포그래피 인사이트 ‘Typography Insight’(http://typeinsight.org/) 앱은 Fast Company, The Atlantic, Gizmodo 등의 매체에 소개되었고, 미국 앱스토어의 교육분야에서 2위를 달성하였다. 이러한 앱 디자인 및 개발의 경험을 나누고자 ‘도전! 아이폰 프로프래밍(iCan iPhone Programming)’ 을 집필 하였으며, 2011-2012 아이폰 프로그래밍 서적 분야 베스트 셀러를 기록하였다.
2011년 파슨스에서의 석사 학위를 마치고 미국 마이크로소프트 본사에 사용자 경험(User Experience, UX) 디자이너로 합류하였고, Windows 의 기본 앱인 MSN/Bing News, Sports, Finance, Weather, Travel, Health & Fitness, Food & Drink 앱의 디자인을 담당하여 Windows 8, Windows Phone 8, iOS, Android, Web 그리고, Windows 10에 런칭 하였다. Sports와 Finance(MSN Money) 앱의 리드 디자이너로서, 마이크로소프트의 ‘메트로 디자인’ 언어의 비전을 이끌었다. 디자인 및 엔지니어링 두 분야에서의 복합된 경험을 살려 2015년 부터 개발자 경험(Developer Experience) 디자인을 담당하고 있다.
2019년 현재는 마이크로소프트의 Cognition 디자인팀에서 홀로렌즈(HoloLens)와 윈도우즈 혼합현실(Windows Mixed Reality)의 에코시스템 경험 디자인을 담당하고 있으며, 주요 담당 분야로는 오픈소스 프로젝트인 Mixed Reality Toolkit(MRTK), Mixed Reality Design Labs(MRDL), Mixed Reality Academy, 그리고 Mixed Reality Dev Center 가 있다. 개발자 및 크리에이터를 위한 다양한 UX 컴포넌트 및 예제, 샘플 프로젝트, 디자인 가이드라인 제작 및 파트너 협력사 디자인 컨설팅 등을 담당 중이다.
2016년 개인 프로젝트로서, 첫 홀로렌즈 앱인 ‘Typography Insight for HoloLens’ 를 출시 하였으며, 이후 ‘Type In Space(2018)’ 등의 홀로렌즈 앱을 출시하였다. 미디엄 등의 매체를 통해 증강현실 앱 디자인 및 개발 스토리를 공유하고 있다. 2019년 12월에는 홀로렌즈 2 용 Type In Space를 출시 하였고, 관련 디자인 스토리를 공유하였다. Designing & developing Type In Space for HoloLens 2 (Dec 2019)
My Journey – From Engineer To Designer
An engineer who loved drawing, typography, and user interface
I always loved drawing things, especially letters and logotypes. My textbooks were filled with cartoon characters and company logo sketches. When I was working as a software engineer, I loved working on the user interface with beautiful typeface – even though it was before the smartphone era and the screen resolution was tiny 176x220px. I enjoyed customizing my code editor with Helvetica and gorgeous modern fonts. As much as I loved working on software for the great products, I wanted to work on something visual that can be seen by people, directly interact with people, instead of the logic hidden in the shell.
Design school, Graphic design, and Mobile Apps
With my passion for visual design, I made a big decision to go back to school to study design. When I was quitting my job, I thought I won’t code again. However, I learned that technology could be a great tool to realize my design idea and vision. I saw how evolving technologies were starting to empower art & design in various areas.
I started learning Objective-C to create and share ideas with people around the world. Starting with a simple clock app HUE Clock, I have designed & developed various types of apps such as experimental Twitter client Twit Knoll and Type Clock.
During my master’s study at Parsons, I proposed, designed, and developed a brochure app for Parsons School of Design. With the support of the dean of Parsons, it became the official app of Parsons School of Design.
Writing iPhone programming book to share my ‘Developer Experience’
After launching several apps, I wanted to share my ‘Developer Experience’ with the developer/creator community. Most of the people focused on the UX for the iPhone’s success, however, I thought great DX(Developer eXperience) which created a big ecosystem was also a crucial part of its success. With my strong interest in editorial & information design, I wrote a book on iOS app design and development. In this process, I also did the editorial design using InDesign by myself. Unlike typical text-heavy programming books, I focused on the visually rich layout with practical example app projects. The book became the best-selling iOS programming book in 2011-2012.
With my strong passion for typography, mobile app, and user experience, I have designed and developed Typography Insight as my MFA thesis project. I presented the project at AIGA/NY and it was featured by Fast Company, The Atlantic, and Gizmodo. It was ranked 2nd in the education category of US App Store in 2011 and featured several times on iTunes App Store in various countries.
Continuing my journey as a designer at Microsoft
Designing Bing/MSN apps for Windows
Luckily enough, I was able to continue working on apps at Microsoft. I started working at Microsoft as the main designer for the Sports and Finance(Money) app (Bing AppEx App Experience Team). Both apps had a rich amount of data – stats, numbers, and images – to play with, it was almost like designing magazines. Fortunately, it was the moment when Microsoft’s new metro design language started to bloom. I enjoyed designing apps with fundamental graphic design elements – typography and grid.
Also as a designer who has a developer background, I was able to convince the dev team to allow us to check out/in the code for the frontend. I worked on the design integration to achieve the pixel perfect design and fit & finish. In this process, I really enjoyed collaborating with the engineering team, sitting together to solve the problems and achieve a great user experience.
Continuing personal projects
I kept my interest in evolving platforms and continuously updated my apps. For Typography Insight, I have added support for the retina display and added new features such as Kerning practicing. With the announcement of the Adobe Creative Cloud SDK, I have integrated Adobe Typekit into Typography Insight. As a big fan of casual games, I have created several games based on the inspirations from daily life.
Developer Experience Design – Synergy between my two different backgrounds in design and development
Windows Bridge for iOS
Windows Bridge for iOS is an open-source project by Microsoft which allows iOS developers to bring their apps to Windows using existing Objective-C codebase. I realized that I am the target user of the project – iOS developer who wants to bring apps to Windows. Since I have been experiencing the entire app design & development process, I thought this will be a great opportunity for me to leverage my experience both as a designer and developer. To contribute to this project, I joined the Developer Experience Design team in Windows and Devices Group.
From October 2015, I led the design effort for Windows Bridge for iOS. My focus on this project was how to translate the controls and patterns from iOS to Windows smoothly, to achieve the best Windows user experience.
Personally, I was able to bring my apps to Windows using this solution – Pori Fashion Show and Typography Insight. Both apps were successfully translated into Universal Windows Platform apps, running on Windows 10 devices. They were demonstrated at Microsoft’s Build 2016 Developer Conference as example apps of Windows Bridge for iOS. To share my journey with Windows Bridge for iOS, I have written blog post series on Building Apps for Windows.
Microsoft HoloLens – Exploring Mixed Reality
Currently, at Microsoft HoloLens design team, I am leading the design effort for the open-source project Mixed Reality Toolkit(MRTK), focusing on the developer & creator ecosystem experience. Personally, I brought my app Typography Insight to HoloLens and shared the story on Medium – “Designing Typography Insight for HoloLens”
You can find my stories on HoloLens app design & development on Medium
- Designing Type In Space for HoloLens 2 (2019)
- Designing Typography Insight for HoloLens (2016)
- Type In Space — Explore Spatial Typography In Mixed Reality (2018)
- MRTK: Open-Source Building Blocks for Mixed Reality Experiences
- Museum of Type – Mixed Reality App Design & Development Story
- News Space for HoloLens: Spatial News Headline Visualizer
- Bringing the Periodic Table of the Elements app to HoloLens 2 with MRTK v2
- MRTK 101 / FAQ: How to use Mixed Reality Toolkit Unity for Basic Interactions (HoloLens 2, HoloLens, Windows Mixed Reality, Open VR)