Redefining streaming UX for UKTV Play

Gary Szaszik

0

UX Designer

UI Designer

Figma

UKTV Play needed to bridge the gap between traditional TV viewers and the growing on-demand market. Through in-depth UX research, we redesigned the platform with clearer navigation, a more immersive browsing experience, and a content-first design.
The result? An intuitive, engaging app that made content easier to explore, driving higher engagement and boosting viewership across all devices.
Branded Loading Screen
Branded Loading Screen

Why UKTV Play struggled to keep viewers engaged

Despite offering exclusive content, UKTV Play struggled with user retention and engagement. Viewers found it hard to navigate and the experience didn’t match the ease of modern streaming platforms.
The challenge was clear. Understand what was holding users back and redesign the platform to make content discovery effortless, intuitive, and enjoyable.
TV Mockup for Live Product
TV Mockup for Live Product

Uncovering insights to shape a better UX

We focused on identifying key pain points and opportunities through in-depth research, setting the foundation for a more intuitive streaming experience.
Stage 1 – Competitor Analysis
We analyzed how leading streaming platforms handle key features like sign-ups, ads, video players, live channels, and TV guides across mobile and web. These insights helped us identify opportunities to elevate UKTV Play and sharpen its competitive edge.
Competitor Analysis
Competitor Analysis
Stage 2 - User Interviews
We spoke with 18 participants, including current and potential UKTV Play users, to uncover their habits, frustrations, and expectations. Accessibility insights also played a key role in shaping our findings.
Stage 3 – Adapting Testing for CTV
Testing on connected TVs remotely posed a challenge, so we devised a creative workaround. Participants set up their laptops to record their TV interactions while narrating their thoughts in real time. This approach allowed us to capture authentic user behavior and refine the experience effectively.
Connected TV User Testing
Connected TV User Testing

Key findings

Our research showed users struggled with navigation, felt the content was outdated, and found the visuals uninspiring. These insights shaped our approach to improving clarity, engagement, and overall usability.
01 - Content Relevance & Engagement
Users felt the content was outdated and lacked fresh offerings. This led to low engagement and retention, highlighting the need for more compelling, up-to-date selections.
02 - Navigation Challenges
Users struggled with unclear content organization and non-standard navigation. A lack of clear signposting made it difficult to browse, leading to frustration and drop-offs.
03 - Outdated Visuals
The app’s outdated look, including the video player, gave the impression of stale content. Users associated the antiquated interface with a lack of fresh, engaging material, reducing overall appeal.
Categorised User Interviews Findings
Categorised User Interviews Findings

User Personas

We identified three key audience groups, each with unique viewing habits and needs. These insights helped shape a design that caters to diverse user expectations.
In-depth Persona - 1
In-depth Persona - 1
In-depth Persona - 2
In-depth Persona - 2
In-depth Persona - 3
In-depth Persona - 3

From insights to wireframes

Using our research and persona insights, we translated user needs into structured wireframes. This step laid the foundation for an intuitive, user-friendly UKTV Play experience.
TV Home Page Wireframe
TV Home Page Wireframe
TV Continue Watching Rail Wireframe
TV Continue Watching Rail Wireframe
TV Show Page Wireframe
TV Show Page Wireframe
TV App Search Page
TV App Search Page
Mobile App Home & Channels Page Wireframes
Mobile App Home & Channels Page Wireframes

Clearer navigation, better experience

We reworked the app’s navigation to be more intuitive, using a clear sitemap, standardized icons, and easy-to-understand labels. Early feedback showed a noticeable boost in user satisfaction and seamless wayfinding.
TV Navigation Default State
TV Navigation Default State
TV Navigation Active State
TV Navigation Active State

Bringing content to the forefront

We reimagined content categories with bold, full-bleed imagery, making hidden content more visible and engaging. This not only enhanced visual appeal but also created a more immersive browsing experience for users.
TV Interactive Categories Page
TV Interactive Categories Page

A streamlined, content-first video player

We gave the video player a sleek, modern upgrade, improving usability and adding key features for live broadcasts to enhance engagement.
TV On-demand Video Player
TV On-demand Video Player
TV Live Video Player
TV Live Video Player

A bold visual upgrade

We refined the app’s visuals with full-bleed imagery and interactive thumbnails, making content more engaging and easier to explore.
TV Home Page
TV Home Page
Like this project
0

Posted Jun 10, 2024

Redesigned UKTV Play’s streaming app to improve navigation, content discovery, and engagement across multiple platforms for a smoother user experience.

Likes

0

Views

4

Tags

UX Designer

UI Designer

Figma

Building trust with a modern online presence for Borderline
Building trust with a modern online presence for Borderline
Turning a cluttered website into a high-performing digital tool
Turning a cluttered website into a high-performing digital tool
Fueling excitement with a bold new website
Fueling excitement with a bold new website
Showcasing Levi Holland’s skills with a new online presence
Showcasing Levi Holland’s skills with a new online presence