Redesigning an online booking reservation APP

This is a fun redesign project that aims to solve problems users encounter when using this app.
TYPE
APP Redesign
Side Project
TIMELINE
August 2024
(2 weeks)
TEAM
1 UI/UX Designer

Overview

This project focuses on optimizing an online booking app which allows users to view class schedules, book and cancel classes. As a user of the app myself, I, along with other classmates, encountered many difficulties when using this app. Thus I started this project to improve the key features of the app.

User Research

Due to the scope & nature of the project, I did a quick user research by chatting with the gym and a few of our classmates. I had had one or two of them go through the app so I can learn their painpoints.

From our conversation, I gathered that the target audience are mostly office workers from the age of 20-40 that looks to improve their health by attending classes after work. The app provides them the platform to book and manage their classes, and to cancel their classes if they happened to work overtime.

Pain points

- Lack of a structured menu: Users find the app hard to navigate
- Accessibility Issues: Unfriendly small touch points and overall bad aesthetics
- Difficulty Finding Classes: Users often struggle with finding the right class due to non-existing search filters

Feedbacks:
"The app overall is pretty hard to navigate, with the features all over the place."
"I had to scroll endlessly to look for the classes at the location closest to me as there isn't any location filter system."

Goals

1. Improve user interface and add value by providing more accessible features
2. Give it structure for users to better manage their booking
3. Better filtering system to improve efficiency on app

Before getting into my design process, here's a direct comparison of the redesign: a centralized dashboard that includes everything users need to keep track of their learning and tutoring.

Ideate

After gaining a deeper understanding of users' needs and pain points, I rethought the interface design to make booking and managing classes more convenient.

Login Screen

Dashboard

Knowing our audience is crucial when it comes to determining a successful dashboard. What they are looking to do when they tapped into this app.

And according to what I gather after talking to our users, there are 3 most frequent purposes coming onto the app:
1. Viewing upcoming class schedule
2. Find classes to book
3. Cancel classes

Thus I decided to add more useful features to add value to the dashboard.

Find Courses

In the original app, there is only a date filter for users to filter classes. It was to no doubt why we received negative feedback when it comes to finding their desired classes in an efficient way. Users had to scroll endlessly to find what they're looking for. To solve this problem, I added an all classes page and effective filters that includes the option to "only" show classes that can be booked.

User Testing

I created a simple prototype on Figma to get an understanding of how users interact with the new interface. I observed users complete the task of searching for a desired class and booking them and ask for feedback in the end. I received many positive feedback including how they liked the "Upcoming Classes" information upon entering the app and how the new filtering system would save them so much time.

Reflections

I really love discovering user pain points and using design to solve these problems. If I had more time, I would love to continue optimizing the entire app, including other features and maybe even connecting with the engineer that create this app to work together.

Other Works

Designed by Kelsey Chang © 2024