From 2D to Mixed Reality - Hololens Interaction Design Workflow

•Download as PPTX, PDF•

0 likes•629 views

From my talk at #uxcampch: When I did my first Mixed Reality project I was curious about what would translate over from my well known 2D world to the new mixed reality. This is what I experienced.

Design

Tim Schoch
Fullstack Interaction Design Freelancer
tim@timschoch.com
Twitter @tim_schoch
Medium @timschoch
Xing and LinkedIn

Is the
process for XR
different from 2D?

1. Kickoff and Stakeholder Interviews
2. Technical PoC, Characters,
Jobs-to-be-Done and Goals
3. App Flows
4. Storyboards and WireFlows
5. Menu Design, Voice Over
6. Usability Test

1. Physischer Ort
Wo wird das Hologram/UI
Element angezeigt
2. User Input
Wie wird damit interagiert
3. Holografische Form
Wie wird es dargestellt
4. 3D Sound
Welche Töne sind nötig

Questions?
tim@timschoch.com
Twitter @tim_schoch
Medium @timschoch
Xing und LinkedIn

Links
Afca. the hololens agency I teamed up with
https://hololens.afca.ch
ETH, our client
https://www.ethz.ch/en/the-eth-zurich/education/innovation/mixed-realities.html
The Storyboards I used are based on
http://8ninths.com/design-patterns
My Portfolio
www.timschoch.com
Medium Article covering this project
http://tsc.li/2yMEmZn

Similar to From 2D to Mixed Reality - Hololens Interaction Design Workflow

StoryCode Immersion #3 - Presentation 2 How To Work With a Technologiststorycode

The Business of UX - People Process and Tech - Miner, Toftscott74m

Rich User Experience Documentation - UpdateJohn Yesko

Cascon 2016 Keynote: Disrupting Developer Productivity One Bot at a TimeMargaret-Anne Storey

How To Break Into UX: What Is a UX Design Hiring Manager Thinking & Looking For?uxhow

UX Prototyping and Personas 9 25-15Shilpa Thanawala

The UX Toolbelt for DevelopersSarah Dutkiewicz

UCD / IxD Introduction - User centric design, interaction designsdavis6b

What's the Problem? Workshop - Right Solutions to Right Problems thru UI DesignBrian Dys Sahagun

The Importance of UXBart Van Hecke

UX Trends 2016Mark N Swaine

Product Management detikcomSena Achari

Rapid design prototypingAyako Sayama

User Driven Software ArchitectureSimon Guest

Developers are People Too! Building a DX-Based API Strategy Ronnie Mitra, Pri...CA API Management

NLP 2020: What Works and What's NextSeth Grimes

Mobile ui design patternsKevinHao14

Mobile UI Design Patterns 2014Lewis Lin 🦊

Uxpin mobile ui_design_patterns_2014Akhil Kumar

Intro to UX: Enterprise UXBart Van Hecke

Similar to From 2D to Mixed Reality - Hololens Interaction Design Workflow (20)

StoryCode Immersion #3 - Presentation 2 How To Work With a Technologist

The Business of UX - People Process and Tech - Miner, Toft

Rich User Experience Documentation - Update

Cascon 2016 Keynote: Disrupting Developer Productivity One Bot at a Time

How To Break Into UX: What Is a UX Design Hiring Manager Thinking & Looking For?

UX Prototyping and Personas 9 25-15

The UX Toolbelt for Developers

UCD / IxD Introduction - User centric design, interaction design

What's the Problem? Workshop - Right Solutions to Right Problems thru UI Design

The Importance of UX

UX Trends 2016

Product Management detikcom

Rapid design prototyping

User Driven Software Architecture

Developers are People Too! Building a DX-Based API Strategy Ronnie Mitra, Pri...

NLP 2020: What Works and What's Next

Mobile ui design patterns

Mobile UI Design Patterns 2014

Uxpin mobile ui_design_patterns_2014

Intro to UX: Enterprise UX

Recently uploaded

办理(麻省罗威尔毕业证书)美国麻省大学罗威尔校区毕业证成绩单原版一比一diploma 1

Chapter 6(1)system devolopment life .pptDoaaRezk5

韩国SKKU学位证,成均馆大学毕业证书1:1制作7tz4rjpd

cda.pptx critical discourse analysis pptMaryamAfzal41

'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,Aginakm1

Top 10 Modern Web Design Trends for 2025Rndexperts

办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一F dds

办理学位证(SFU证书)西蒙弗雷泽大学毕业证成绩单原版一比一F dds

Call Girls Aslali 7397865700 Ridhima Hire Me Full Nightssuser7cb4ff

毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree ttt fff

Apresentação Clamo Cristo -letra música Matheus RizzoCarolTelles6

How to Empower the future of UX Design with Gen AIyuj

毕业文凭制作#回国入职#diploma#degree美国威斯康星大学欧克莱尔分校毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#...ttt fff

Dubai Calls Girl Tapes O525547819 Real Tapes Escort Services Dubaikojalkojal131

Business research proposal mcdo.pptxBusiness research proposal mcdo.pptxBusin...mrchrns005

2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degreeyuu sss

办理澳大利亚国立大学毕业证ANU毕业证留信学历认证jdkhjh

办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一Fi L

8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCRdollysharma2066

1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改yuu sss

Recently uploaded (20)

办理(麻省罗威尔毕业证书)美国麻省大学罗威尔校区毕业证成绩单原版一比一

Chapter 6(1)system devolopment life .ppt

韩国SKKU学位证,成均馆大学毕业证书1:1制作

cda.pptx critical discourse analysis ppt

'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,

Top 10 Modern Web Design Trends for 2025

办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一

办理学位证(SFU证书)西蒙弗雷泽大学毕业证成绩单原版一比一

Call Girls Aslali 7397865700 Ridhima Hire Me Full Night

毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree

Apresentação Clamo Cristo -letra música Matheus Rizzo

How to Empower the future of UX Design with Gen AI

毕业文凭制作#回国入职#diploma#degree美国威斯康星大学欧克莱尔分校毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#...

Dubai Calls Girl Tapes O525547819 Real Tapes Escort Services Dubai

Business research proposal mcdo.pptxBusiness research proposal mcdo.pptxBusin...

2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree

办理澳大利亚国立大学毕业证ANU毕业证留信学历认证

办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一

8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCR

1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改

From 2D to Mixed Reality - Hololens Interaction Design Workflow

1. My #holoLens story 2D UX XR

2. #uxcampch

3. Tim Schoch Fullstack Interaction Design Freelancer tim@timschoch.com Twitter @tim_schoch Medium @timschoch Xing and LinkedIn

4. Is the process for XR different from 2D?

5. yesno

9. https://tsc.li/2JTDVyq

10. 1. Kickoff and Stakeholder Interviews 2. Technical PoC, Characters, Jobs-to-be-Done and Goals 3. App Flows 4. Storyboards and WireFlows 5. Menu Design, Voice Over 6. Usability Test

11. 1. Kickoff and Stakeholder Interviews 2. Technical PoC, Characters, Jobs-to-be-Done and Goals 3. App Flows 4. Storyboards and WireFlows 5. Menu Design, Voice Over 6. Usability Test

12. Story Board

13.

14. 1. Physischer Ort Wo wird das Hologram/UI Element angezeigt 2. User Input Wie wird damit interagiert 3. Holografische Form Wie wird es dargestellt 4. 3D Sound Welche Töne sind nötig

15. Interactions

16. new Technology = new Patterns

17. Auäää?

18. https://tsc.li/2juCcVg

19. Where do interactions happen?

20.

21.

22.

23. Ergonomics

24.

25.

26. Error Tolerance

27.

28.

29.

30.

31.

32. No UI

33.

34. +

35. Personality

36. Select a molecule

37. Usability Test

38.

39. Questions? tim@timschoch.com Twitter @tim_schoch Medium @timschoch Xing und LinkedIn

40. Links Afca. the hololens agency I teamed up with https://hololens.afca.ch ETH, our client https://www.ethz.ch/en/the-eth-zurich/education/innovation/mixed-realities.html The Storyboards I used are based on http://8ninths.com/design-patterns My Portfolio www.timschoch.com Medium Article covering this project http://tsc.li/2yMEmZn

From 2D to Mixed Reality - Hololens Interaction Design Workflow

Recommended

Recommended

More Related Content

Similar to From 2D to Mixed Reality - Hololens Interaction Design Workflow

Similar to From 2D to Mixed Reality - Hololens Interaction Design Workflow (20)

Recently uploaded

Recently uploaded (20)

From 2D to Mixed Reality - Hololens Interaction Design Workflow