Re-Designing Live Class Filtering
A UX case study on improving the class discovery and booking experience for Mindhouse meditation app users.
Visit Mindhouse →Context
Mindhouse is a meditation app offering 7 different courses/techniques, with 4 courses having mini versions. Each course has different types and classes are taken by different instructors. Think of it like a university - Physics is the course, with multiple classes, different professors, and varied material in each class. The app hosts approximately 70 different classes daily.
"Make it easier for users to choose a live class"
About the App
Mindhouse is a guided meditation tool (similar to Headspace) with live trainers conducting classes. I collaborated with Ashish Goel, who leads design at Mindhouse. Originally a physical studio, Mindhouse transitioned to online classes during COVID-19. The Book tab is a crucial interface, listing all scheduled classes for the week that users can book and attend.
View in App Store →Current Design
Here's the existing live classes booking page and its components:
With approximately 70 classes per day, users struggle to find their preferred classes. When booking, they need to consider multiple factors:
- 📚Course name and sub-class type
- 👤Favorite instructor availability
- 🕐Preferred time slots
The Redesign
The new design focuses on making information discovery faster and more intuitive:
Key Improvements
Day Selector
Before
Weekly view optimized for physical classes with limited capacity.
After
Simplified modal date picker for better space utilization and focus on today's classes.
Time Slots
Before
Hidden in a floating action button, requiring extra clicks.
After
Easily accessible tabs categorized by time of day for quick filtering.