Making Live TV Feel Like Streaming

2019
Zattoo
≈ 6 min read
TL;DR

Led a design sprint to redesign Zattoo's Recordings feature across 15 platforms, delivering smart content clusters, batch management, and series playback that increased watch duration.

My Role

Sprint core team

Member of the cross-functional sprint group from discovery to delivery

Prototyping & testing

Built hi-fi prototypes and facilitated user testing sessions

Design systems

Consulted on the design system and delivered production-ready mockups

Zattoo recordings interface redesign shown on a television screen in a living room setting
(01) Meet the product

TV, but make it smart

Zattoo is a live TV streaming platform available across a wide range of devices. One of its most popular features is the ability to record live TV shows (TiVo style).

The recordings page was a flat list. Hundreds of shows with no way to sort, filter, or binge. Our goal: fix how users find and manage their recordings across all 15 platforms.

Original Zattoo recordings interface on a TV screen
Original Zattoo recordings interface on a mobile phone screen
(02) The sprint

Everyone in the same room

The project touched multiple teams and platforms, so we ran a design sprint to frame the challenge and figure out which direction to take.

The core team: product owners, designers, engineers, BI, and customer success.

After lightning talks, contextual inquiries, and data analysis, we grouped insights into 4 themes:

Content Discovery

Enable users to discover new recordable content on the recordings page

Tailored Search

Make it easier for users with hundreds of recordings to find the ones they are looking for

Management

Offer a less cumbersome way to delete unwanted recordings

Playback

Give users a seamless way to watch recorded serial content (TV shows)

(03) Placing our bets

What does winning look like?

These hypotheses defined our success metrics:

We Think That

Users have a hard time watching the piece of content they want because we offer a limited way of browsing and finding it

Which is Why

We will increase the number of hours watched per user for recordings

We Think That

Many users are unaware of the perks of recording live TV content

Which is Why

We will increase the share of users adding at least N new recordings per month

We Think That

Users are afraid to record new content because they find it very difficult to delete unwanted recordings afterward

Which is Why

We will increase the average amount of recordings each user adds to their account

We Think That

Users can't watch serial content seamlessly because we don't group episodes & seasons of a show together

Which is Why

We will drive a spike in new recordings and serial content playback

(04) Making it real

From sticky notes to pixels

We narrowed down solutions and built hi-fi prototypes with the help of our design system and software engineers.

Wireframe sketches of key screens for the Zattoo recordings feature
Photo of design concepts displayed on a wall (art gallery style) with voting dots
Photo of the design sprint team working on prototyping tasks
User Testing

Prototypes meet real users

With the prototypes ready, it was time to test them with real users. Our goals were to:

  • Validate the hypotheses with real users
  • Test the discoverability of new components like sorting, batch deletion, and series drill-down
  • Gauge satisfaction with the new interaction flow
* Now talking in #zattoo-recordings
* Topic is 'Halftime check'
<harold> What was the challenge?
<madsen> Recordings had to work across 15 platforms, and discovery needed a real upgrade without slowing delivery.
<harold> How did you run it?
<madsen> Cross-functional sprint with product, engineering, BI, and customer success from discovery to delivery.
<harold> Why should I keep reading?
<madsen> This is where hypotheses turned into tested flows and shipped features, not just slides.
(06) Hindsight

Notes to future self

* Now talking in #recordings-retro
* Topic is 'Looking back at the sprint'
<harold> Did the redesign actually work?
<madsen> Yes. Usability tests showed higher task completion rates.
<madsen> Also, watch duration for recordings went up across the board.
<harold> What about implementation? Was it smooth?
<madsen> Having the Hyperion Design System in place meant most assets were ready to go.
<harold> What was the biggest lesson?
<madsen> Other than having everyone involved from the get-go being awesome?
<madsen> We underestimated how complicated it would be to generate prototypes for big screens within the limited timeframe of a design sprint.
<harold> What's so special about prototypes for big screens?
<madsen> There are no tools for that on the market. Every TV company engineers its own custom solution, and that gets costly fast.
<madsen> Interaction on TV is a different model from desktop and mobile. You navigate with a remote, so focus, movement, and feedback must be designed differently.
<harold> What if I want to know more?
<madsen> Happy to keep chatting about this → Send me a message