BBC

Connected Red Button

My first project at the BBC, an IPTV re-invention of the broadcast Red Button service.

I joined the project during the discovery phase and quickly had to get to grips with a new platform, IPTV. The differences to designing for the web were stark but I found the opportunity to learn about this platform incredibly exciting.

The vision

The vision was to provide the foundation for interactivity around the BBC’s television channels and to set the benchmark for delivering internet-driven content across broadcast.

The brief was to be both progressive yet instantly familiar, continuing to embrace the features that make traditional Red Button a successful service today.

THE TEAM

Robin Gibson (Snr Designer)
Wes Elliott (Snr Designer)
Ryan Hope (Mid Designer)
Ryan Hussey (Mid Designer)

MY ROLE

I joined halfway through discovery and the lead the team to delivery.

Team lead

UX Design

Visual Design

Stakeholder management

Workshop facilitation

TIMELINE

September 2011
September 2012

LINKS

Our Approach

Prototyping for TV at the time was hard, we used a series of flat stills linked together in Flash so we could test prototypes with remote controls.

Luckily I was working with Wez who was an expert in Flash and was able to build quite comprehensive prototypes which felt incredibly realistic.

This really aided during lab sessions where we would sit participants in front of TVs and get them to interact with the remote.

We decided early on in the project to retain the full-screen broadcast in the background of the UI (User Interface) rather than a more conventional quarter screen view (where the broadcast is minimized into a small box). We intended to minimise disruption to other viewers whilst the person in charge of the remote looked for content.

This decision informed every aspect of the design.

The positioning of the content stream, the synopsis rollover and even the colour palette were all informed by this decision. The retention of full-screen broadcast meant the UI needed to sit on top of the background video, presenting the team with many challenges.

This left us with a precarious balancing act of trying to reserve as much real estate on the screen as possible for the broadcast whilst still trying to display the Red Button UI in a highly visible manner. No easy task when minimum font sizes are double those found online.

Lots and lots of UI sketching based on our Red Button personas.

We faced many design challenges during the project but I'm incredibly proud of the design patterns we produced. These patterns have become the foundation of every BBC IPTV project since, including Sport, Glastonbury and iPlayer which I was also able to lead on.

We extensively user-tested prototypes throughout the project, iterating and developing based on feedback.

The project has since evolved into the Red Button Plus project but the patterns we developed are still the same.

THE TEAM

Robin Gibson (Snr Designer)
Wes Elliott (Snr Designer)
Ryan Hope (Mid Designer)
Ryan Hussey (Mid Designer)

MY ROLE

I joined halfway through discovery and to lead the team to delivery.

Team lead

UX Design

Visual Design

Stakeholder management

Workshop facilitation

TIMELINE

September 2011
September 2012

LINKS