Objective: The Bose Music troubleshooting help screen is vague and doesn’t offer a lot of actionable items for a user in search of connection help. The goal of this project was to make it more intuitive for users to troubleshoot when their products aren’t connecting to their devices.

Skills: UI/UX Design, Prototyping, User Research, Information Architecture, Wireframing

Team: A team of 2 UX designers

Context: The old “connection help” screen we were tasked with refreshing.

Bose Music is able to tell whether a user’s Wi-Fi is turned off or disabled, and our app can provide specific tips based on this knowledge.  However, this screen was a collection of “general tips” that the app surfaces when it doesn’t know what is going wrong with the product’s connection.

Since we’re only able to offer the most generalized tips, there is no way for the user to tell which of these issues applies to them. We wanted to give our users more granular feedback.

We couldn’t prioritize the advice by what is the most likely error.

We weren’t offering any guidance on how to get the user’s device connected to the same Wi-Fi network as the product.

The numbering of the tips is misleading as it gives the impression that the user should perform them in order to fix their connection.

 

Process:

 

We de-prioritized the “More Help” button that had previously taken up space at the bottom of the screen.

We also changed the objective of the button: Instead of bringing users to another generalized help page, it now directed them to a “Contact Us” page with details on calling Bose tech support.

We also wanted to show users how to manually put their product into AP Mode in order to change their Wi-Fi network.

 

After creating this solution, we also wanted to apply it to setup connection issues when a user is setting up their product for the first time but isn’t able to find their product.

We wanted to create a screen that would easily allow users to troubleshoot if their product didn’t connect to their device. The left screen shows all of the products that were compatible with the Bose Music app. The screen on the right shows products that users might mistakenly try to connect but were compatible with other Bose apps, such as Bose Sleep or Bose Connect.

Once users selected the product they were trying to connect, they were brought to a screen that gave them more specific advice, and also gave them the option to go to the Bose Help website for more information.

SOLUTION:

 

By offering troubleshooting help in expandable buckets, we were able to make the screen informative without overwhelming the user with too much text. We were able to prioritize the most relevant tips after collaboration and discussion with engineers about common pain points in the app.  Adding user-friendly copy made the screen easier to navigate and nudged users in the right direction.

 
Previous
Previous

Branding

Next
Next

Scientific Illustration