Search & Book

ClassPass · Design Lead · 2020

I was the lead product designer on search & book and helped evolve the user experience through multiple projects. I have collaborated with products managers, engineering leads, user researchers and I have lead usability testing to get to the results you see below.

Challenge

Through research and data we learned location is one of the most important criteria when users decide which fitness class to try. Up until this project users specified their location in the app through a map or through a multi-select list of neighborhoods that ClassPass maintained. Because the multi-select list felt cumbersome and because ClassPass wanted to expand to many different countries other than the U.S. we had to find a more scalable system.

Before the start of this project I annotated the pros and cons for each of the screens involved. There was no lookup by address, zip, etc.

We looked at UI patterns that users could be accustomed to and summarized what works and doesn’t work for our use cases.

Solution

A comparison across apps showed that typically users specified their location using a single address specifier. This type of UI would reduce the amount of taps and would be more straightfoward to roll out internationally.

Next, usage data showed that the map was used very often. That gave us reason to juxtapose the map and list results. Through prototyping I finetuned the interactions so engineers could properly scope the project.

Up until this point we had separate category and location query fields. Earlier we made this tradeoff because it turned out to be technically expensive to merge the two result screens into one. After launch user recordings showed that users often entered location queries in the category query field. This gave us confidence to invest in merging category and location screens into the solution we ended up using.

Some of the iterations the team and I compared. We built towards the final UI in different phases prioritzing the immediate value pieces.

I used prototypes to clearly express the expected interactions.

The final result. Users can swipe up to see more of the list or swipe down to see more of the map.

I lead the design for the Android and web platforms. Our principle for this project was to keep feature parity between different platforms for the core booking flow.