Mindbody Redesign

Mindbody is a lifestyle brand with the purpose of empowering health and well-being. As the health and wellness industry continue to expand, we have seen a shift in such ways where they seek to inspire, guide, and motivate their customers through unique brand experience in products or services. With the mobile app users are able to search and instantly discover, compare, and book local services to better your mind, body, and soul.

Role:

Human-Centered Design, User Research, Visual Design, UIUX

Time:

11 weeks (2020)

Project:

Individual

Problem

Mindbodyapp’s interface and architecture is confusing and makes it difficult for users to navigate; the app needs a more functional way to book local classes, activities, and other appointments because the current results is not a true representation of what users are searching for.

Solution

I spent 11 weeks brainstorming, ideating, researching, interviewing, and sketching a new concept to enhance the booking appointments and search feature in Mindbody to make it a quicker and easier process for users. 

Research

Research findings show that users tend to share one common frustration which is poor search, navigation, and booking features of the app. 

Google Surveys

Google Surveys was conducted with a sample size of 32 people, ranging from the ages of 18-31. 

18 of the people surveyed who have used Mindbody are mostly less than satisfied. 

Interviews

Interviews were conducted and selected from the pool of participants. Here are some key findings: 

Group 47.png

"I once showed up to the gym locked outside because there was an error with booking, I thought I had booked my appointment but I realized that I missed a step. There are so many steps I find it to be so complicated when it can be done so much faster."

"I really enjoy the design and colors of the app. However, searching for the right classes and picking appointments with specific dates takes so long. I wish there was a calendar view of some sort so I don't have to keep smashing the button on the weekly view. "

Group 46.png

User Persona

User personas help uncover the different ways customers use Mindbody; these two cases will help focus on improving the experience of real life users.

Frame 3.png
Frame 2 (1).png

Brainstorming

With mind mapping it helps identify visual representations of a sequence of thought and concept. While brainstorming, I kept the user frustrations in mind. Here is my thought process on solving Mindbody's booking, search, and navigation issues. 

Group 122 (2).png

Information Architecture

We live in a world where people expect to find a solution to their problems with the least amount of effort. When finding certain information becomes too complicated or too slow, people will simply abandon it.

 

Just like how users have complained about how lengthy Mindbody's booking process is, users will turn to find other options. This is where information architecture design plays a key role in making sure content is easy to find. I kept it simple, yet quick for users to effectively accomplish their tasks.

Group 121.png

User Pain Points

I decided to try the app myself and booked a yoga class nearby in San Luis Obispo. Here are some of my personal frustrations that I annotated with explanatory notes, I realized that I had similar pain points as the people I interviewed. I kept these in mind when designing, making sure I enhance the process now that I have first-hand experience. 

Group 132.png

Low Fidelity Wireframing

Once I had a clear idea of the information architecture and user frustrations of the app, I went ahead and created wireframes. The main functions I wanted to focus on to solving: searching and booking.

Screen Shot 2021-01-12 at 3.52.49 AM.png
 

High Fidelity Prototype

Group 134.png

Explore & Filter Searches

The explore page serves to show special offers and popular classes nearby. With filtered searches users can find exactly what they are looking for.

Sessions and Calendar View

With descriptive tags, new users can quickly understand what each service offers. Virtual sessions are easily identified along with calendar view for advanced booking. 

Group 135.png
Group 139.png

Quick & Easy Booking 

Business information and its services provided, prices, discounts, address, and availability is listed on the same page. The booking process is now minimized with fewer screens and executed as a one-step process. 

Schedules Tab

The navigation bar includes an explore, favorites, schedules, activity, and profile page. Users prioritize their upcoming schedules and should be given the easiest access, which is now in the center of the navigation bar. 

Group 137.png

Reflection

Things I learned

Future Enhancements

Creating a better design for an already existing app was quite difficult at first. I wasn't sure where to begin, but after researching and conducting interviews, I learned that this process is an essential foundation to figure out the sharpest possible insights to construct an optimal design. Even though Mindbody's user interface was aesthetically pleasing, the functionality was no where near the same level. Both functionality and beauty create an emotional response as part of the user experience. 

In the future, I would recruit participants to do a usability test to validate my design but without Mindbody's database to successfully filter and search businesses, I can't make this possible. I want to consider ways to customize the schedules page to create a more personalized experience for users. It was fun to research, analyze, and redesign Mindbody's booking experience, I will keep iterating my designs as design is a never-ending process.