TV
GUIDE
TV
GUIDE
How can we make it easier for people to discover and watch movies and shows?
How can we make it easier
for people to discover and watch movies and shows?
How can we make it easier for people to discover and watch movies and shows?
TV Guide makes it faster and easier to decide what to watch. It is the ultimate destination to discover what, when, and where to watch, anytime, anywhere.
TV Guide makes it faster and easier to decide what to watch. It is the ultimate destination to discover what, when, and where to watch, anytime, anywhere.
TV Guide makes it faster and easier to decide what to watch. It is the ultimate destination to discover what, when, and where to watch, anytime, anywhere.
Overview
Overview
TV Guide makes it faster
and easier to decide what
to watch. It is the ultimate destination to discover what, when, and where to watch, anytime, anywhere.
TV Guide makes it faster and easier to decide what to watch. It is the ultimate destination to discover what, when, and where to watch, anytime, anywhere.
TV Guide makes it faster
and easier to decide what
to watch. It is the ultimate destination to discover what, when, and where to watch, anytime, anywhere.
TV Guide serves as the ultimate destination to discover what to watch, where to watch, anytime, anywhere. This case study explores my role in leading the ideation, strategy, and design for the app on both Android and iOS platforms.
TV Guide serves as the ultimate destination to discover what to watch, where to watch, anytime, anywhere. This case study explores my role in leading the ideation, strategy, and design for the app on both Android and iOS platforms.
Industry
Entertainment
Role
UI/UX Designer
Timeline
11 Months
Tools
Sketch
Industry
Entertainment
Timeline
11 Months
Role
UI/UX Designer
Tools
Sketch
The Problem
The Problem
It is difficult for viewers to find and manage the shows they want to watch because there are so many choices and sources available.
It is difficult for viewers to find and manage the shows they want to watch because there are so many choices and sources available.
In today's TV landscape, viewers have more choices than ever before. TV is no longer limited to one place or one provider. However, this abundance of content has also brought complexity. The fragmentation of sources and devices has made it difficult for users to discover and manage the content they like.
In today's TV landscape, viewers have more choices than ever before. TV is no longer limited to one place or one provider. However, this abundance of content has also brought complexity. The fragmentation of sources and devices has made it difficult for users to discover and manage the content they like.
Research Focus
Research Focus
My designs focused on delivering improvements in the following key areas.
My designs focused on delivering improvements in the following key areas.
In a world of increasing online content and overwhelming choices, it is essential for the app to enable users to easily find and access content from various sources. My designs focused on delivering key improvements in the following areas.
In a world of increasing online content and overwhelming choices, it is essential for the app to enable users to easily find and access content from various sources. My designs focused on delivering key improvements in the following areas.
Universal Search
Create a universal search that brings together content from different services and streaming providers, allowing users to conveniently find new content from a single place.
Personalization
Include a watchlist feature that notifies users of any upcoming releases and content from their subscriptions, allowing viewers to curate their own personalized content.
Recommendations
Offer users with smart recommendations based on their preferences and watching habits. This enables viewers to discover and consume tailored content.
User Research
User Research
I wanted to understand
how viewers discovered
new shows and movies.
I wanted to understand
how viewers discovered
new shows and movies.
In order to have a better understanding of their behaviors and motivations, I used these research techniques for the redesign.
In order to have a better understanding of their behaviors and motivations, I used these research techniques for the redesign.
Method 1
Qualitative & Quantitative Data
By conducting in-person interviews and surveys, I gained insights into existing user behaviors regarding show discovery and management. This involved studying device usage, the current TV Guide market, and user preferences for managing shows.
By conducting in-person interviews and surveys, I gained insights into existing user behaviors regarding show discovery and management. This involved studying device usage, the current TV Guide market, and user preferences for managing shows.
Method 2
User Reviews On App Stores
I carefully reviewed hundreds of user reviews and comments on the Play Store and Apple Store. I categorized them based on importance and identified valuable feedback that highlighted pain points and areas for improvement.
I carefully reviewed hundreds of user reviews and comments on the Play Store and Apple Store. I categorized them based on importance and identified valuable feedback that highlighted pain points and areas for improvement.
"Mobile interviewees reported a higher level of influence and dependence on their phones and social media."
"Mobile interviewees reported a higher level of influence and dependence on their phones and social media."
The digitization of TV has transformed how we watch, the type of content we see, and how it's delivered. Traditional ads that interrupt shows are being replaced by more engaging content, and new technologies allow viewers to skip unwanted parts. While news, live sports, and big events still follow a linear format, most other content is moving towards video-on-demand (VOD).
The digitization of TV has transformed how we watch, the type of content we see, and how it's delivered. Traditional ads that interrupt shows are being replaced by more engaging content, and new technologies allow viewers to skip unwanted parts. While news, live sports, and big events still follow a linear format, most other content is moving towards video-on-demand (VOD).
Survey of user attitudes towards keeping track of their favorite TV shows.
Survey of user attitudes towards keeping track of their favorite TV shows.
Survey Results
Survey Results
Getting recommendations from friends and family was one of the top ways to discover new shows.
Getting recommendations from friends and family was one of the top ways to discover new shows.
The following is a sample of the survey questions and participant responses. Answers with the greatest potential were highlighted in red.
The following is a sample of the survey questions and participant responses. Answers with the greatest potential were highlighted in red.
Journey Mapping
Journey Mapping
I collected data from the user research and organized it into
a customer journey map.
I collected data from the user research and organized it into
a customer journey map.
This allowed me to identify pain points and areas for improvement throughout the user experience. The map also facilitated discussions to bridge knowledge gaps and fostered idea sharing among the team and stakeholders.
This allowed me to identify pain points and areas for improvement throughout the user experience. The map also facilitated discussions to bridge knowledge gaps and fostered idea sharing among the team and stakeholders.
User Needs
User Needs
It was important to balance user needs with business goals by focusing on simplifying user experience and adding features.
It was important to balance user needs with business goals by focusing on simplifying user experience and adding features.
The user research highlighted opportunities in content discovery based on genres and moods. However, I kept in mind the business goals and prioritized key areas: user onboarding, show discovery, and alerts management. This approach aligned with business goals of user engagement and user retention.
The user research highlighted opportunities in content discovery based on genres and moods. However, I kept in mind the business goals and prioritized key areas: user onboarding, show discovery, and alerts management. This approach aligned with business goals of user engagement and user retention.
Left — some shots of various brainstorming sessions and sketches from the project.
Right — my cat in complete awe during a mapping exercise.
Top — some shots of various brainstorming sessions and sketches from the project.
Bottom — my cat in complete awe during a mapping exercise.
Brainstorming
Prototyping
Organizing
Information Architecture
Information Architecture
An information architecture that focused on content discovery, TV listings, and show management.
An information architecture that focused on content discovery, TV listings, and show management.
I developed a streamlined information architecture that focused on content discovery, TV listings (for both North America and international providers and regions), and easy show management.
I developed a streamlined information architecture that focused on content discovery, TV listings (for both North America and international providers and regions), and easy show management.
Wireframes + User Flows
Wireframes + User Flows
We brainstormed many ideas and created wireframes and prototypes for testing.
We brainstormed many ideas and created wireframes and prototypes for testing.
I sketched and brainstormed many ideas with my product team and created low-fidelity wireframes and prototypes for testing. This process resulted in four main views: watchlist, explore (for discovery), TV listings, and settings (for favorites and alerts management).
I sketched and brainstormed many ideas with my product team and created low-fidelity wireframes and prototypes for testing. This process resulted in four main views: watchlist, explore (for discovery), TV listings, and settings (for favorites and alerts management).
Design System
I designed a modular design system with scalable components.
I designed a modular design system with scalable components.
The design system was built to be scalable so that components can work well together and render properly on various device breakpoints.
The design system was built to be scalable so that components can work well together and render properly on various device breakpoints.
Dark Color Scheme
Traditionally, the apps had lighter themes due to web-based content. However, I intentionally chose a dark theme for the app because users often use the app later in the day, in rooms with dimmed lights. Therefore, a dark theme helps reduce eye strain in darker settings.
Dark Color Scheme
Traditionally, the apps had lighter themes due to web-based content. However, I intentionally chose a dark theme for the app because users often use the app later in the day, in rooms with dimmed lights. Therefore, a dark theme helps reduce eye strain in darker settings.
Sketch Symbols
I created a components library in Sketch that would be used throughout the app. This library included elements such as colors, typography, grids, icons, buttons, form elements, error and empty states, show cards, and content cards. To maintain consistency, I implemented an 8pt grid system for achieving vertical rhythm, with fonts set at 4pt and UI elements set at 8pt.
Sketch Symbols
I created a components library in Sketch that would be used throughout the app. This library included elements such as colors, typography, grids, icons, buttons, form elements, error and empty states, show cards, and content cards. To maintain consistency, I implemented an 8pt grid system for achieving vertical rhythm, with fonts set at 4pt and UI elements set at 8pt.
User Onboarding
Tinder-style cards to add or dismiss movies and shows to the wishlist.
Tinder-style cards to add or dismiss movies and shows to the wishlist.
I designed a simple and fun experience to build a wishlist. I drew inspiration from Tinder-style cards, where users could swipe up to like a movie or show, or swipe down to dismiss it. Any liked items were automatically added to the user's watchlist.
I designed a simple and fun experience to build a wishlist. I drew inspiration from Tinder-style cards, where users could swipe up to like a movie or show, or swipe
down to dismiss it. Any liked items were automatically added to the user's watchlist.
Personalization
Curate your own collection of shows and movies.
Curate your own collection
of shows and movies.
The watchlist serves as a central hub where users can add their favorite shows and movies. Users can curate their own collection of shows and movies, receiving notifications about upcoming releases and content from their subscribed services.
Personalization
Curate your own collection of shows and movies.
The watchlist serves as a central hub where users can add their favorite shows and movies. Users can curate their own collection of shows and movies, receiving notifications about upcoming releases and content from their subscribed services.
TV Schedule
See what shows
currently playing on different channels.
Whether users want to catch the latest episode of their favorite series or explore new shows, the schedule provides them with timely and relevant information to help them decide what to watch. It displays the show's title, relevant details, and the corresponding start and end times.
Show Details
Detailed information
at your fingertips.
Detailed information at your fingertips.
Users can view important details such as the show's title, airing date, number of episodes, Metascore rating, user ratings, a brief description, and where to watch.
Users can view important details such as the show's title, airing date, number of episodes, Metascore rating, user ratings, a brief description, and where to watch.
Discoverability
Discover new movies and shows to watch.
Discover new movies and shows to watch.
The app offers smart recommendations and related shows and movies based on users' preferences and watching habits. This feature enables personalized content consumption, ensuring that users can discover tailored entertainment based on their tastes.
The app offers smart recommendations and related shows and movies based on users' preferences and watching habits. This feature enables personalized content consumption, ensuring that users can discover tailored entertainment based on their tastes.
Final Results
Final Results
The platform has increased user engagement, content discovery, and user satisfation.
The platform has increased user engagement, content discovery, and user satisfation.
We were delighted by the feedback and resulted we recieved when users tried out the app for themselves.
We were delighted by the feedback and resulted we recieved when users tried out the app for themselves.
+30%
User Engagement
User engagement increased by 30%, with users spending 20% more time on the app.
+30%
User Engagement
User engagement increased by 30%, with users spending 20% more time on the app.
+40%
Content Discovery
There was a 40% increase in users discovering new shows and movies through the app.
+40%
Content Discovery
There was a 40% increase in users discovering new shows and movies through the app.
90%
User Satisfaction
90% of users reported higher satisfaction with the app's user experience.
90%
User Satisfaction
90% of users reported higher satisfaction with the app's user experience.
Reflection + Challenges
Reflection + Challenges
It was challenging to find the most effective way to categorize and present the vast amount of content.
An integrated web and mobile platform
to streamline care providers-family communication.
It was challenging to find the most effective way to categorize and present the vast amount of content.
My partner and I worked together to find a balance between general categories and specific genres. We made sure the content was organized in a logical and consistent way, and we avoided overwhelming users with too much information. This involved careful categorization and studying what users needed.
My partner and I worked together to find a balance between general categories and specific genres. We made sure the content was organized in a logical and consistent way, and we avoided overwhelming users with too much information. This involved careful categorization and studying what users needed.
Explore Other Work
TechHub · Web Design
How Can We Increase Conversion Rates?
TechHub is an e-commerce website designed to provide a seamless experience shopping electronic gadgets online.
Projectify · Web Design
How Can We Optimize Web App Onboarding?
I investigated why there was a 32% drop in monthly active users, 85% bounce rate, and a stagnant 20% sign-up rate.
FinPay · App Design
How Can We Make Payments Easier?
FinPay is a concept app that enables users to seamlessly send and receive payments, make purchases, and track transactions.
TV Guide · App Design
How Can We Improve Movie Discovery?
TV Guide is the ultimate destination to easily and quickly discover what, when, and where to watch, anytime, anywhere.
Homeline · App Design
How Can We Simplify The Booking Process?
Homeline is a concept app that allows people to easily to search and book rooms, apartments, and places all over the world.
Caremerge · App Design
Connecting Family To Senior Care Providers.
Caremerge connects family members to care providers so they can check up on their loved ones in senior care.
School Apply · Web Design
Helping Students Land Their Dream Schools.
School Apply helps students find, compare, and apply to any school or program around the world with consultation and support.
JCCSF · Email Design
How Can We Increase Email Engagement?
I designed and optimized JCCSF's email campaign template to increase clickthough rate and subscriber engagement.
TechHub · Web Design
How Can We Increase Conversion Rates?
TechHub is an e-commerce website designed to provide a seamless experience shopping electronic gadgets online.
Projectify · Web Design
How Can We Optimize Web App Onboarding?
I examined why there was a 32% drop in monthly active users, 85% bounce rate, and a 5% sign-up rate after a UI update.
FinPay · App Design
How Can We Make Payments Easier?
FinPay is a concept app that enables users to seamlessly send and receive payments, make purchases, and track transactions.
Homeline · App Design
How Can We Simplify The Booking Process?
Homeline is a concept app that allows people to easily to search and book rooms, apartments, and places all over the world.
TV Guide · App Design
How Can We Improve Movie Discovery?
TV Guide is the ultimate destination to easily and quickly discover what, when, and where to watch, anytime, anywhere.
Caremerge · App Design
Connecting Family To Senior Care Providers.
Caremerge connects family members to care providers so they can check up on their loved ones in senior care.
School Apply · Web Design
Helping Students Land Their Dream Schools.
School Apply helps students find, compare, and apply to any school or program around the world with consultation and support.
JCCSF · Email Design
How Can We Increase Email Engagement?
I designed and optimized JCCSF's email campaign template to increase clickthough rate and subscriber engagement.