Overview

Where is that programme?

 

 

 

 

 

 

BBC iPlayer is the BBC’s dedicated video-on-demand service that allows users to stream BBC content through the iPlayer website, phone & tablet apps, and application on connected TV devices.

The development of iPlayer v.4 on connected TV was an exciting opportunity to define how a user could navigate through the app with their remote. And in particular, answer the question:

How do you design a remote-led interaction for search on TV? 

DATE
March 2013 – May 2013

DESIGN TYPE
Interaction Design

ROLE
Design Trainee working alongside Senior UX Designers & Creative Director. Senior UX Designer: Ste Everington



Approach

Building upon signature experiences

Central to the design approach for the search pattern was the opportunity to leverage signature interaction patterns already being developed within BBC TV experiences. These included the signature delayed rollover state of stream items, the fixed focus state when navigating through the stream, and the expansion of programme collections.

Why is that important? Giving users consistent interactions means delivering an experience that feels intuitive and ‘uniquely BBC’. Pattern re-use also means reducing the unnecessary clutter being supported by the underlying technical infrastructure. In other words - “build once, use everywhere”.

These early wireframe explorations look at how an existing horizontal collection pattern could be re-used in the context of search input & functionality.

 



Considerations

One pattern for
many products

One of the biggest challenges when designing for connected TVs is considering how to optimise for minimal remote clicks. A remote’s 5-point navigation makes this a particular challenge as it means tasks like searching for programmes take longer than when on a laptop or phone.

As a result the keyboard layout is designed to minimise clicks, as too is the auto-suggestions that populate the results using a familiar horizontal collections pattern.