MOVIEPASS: UX Case Study

Opportunity: Research, UX Design
Challenge: Find UX design problems and revise it
Role: Product Designer

ABOUT MOVIEPASS

Moviepass is a movie theater subscription service that allows users to watch movies daily at a discounted rate. 

THE CHALLENGE

To better understand Moviepass users, identify their pain points, and propose a redesign to improve their experiences.

DISCOVERY

6/6 users validated that the updated design changes have made the app easier to navigate and use.

The Design Process


I used a 5-step framework for this challenge:  

Desig+Process.jpg

Research


Guerrilla Usability Testing

To discover where users were struggling while using the app, I conducted usability test throughout San Francisco. I specifically chose guerrilla testing because it is cheap, quick, and can reveal important insights with just 6 users.

 

I gave each person three tasks to complete within the movie app:

1. Book an e-ticket at theater in a different city later tonight

2. Find a new movie you’d be interested in watching, and invite to watch with a friend

3. Book a ticket for the 11:30 AM showing of “ A Quiet Place” at a theater within 5 miles of San Francisco

 

 

I asked 5 MoviePass users to conduct these tasks (and a few others) on the current app.  Some of the responses we got were:

The app zooms out too much, I can’t find its location feature useful.”“ I am not convinced to watch the movie just by reading the synopsis. I need more information...” “ I don’t want to go out of my way to watch a movie. I only watch movies at the theater near my house”

Synthesize


I used affinity mapping, an information organizational method, to identify each user’s pain points and insights.

findings+from+users.png

FINDINGS FROM USERS 

I recorded observations and comments made by users during their interviews. Each colored post-it/column represents a different user.

 

 

DEFINE THE PAIN POINTS

Using the affinity map, I identified and categorized to determine the most important issues to the business and its users

BASE ON THE STUDY, HERE ARE THE 5 URGENT ISSUES: 

1. The need for standard information ( reviews, genre, trailer, cast list) before deciding watching the movie  

2. Most frequently used locations saved in “ Favorites”

3. Sort and filter movies and theaters

4. Share movie informations with friends before making decisions

5. Search movies at the map view

 

Understanding the User

It's important to understand your users, and their motivations. To dive a little deeper, I used USMO (Users, Situations, Motivations, and Outcomes) and Job stories.

From there, I created one provisional persona to help guide the design process. 

profile.jpg

Ideate


Task Flow

I analyzed the existing task flow for booking a movie to better understand where in the process users are having trouble

taskflow.jpg

Lo-Fi Sketches

I sketched multiple options for each screen, continually referencing the target audience, company mission, and my objectives to make booking tickets easier and to reduce confusion.

Base on the research findings, I prioritized  three main objectives

  1. An easier way for users to find their favorite movie theater

  2. The ability for users to share crucial information about the movie: movie title, time, and location.

  3. Easier navigation by adding filter system

Prototype 


Color

For this redesign, I used Moviepass’ original color palette to align with its brand and style.

Group+2.png

Icons

I made extra icons for the new functions added to the app using Moviepass’ branding colors.

 

Hi-Fi Sketches 

From my Lo-Fi sketches, I took the best ideas and created Hi-Fi mockups. Below are the screen comparison side by side.

Fixed+UI+-+Filter+.jpg

Animated Prototype

Once the high-fidelity screens are completed, I created animated slides to show  the changes I made to improve usability and decrease users’ confusion, thurs increasing conversions.

 

REVIEW OF THE MOVIE

80% of surveyed users are not convinced by the short synopsis. They want to know the rating, genre, trailer, and cast list of the movie.

Favorite Location

The favorite movie locations would have priority when searching. 

Filter System

Filter movies by time, location, and ticket types. Most people say those features are important when deciding on a movie.

Share with Friends

People would like to share movie information, location, and time when making plans.  

Search Movies on the Map

 By clicking on the movie location, a pop-up window would display the play time of the selected movie.

Interactive Prototype

Throughout the process, I received feedback from users by putting screens into Marvel and having them click through to make sure the flow made sense. Here is a clickable prototype! 

Validate


Key Takeaways 

1. Users would like to see the movie reviews, ratings, ad general information. 

2. Understanding what is important to your users (what to emphasize and not to emphasize)  will create a seamless and more pleasant experience.

3. Users look to our product to make their life easier. Using the filter and sort function will efficiently find information.

After Thoughts 


Going out there and testing the app, have forced me to consider the  average user’s pain points and how I should address them. For example, many users immediately  type in the movie name on the location search bar. As a long term user of the app, I knew exactly where I had to go within the app, but putting myself in the shoes of other users forced me to undo these assumptions.

As designers, we continuously strive for designs that are “ more intuitive to use”. I sincerely hope Moviepass keeps up the good work and makes the product easier to use for  all.

Finally, I am happy to say that all of the new users are interested signing up for the Moviepass after testing out the app.

Note: I do not work for, nor am I affiliated with Moviepass. This UX study was done as a learning experience for me to explore products I love and how to make it even better.