04/17–04/24 Choosing Flows and Forms

Allison Huang
Graduate Design Studio II: Mixed Reality
3 min readApr 28, 2017

In this making phase, we’ve mostly been making decisions about how a user could interact with our system and what that interface looks like. We started by playing with the Hololens to get an idea of what interactions exist now and what we’d have to consider. Because “tour mode” is such a prominent part of our concept, we also tried Skype between Hololens and a computer. I gave my teammates a “tour” of our building and “introduced” them to two professors while we were all on Skype and Facetime–Skype for the Hololens to show them to me and to capture, and Facetime to show my face and introduce them to others. One of the professors we spoke with thought it was weird for her to say hi to them without seeing them, but when she was able to see who she was talking to it was a lot smoother.

We then mapped out the system and made a list of all the features we wanted to include.

L: features R: map of hardware
Top half: tour mode. Bottom half: practice mode

We then moved into paper prototyping for MR, eventually deciding on a tool “tray” that can be expanded and retracted into the bottom/side of your peripheral vision. The tray would contain tools like doodle, pin, stop sharing view, switch perspective, and end call.

We also considered the screen UX flow. We each created a wireframe flow for the sign-on and matching process and then decided together on a singular flow.

Entire flow
Closeups of each step

We also talked a little about the UX flow for the mixed reality experience: how do you navigate from turning on the Babl app in MR to exploring scenes in practice mode? Or to joining a “tour mode” call?

MR UX flows

We’ve simultaneously been working on a storyline for our concept video, deciding whose point of view to show and what is a highlight flow for Babl.

Draft video storyboard

--

--

Allison Huang
Graduate Design Studio II: Mixed Reality

obsessed with humanity | @cmudesign MA 2016/MPS 2017, summer 2016 intern @adaptivepath