Apple Vision Pro — UX Case study: Garage application for Bike Repair, Part 1

This is part 1 of my ongoing series for Augmented reality, catch up on Part 2

Lets start with Part 1…

I joined Designerrs Academy to learn UX design for Augmented reality , here i have created a project which will helps users to repair there two vehicle with the help Augmented reality. At present i m working with Adani digital labs as there senior UX designer with around 3 years of experience in the UX vertical.

I welcome you to my first Case study for designing AR experiences that I have created during my learning phase at Designerrs Academy, and I’d love to hear your feedback!

Problem

Augmented Reality App that helps you to understand certain technical issues and possible solution for your bike

Domain/Industry : Transportation
Problem Statement : People visit a mechanic whenever their bike breaks down. And because they don’t know what is wrong with their bike, they can get easily fooled or misguided by some mechanics for more money. In case of no mechanics near-by, they end up calling for service or dragging their bikes to the nearest mechanic spot for a small issue that could have been solved by themselves if they knew what the problem was.
Business Goals : The business goal is to make customers be able to do a quick scan of their bikes to understand what is wrong with their bike and what can be the solution.
Potential Target Audience :
Who : People who ride their bike on a daily basis
What : Error cause and prevention•
When : Whenever needed.
How : Via AR App.
Type of Device/Technology : Mobile AR Application
Features :
1. Users should be able to spot technical error
2. Users can fiÎ certain issues by themselves
3. Users can learn, identify and call for local help near them

Why we are moving towards Augmented Reality:

Apple Launch its Vision pro: Spatial Computing

The Apple Vision Pro, the latest innovation from the technology giant, is setting the stage for an unprecedented revolution in the way we interact with digital content. Priced at $3500, this device is more than a mere gadget; it’s a new vista of opportunities, a window into the future of spatial computing​.

Future With Apple vision pro

The Apple Vision Pro is the official start of the post-iPhone era

The Apple Vision Pro marks a new era in spatial computing, merging our physical and digital worlds. It offers more immersive, intuitive, and spatially aware interactions.

However, like any transformative technology, the Vision Pro also presents challenges. The device’s ability to blend digital content with the physical world could lead to concerns over privacy and digital distractions, and its price point may put it out of reach for many, potentially leading to a digital divide. Yet, if used responsibly, the Apple Vision Pro could be a significant step forward in our digital evolution, offering a whole new way to work, learn, play, and connect.

So I have try to replicate something as shown Apple vision pro launch event , we take a look at the future of augmented reality (AR) and how it could one day replace the need for multiple screens. We’re inspired by the Apple Vision Pro UI theme, which features a clean and minimalist design that is perfect for AR.

Design Process

Empathise

We started by creating questionnaires that included questions based on users’ experiences and found two potential user groups that we thought was our audience.

1. Bike Enthusiast: those users who want to solve the issue by there own, as they are bike enthusiasts
2. Casual Bikers: people who are using a two wheeler just for the sake of commuting and just want a basic understanding of simple check and simple tricks to sustain the lifecycle of there vehicle.

So we have created Questionnaires on the basis of these two types of categories.

Conducting User Interviews

To gather the insights for creating an Augmented Reality app that can help user to repair or understand what happen with there bike i have taken 5 interview, in the age group of 25–45 years of adults. The insights are

User Interview Insights

1. People told they face issues with their bike every now and then. Mostly the solution is go to the mechanic and get the things resolved.
2. On an average users are willing to pay around 200- 500 for there vehicle maintenance sometime more sometime less.
3. Most of them stuck in a problem where they got fooled by a mechanic due to their circumstances, in those situation an alternate or jugaad solution can work.
4. There is always a intuition user have regarding their vehicle problem, but in detail they don’t know much about the solutions.
   There could be a basic checklist in an application for maintenance of vehicle.
5. A Augmented experience can help them solve their issues 90% of the time. and can actually help them in various circumstances.

Personas & Target Audience

In order to understand the user better, I gathered insights from user interviews, this helped me to further understand user needs and how they behave. Then I observed there three personas that represent different behaviours, earlier we had found four different persons but due to current constraints of AR products, we had to select three of them that can be catered.

Takeaways

1. Users’ bike maintenance knowledge varies from basic to advanced. Traditional 2D videos often fail to provide a deep understanding of complex issues. Augmented reality, with its 3D interactivity, can address this knowledge gap effectively.
2. Many users face unwarranted or dishonest repair charges from mechanics. AR empowers users to independently scan and diagnose bike issues, helping them confirm problems and understand repair costs on their terms.
3. Most of the user need an immediate solution or a short term solution, they call that solution to be “jugaad” for some time.
4. Users often encounter issues and seek solutions at their convenience, especially when they’re stranded. Leverage AR to guide users through troubleshooting bike problems by visually highlighting issues and offering step-by-step repair instructions.
5. Users commonly struggle with tracking vehicle maintenance. With AR, users can easily scan their bikes, and the app can furnish real-time visual overlays that elucidate the bike’s current condition, simplifying the maintenance tracking process.

Information Architecture

Affinity Mapping

After interviews, I synthesised the data collected using affinity mapping method to find out any patterns, I divided the data into 12 categories, comprising of user statement, goals, Motivations, Age, pain points, experience of Using a vehicle. Location financial, Ar experience, Existing way of problem solving, app requirements.
While Categorising, i started to see the pattern in user responses, gathered users statements and analysed them issues they face if they face any issues with there vehicle

1. Users are aware of the fact that they are getting fooled by the mechanics.
2. Most of the time issues they are facing with there vehicle can be solved by themselves with minimum guidance.
3. As your vehicle is part of your daily routine, user are actually willing to learn about the basic issues and its maintenance.
4. They understand a little about AR, but having a real time experience can help them solving the issues.
5. There is always an intuition of something is not okay with there vehicle and if there is a little guidance about that intuition it can help them save a-lot of money.
6. All of them are okay to pay for this kinda service.
7. They wants to connect with a trustworthy after understanding there vehicle issues.
8. Packages can be created for vehicle maintenance.

User Journey’s

Aditya’s Journey

Radhika’s Journey

Takeaways

The experience of dealing with both good and bad mechanics has highlighted a significant gap in understanding the root causes of vehicle problems and how to address them. Technology can bridge this gap by providing users with real-time experiences in maintaining their vehicles and empowering them to handle basic issues or, at the very least, gain awareness about the problems.

Given the large number of two-wheelers in use, there’s an opportunity to create a technology-backed platform that addresses these fundamental issues. Such a platform can not only help users resolve common problems but also educate them on how to extend their vehicle’s life cycle.

Ideate

Low Fidelity Wireframe

StoryBoarding

We Started ideating on the storyboard which helped us to understand how users would like to find and interact with the experience we were going to provide an experience that caters to both the personas.

Style Guide

Typography

Poppins is an excellent font for augmented reality experiences due to its high legibility, modern design aesthetic, Its clean and minimalistic style ensures that digital information remains clear and readable in dynamic AR environments, aligning well with the modern, high-tech feel of AR applications while accommodating diverse user backgrounds and maintaining a cohesive visual identity.

Colors

Scene Navigation

Followed by Storyboard, a navigation pattern was created that can allow users to reach their goal without having too much stress as every type of user will be interacting.

Content Strategy

During this stage, we followed the Storyboard and Scene Navigation to list all the assets we will require.

Then these assets were sorted and grouped as per their asset categories as 2D buttons, 3D assets, and Audio.

We gathered a few and created the rest of the assets required.

Scene layout

In Mobile/ Website we design within boxes, and decide where to click or hover. It is a very static experience, all within a box. But in AR, There are multiple directions users can see and interact with the experience.

Using Scene layout template

360° layout was created to signify the real world around users, where the centre of the layout shows the user’s location with an AR device.

Scene Layout

Adding asset cards

We created and used asset cards to have a better understanding of content placement around users in the 360° space.

Prototype Version 1

Learnings/ Conclusion

While pursuing this project i was very much focus on how 3d element will interact with the natural elements or the user background, this project helps me enhance my understanding of how augmented reality works, including the overlay of digital conten on the real world.

learning Augmented reality UX principle was a key focus, I faced different challenges for finalising the colorm, typography and scale of 3d elements for creating an amazing AR experience for my users

These type of applications can help user by giving them solutions solutions at their convenience, especially when they’re stranded. Leverage AR to guide users through troubleshooting bike problems by visually highlighting issues and offering step-by-step repair instructions.

Overall, I enjoyed working on this AR project. I would love to hear your thoughts, suggestions and feedback regarding this Case Study. Please comment down your views.

Thank you for reading. :)