BBC iPlayer

BBC iPlayer

Implementing the BBC iPlayer app into Android Auto, further enhancing the music and video experience on the go and within compatible vehicles.

Timeframe - 2 months         Role - Midweight UI Designer

Timeframe - 2 months         
Role - Midweight UI Designer

bbc-promo@2x

Overview

Overview

My Role

The Challenge

Android Auto was officially released in June 2014 at the Google I/O 2014 keynote. The automotive industry was building in-car displays as standard in all new vehicles, and so this was a great move by Google to evolve its Android platform. Because of this industry and the variety of laws associated with driving, there were huge challenges to overcome. So I needed to follow Google's Android auto guidelines meticulously. 

bbc-androidauto@2x

Design Language

I spent a vast amount of time going over every detail of Google's Android auto design documentation, and it was important to get every detail just right. The documentation was restrictive in what I could do with the design language; however, I ensured that I styled the app to fit with the BBC's brand guideline as much as possible. 

Because of the complexities of designing for something with so many legal restrictions, I could understand why Google kept things very simple and unambiguous. For instance, apps had to use the system typeface Roboto, which was specifically for smaller screens, and colour could only be used on sparingly. Interactions were also very limited as these could cause accidents by distracting the driver.

bbc-branding@2x

UI Component Library

After I had read the Google android auto guidelines, I then explored Material UI patterns and how these might work with the BBC iPlayer brand guidelines. As they limited me to what colours I could use, and typography, I had to ensure that I expressed the brand enough for the user's to recognise that it belonged to the BBC. I also had to ensure that it was a simple and effortless UI and experience so that there was no confusion caused for the driver/user.

bbc-components@2x

Final Concept

The final output is a blend of Google material design and the BBC iplayer visual language. It's stripped back to remove any uncertainty within the app and heavily focuses on minimal but utilitarian design.

bbc-incardisplay@2x

PREVIOUS PROJECT

NEXT PROJECT

Anthony Eamens 2020©

Anthony Eamens 2020©