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 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'
<madsen> hey, still here? if my data is correct, by now you're considering leaving this page.
<madsen> my hypothesis: you're already convinced I can do some fine work. let me prove it.
<madsen> either way, I'd love to hear what you think.
<madsen> 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> Watch duration for recordings went up across the board.
<harold> What about implementation? Was it smooth?
<madsen> Having a design system (Hyperion) already in place meant most of the assets we needed were ready to go.
<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