Streamlining the video streaming selection experience for avid streamers.
A B2C mobile app end-to-end design for the video streaming industry by Alexis Medina.
Role
UX/UI Designer
Solo Project
Tools
Figma
Illustrator
Photoshop
Duration
4 months (16 weeks)
The Problem
Too many video streaming services available! 😨
As an avid streamer myself, it can be overwhelming for video streaming users to find where titles are readily available to stream – and on deciding what to watch because of the lack of resources provided by streaming services in aiding users’ viewing decisions during their selection process. With this problem identified, the next step was to pull out the scope and take a closer look!
Process
Discovery
Secondary Research
User Interviews
Affinity Map
Personas
Ideate
Key Features
Sketches
Design
Wireframes
High-Fidelity
Prototype
Testing
Usability Test
Iterations
Discovery
Secondary Research
So is this really a problem? 🧐
Although this dilemma seemed apparent, I had to verify that this was an actual problem that users were facing. The objective of my research is to clarify the problem space, identify potential users, find information that’ll help ideate solutions to enhance a user’s video streaming selection experience.
The first step in clarifying the problem space was to conduct secondary research – which is where I stumbled upon eye-opening statistics from Gracenote, a Nielsen company (2022) and The Morning Consult (2020 on the current state of video streaming industry as seen below (click side arrow for next slide):
Having confirmed that this was an actual problem users faced, I was able to move onto the next step of my research plan which was to interview some video streaming users!
User Interviews
How are we streaming, friend? 🎥
To ensure the interviews were done with the right participants and ran smoothly I came up with a research strategy and conducted my interviews as seen below:
Insightful User Quotes 👀
Once I finished conducting interviews with my 5 avid streamers – in order to gain a better understanding of their behaviors, pain points, needs, and goals – it was time to synthesize the results.
Synthesized Findings
Affinity Map 📜
With interviews concluded, I complied all the quotes from users that captured key thoughts during their view selection decision making process identify motivations, goals, pain points, and needs — creating an Affinity Map.
Included below is the construction of my Affinity Map from initial grouping to final grouping (Left) and the close-up of the final result (Right):
Personas 🙎🏽
With the organzied behaviors, pain points, needs, and goals of users completed, I wanted to establish a clear picture of what potential users look like – which was done through Personas as seen below.
Key Challenges 🗝️
Once I clarified the main type of users I was to design for, I synthesized the main findings from the interviews into Key User Insights — and in order to define the main problems users were encountering, I reframed and refined the Key User Insights into challenges for design:
These statements clearly articulate the user problems to be solved for thus ensuring that the correct solution is designed.
Solution Defined
So what are we building? 👷🏽
Create a one-stop app for all user video streaming needs such as — provide users with ability to explore multiple viewing catalogs from multiple streaming services all at once, find the streaming availability of any searched title, personalized watch suggestions and provide users with a title’s desired film/tv info — all in order to enhance a user’s viewing streaming experience.
Ideate
Key Features
What will be included in the MVP? ⚙️
To establish what essential features were necessary to accomplish the goals/tasks for users to streamline the video streaming experience, I outlined an MVP (minimum viable product). Once that was done, I prioritized the following features that are to be included in the initial prototype based off my avid streamers’ pain points, wants, & needs:
With the core functionality of the prototype established, it was time to begin sketching what the prototype would look like!
Sketches
What will the main screens look like? ✏️
Based on the Key Features to be included in the initial prototype, I sketched the solution screens below:
Homepage
Title Info Page
Search Page
Network Filter Page
Watch Suggestions Page
With the solution screens sketched, I conducted guerilla usability testing in order to get initial feedback on the design with 5 participants.  I tested the design by creating a clickable prototype with the sketches.
Through testing, I learned that users:
Having learned this valuable information, the next steps were to incorporate user feedback, create wireframes/high-fidelity screens, and finally — create the prototype!
Design
Wireframes
User flow 1: Initial App Setup 1️⃣
User flow 2: Exploring Titles 2️⃣
User flow 3: Search Titles 3️⃣
High-Fidelity Screens
With a splash of color, what do the screens look like now? 🎨
With the Hi-Fi screens ready, it was time to test the design with avid streamers so that I could understand the kinds of problems users might run into when interacting with the product. I created a clickable prototype and began usability with five participants who fit the persona profiles.
Testing
Usability Testing
The usability test consisted of observing 5 avid streamers, through zoom calls,  in order to gain their initial reaction to the app’s design and their experience performing the app’s primary task.
The test ran smoothly. All five participants were able to complete the assigned tasks, although there were some difficulties encountered for some of them:
Usability Test Result - Round 1 📈
Iterations
For the second round of testing, with 5 new participants, I focused on testing the updated functionality of the prototype:
Iteration - Issue # 1 🔨
Iteration - Issue # 2 🔨
Usability Test Result - Round 2 📈
Based on our User testing, I discovered that the issues found in the first round of testing were no longer an issue – and that the prototype solution did in fact end up streamlining the video streaming selection experience for avid streamers thus making this project a success. A few user quotes that were gathered from both user testing sessions:
Due to time constraints, I decided this updated version of the prototype will be the final product :)
Final Clickable Prototype
The final solution ✅
Thanks for scrolling through 😊