Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Creating User Flows for Mixed Reality Workshop (NYC Media Lab Exploring Future Reality 2017)

232 views

Published on

These are the slides for a workshop I held in New York at NYC Media Lab's Exploring Future Reality event. My workshop was about designing interactions for mixed reality experiences. I went over some effective ways people can communicate their mixed reality/VR/AR design ideas when they don't have access to a headset.

Published in: Design
  • Be the first to comment

Creating User Flows for Mixed Reality Workshop (NYC Media Lab Exploring Future Reality 2017)

  1. 1. UX for Mixed Reality: Creating User Flows Lillian Warner New York University Tandon School of Engineering Integrated Digital Media Program NYC Media Lab Future Reality Workshop 2017
  2. 2. Who am I?
  3. 3. HoloGlass: NYU UX/Microsoft Project
  4. 4. Workshop Agenda 1. Mixed Reality User Flow Overview (10 min) 2. Groups of 3-4 and Pick Idea (5 min) 3. Brainstorm and Design Interactions (20 min) 4. Share (10 minutes/5 minutes each) 5. Wrap Up (5 minutes)
  5. 5. Mixed Reality
  6. 6. This is Mixed Reality GIF from Iron Man 2
  7. 7. This is also Mixed Reality Image via Microsoft
  8. 8. This is Mixed Reality
  9. 9. This is Mixed Reality
  10. 10. 3 Communication Techniques User Flow Snapshot Act it Out
  11. 11. Mixed Reality User Flows (Reality Sequences)
  12. 12. Traditional Web/Mobile User Flow
  13. 13. • Voice Interaction • 360 Sound • 3D Objects • Scaling, re-sizing, and placing objects • Gesturing • Video • Spatial Mapping • Gaze Input • Cortana Input Features Many Components to Design For
  14. 14. Mixed Reality User Flow: Scene, Not Screen Reality Sequence
  15. 15. Describe What Is Happening Scene Input Options Audio User Input Icon Key
  16. 16. Scene
  17. 17. Input Options
  18. 18. ”To make a selection, gaze at the target or say ’Select.’ To move an artwork, air tap and hold. To adjust an artwork’s size, air tap, gaze, and drag. To email a transcription of the audio recording, say ’Email.’” Audio: What Does the User Hear?
  19. 19. User selects Artist 1 via air tap > > Previous Scene Next Scene Input Selection (User Action)
  20. 20. What isn’t Happening
  21. 21. Reality Sequence Template
  22. 22. Reality Sequence Template
  23. 23. Table of Elements Snapshot
  24. 24. 8ninths Image via 8ninths
  25. 25. Snapshot
  26. 26. Snapshot Template
  27. 27. Act it Out
  28. 28. Act it Out
  29. 29. Get into groups and pick an idea (5 min.)
  30. 30. Idea 3: Take a Tour Idea 2: Human Anatomy Lesson Idea 4: View a Piece of Art Idea 1: Listen to a Song
  31. 31. Design Interactions (15 Min.) 1 Rule: No 2D objects (don’t just translate a web browsing experience to a headset!) • Use User Flow Template • Use Snapshot Template • Act it Out
  32. 32. Share (10 Min.) Describe what’s going on in your team’s mixed reality scene. Describe the interactions/user journey.
  33. 33. Mixed Reality is Still Being Defined “The best way to predict the future is to invent it.” Ray Bradbury’s “The Veldt”
  34. 34. XR is Good for Designers • VUI • AR • VR • Game Dev. • 3D Modeling • Sound Design
  35. 35. Microsoft “The user is the camera.” Image via Microsoft
  36. 36. Mixed Reality Design Lab GitHub Image via Microsoft
  37. 37. Interaction Fundamentals Image via Microsoft
  38. 38. Medium
  39. 39. Thank You! lillian.warner@nyu.edu www.lillianwarner.com Reality Sequence Template:
  40. 40. Where to Start? 1. Research 2. Brainstorming 3. Protoyping 4. Keep Track of the Details

×