Design Development
Coming up with a solution
Before I started thinking about the design I had a look at existing smart glasses in the market to get an idea of what was possible, I also took a look at travel apps to see what features they were offering.
Competitor Analysis can be found here
I really liked the work Google was doing in accessibility for all of their products, and they are also making an effort to standardize AR design, so I decided to use them as a base for creating my design system. As well as other guidelines picked up from experts in the AR field.
AR Design Principles and Design Language can be found here
With both principles and inspiration from other AR projects, I sketched an idea of how I wanted it to look and planned the motions and touch gestures for both sighted and non-sighted people. My main concern at this stage was how to provide the same experience for both audiences in a way that felt natural and intuitive.
Design System and Wireframes can be found here
For each scenario, I mapped out all possible interactions and audio cues, for sighted and non-sighted users.
Specs can be found here
I tried using video animations to track the assets I had created into videos, but that didn’t work in the end. So I made a demo using static images to test how people interact with each scene and if the audio cues are simple yet informative.
Here’s the Interactive Prototype: https://antomab.github.io/travelcompanion.github.io/
Or alternately, a walkthrough video of the prototype
Survey and Results can be found here
Previous Section: Problem Definition
Next Section: Final Words
References
Google. (n.d.). Design Principles. Retrieved from Glass Explorer Edition: https://developers.google.com/glass/design/principles
Google. (n.d.). Google Enterprise Edition 2. Retrieved from Google Developers: https://developers.google.com/glass-enterprise/guides/inputs-sensors
Kouri, E. (2020, March 05). Optimizing UX for Smart Glasses. Retrieved from ABI Research: https://www.abiresearch.com/blogs/2020/03/05/augmented-reality-smart-glasses/
Kurbatov, V. (2020, April 16). How to Make MR Concept Video. Retrieved from Vovakurbatov: http://vovakurbatov.com/articles/how-to-make-mr-concept-video
Mahmood, B. (2020). Designing for Augmented Reality. Retrieved from HackDesign: https://hackdesign.org/lessons/97-designing-for-augmented-reality