PORTFOLIOKHANG D. BUIabout me
Logo for Acclim8s
Front screen and WatchOS interface displayed for CreditCookies, a 2nd case study.
UX Case Study for Movies Post-Credit Scenes
Timeline
Two Months
Role
Mobile Product Design
Deliverable
Mobile Application
Tools
Sketch and Principle
Background
I’ve always loved going to the movies, and it is usually even more rewarding finding out that there is additional content after the credit rolls. However, I realized that many of us usually leave too early and miss the extra credits scene or leave too late and regret staying because the scene isn’t worth staying at all. When we spend our time searching online if a movie contains a post-credits scene, we risk the chance of spoiling the scene ourselves.
HOLD ON!

Because this case study contains copyrighted images and rights, all images used here belongs to their respective owners and shall used strictly for educational purposes.

Intellectual property displayed, mentioned, or altered shall not be used to promote any illegal distribution or any deemed negative act.
Goal
To counter having to wait for a worthy after-credits scene, I've decided to design a fun and easy-to-use app that is mainly for movie lovers to see whether or not a movie has a post-credits scene and if it’s worth staying.
Problems
Solutions
People can often be unsure whether or not a movie has a post credit scene and risk running into spoilers online.
Design a solution to let users know if a movie has a mid or post-credits scene with proper spoiler tag warning.
People waste their time waiting for the post-credits scene and find out it’s not worth it.
Allows users to inform each other to know if the end scene is worth staying through a public voting system display.
People do not have time to sit and wait for the post-credits scene.
Let users report a summary that contains a false description.
People might run into unexpected spoilers when searching for the answer online.
Gives the users a choice to read the end-credits scene to save time with proper spoiler warning.
Larger images may take longer to load, thank you for understanding!

Design Process

Read full case study
I conducted a survey on 13 participants that combined both quantitative and qualitative questions to draft a proper user persona for my solution. These users are between the age of 19 through 28, and are currently in college that loves watching movies.
Insights
100% searched for end-credits scenes online.
80% reads more into the credits scene to be more immersed into the movie’s universe.
80% admitted that they usually end up feeling frustrated because a movie’s end-credits scene isn’t worth their stay time.
70% have expressed that they ran into spoilers while searching if a movie has an end-credits scene online.
Features Votes
Users voted on the following features to be added into the app:
Light Mode
View Trailers
Stream Platform
Reviews
Create an Account
View My History
Jake McFlarren
Age: 24
Location: Los Angeles, CA
Occupation: Bachelor Degree in Drama
Hometown: Minneapolis, MN
Meet Jake!
Jake is a recent B.A graduate in Drama from UCLA that has a soft spot for movies and entertainment media. Jake regularly goes to the movie theaters with friends and oftentimes collects movie posters to show his appreciation as a fan.

While Jake loves attending the movies, Jake - who loves surprises - realized that many of the movies aren't worth his stay because of their boring after-credits scenes.
Frustrations
Jake recently left the movie without hesitation because he ran into a spoiler online for one of the scenes he doesn’t know will be featured after the credits have rolled.

Jake is a bit frustrated lately because he’s unable to check if a movie is worthy of staying behind after the credits have rolled in the risk of spoiling the scene himself.
Goal
Jake wants to have a personalized app to let him know whether or not he should complete his movie visit by staying and waiting for the after-credits scene or leave if there’s none at all.
Jake's User Journey
Jake's Main Concern
Jake can easily enjoy the movies he chooses and stay for the end-credits surprises. However, he struggles between running into spoilers and constantly having to wonder if the stay is worth his time.

Jake needs a way to stay alert about whether or not an after-credits for a movie is worth his time.
Primary Objective
To design a user-friendly navigation app that targets movie end-credits scenes and allows the users to vote if a movie is worth staying for its respective scenes.
Getting Started Lo-Fi Design
I began sketching the wireframes, letting ideas onto the canvas and allowing mistakes to be made.

During this sketch process, I’ve also thought about what potential features and screens the app might include.
What's Included?
Home:
Homepage will contain all of the listed movies currently available in theaters and have been personally published by the team, each movies will follow by a display of votes whether or not a movie has an end-credits scene.
Search:
This page will be primary for searching up movie titles that aren’t on the home screen.
Account:
This page will consist of all settings and user preferences that controls the user's experience.
After having enough sketches, I decided it was time to turn my sketches into lo-fi designs and brought it to six potential users for collective feedback.
Positives
Negatives
100% can get through the onboard screen and login screen.
94% said that the navigation bar at the bottom is too large and out of place.
97% can successfully sign out.
88% of users said that the app feels very empty.
93% can navigate through the app smoothly.
83% of users prefer a little bit more contrast on some pages.
84% can fully report a summary.
81% mentioned that everything is a bit too small for their viewings.
After the feedback responses, I began to reconfigure the design problems that users faced during the testing stage. In addition, I also conducted another survey on the same six - and four new - participants to see what can be improved to the overall experience of the app’s functionality.
ALLOWING USERS TO SUBMIT THEIR OWN MOVIES AND END-CREDITS SCENE SPOILERS
INCORPORATING END-CREDITS SCENES FOR TV SHOWS AND GAMES
Many of my participants felt that having a user contribution feature brings even more libraries of movies into the app.

Based on the survey, users wanted a way to contribute their own movie and end-credits scene into the app for others to see.

Ultimately, I’ve added a user contribution tab on the account page and saw that it received an increase of 80% user engagement alongside positive feedback.
Originally, the proposed solution was to only offer movies end-credits.

However, everyone that I’ve interviewed leaned towards including more diversity of different entertainment media such as TV shows and games.

I divided the home screen into three different tabs - each belonging to their respective entertainment media - and saw that the product use time received a boost of 70% in engagement rates.
On-board Screens
Login & Home Screen
Search Screens
Account Screens
Reporting a Movie
Other Screens
SmartWatch Adaptations
I’ve made an adaptation for smartwatch users and narrowed some features from the app to the watch’s interface.

The main purpose of the smartwatch interface is to give a faster and more lenient navigation than its mobile counterpart.

Users can swipe to switch to different pages for quick access.
After finalizing my high-fidelity designs, I presented the final product to a group of participants for usability testing and received well positive feedback. To my surprise, I didn’t realize that the app worked better than it had intended. Participants mentioned that they enjoyed navigating through the app, and felt that there are very little roadblocks when they complete a task.

If you are interested in seeing the full user tasks breakdown, please click here (Google Doc link)!
What's Next?
The next move is to fully test all the functionality on smartwatch and create a proper solution on how users can save a bit more time using it. In addition, it would be very unique to bring the experience onto the web application/browser to include a more range of users. Though it wasn’t a part of the project, the logo would also need some refining as well.
What's Was Tough?
The toughest part of this challenge was to go back and test every iteration and implementations to fit the user's needs. Since my main goal was to seek feedback and work through them, it was challenging meeting everyone’s expectations and goals to deliver a product and not worry about having it go south.

I was expecting my first draft would get me through most of the problems, however I’ve realized that nothing is perfect in one go and problem-solvers like myself need to hear that at least once.
Self Reflection & Lessons
I’ve learned that design thinking involves a lot of repeated steps and actions in order to fully “perfect” a product. Even at the final stage of the project, it feels that there is always more room for improvements and ideas.

I dove deep into relying on user feedback and iterating through those challenges, as it was the most fun yet difficult part of the project itself. By doing so, I was able to draft and give myself problems to solve through.

I also enjoyed the process of gathering user input, and by doing so, I learned that bringing more inclusivity and diversity such as expanding to TV shows and games helps tremendously within the app experience.
CreditCookies Full DEMO
Real Life Interactive Prototype