Making Live TV Feel Like Streaming

2019
Zattoo
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 platform for IP-based transmission of TV channels and video on-demand content to a variety of devices. One of the flagship features of the consumer-facing product is the possibility to record live TV shows (TiVo style).

Our goal was to improve the way our users find and manage their recordings across all the 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

Given the complex and cross-cutting nature of the project, we decided to go for the design sprint framework as a structured way to frame the challenge and get reliable insights on which direction to take.

The core sprint team was composed of product owners, designers, engineers, business intelligence, and customer success specialists.

After several lightning talks, contextual inquiries, and the analysis of the gathered data, we grouped the 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?

During the definition phase of the project, we derived what success metrics could look like based on the following hypotheses:

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 the potential solutions and, with the help of our design system & software engineers, created hi-fi prototypes based on the flows identified during the sprint.

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'
<madsen> hey, still here? if my data is correct, by now you're considering leaving this page.
<madsen> my hypotheses: (a) you're already convinced I can do some fine work, or (b) you find this case study very sad, which is sad.
<madsen> either way, I'd love to hear what you think.
<madsen> without further ado, keep scrolling for the grand finale
(06) Hindsight is 20/20

Notes to future self

* Now talking in #recordings-retro
* Topic is 'Looking back at the sprint'
<harold> The people wanna know: did it work?
<madsen> Some hypotheses were easier to validate than others. From usability tests, we saw higher task completion rates.
<madsen> Quantitatively, there was a considerable increase in the duration of recordings watched.
<harold> What about implementation? Was it smooth?
<madsen> We already had a design system in place, so most of the assets we needed were already there.
<madsen> One day I'll post the case study of my journey with Hyperion, Zattoo's Design Language System.
<harold> What's the biggest takeaway?
<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> For starters: there are no tools for that on the market. Every TV company engineers its own custom solution, and that gets costly fast.
<madsen> The interaction models are completely different from computers or mobile. You operate the interface with a remote, not your fingers.
<harold> What if I want to know more?
<madsen> you're more than welcome to reach out. find me here