Crunchyroll tv App - UX/UI Design case study
Crunchyroll is the leading global video service for Japanese Anime & Media Crunchyroll is a leading global destination and platform for Japanese anime and Asian content. Crunchyroll delivers more than 25,000 episodes and 15,000 hours of officially-licensed content from leading Asian media producers directly to viewers translated professionally in multiple languages within minutes of TV broadcast
The Problem
Users are having navigation issues within the TV app.
The Question
How can we improve the navigation within the app so that users remain engaged?
Who I worked With
This is a personal case study
What tools did I use?
Sketch, Adobe Photoshop & Illustrator, Evernote, Google Forms
Hypothesis
Users maybe growing impatient when trying to locate new titles, and navigating through hundreds of existing titles. We believe the users simply want to access the content more quickly.
Research Method
Competitive Analysis
Questionnaire
A short questionnaire was created using 10 questions focusing on the navigation and overall user experience.
User Personas
User personas were created based on the questionnaire results. These three individuals represented our target users.
User Stories
To quickly understand what it is that each user truly wanted to accomplish, I created user stories.
User Flows
Next, I had to map out how each user was going to navigate through the app.
Low Fidelity Wireframe Sketches
Invision App: Low Fidelity Prototype
After the low fidelity sketches were created, these designs were incorporated into the Invision App. This interactive mockup focused on satisfying the needs of each persona.
Invision App Prototype - View Here
The mid-fidelity prototype was created next. This was used for usability testing.
User Testing Results
Task 1: The user was unaware if they were on the "Queue" page versus the "Recently Watched" list.
Task 2: The user was not aware if the title that was selected to be added to the queue was in fact officially added.
Task 3: The user felt like popular titles should have its own dedicated page versus being shown with the latest titles.
High Fidelity Mock-ups