D&AD 2013: BBC Brief
5970
148
7
Add to Collection
About

About

The idea behind my BBC design was to not only to deeply integrate live and social features but also to provide a unified platform in which users … Read More
The idea behind my BBC design was to not only to deeply integrate live and social features but also to provide a unified platform in which users could use any BBC online service and interact with that service in a familiar way. My design is centered on making great content available user, in real time, when they want it. The design takes into account the diverse devices and users that access BBC online services by ensuring that it is responsive to screen size and also kind to fingers. Particularly the live tiled content, based on metro design theory, allows users to – at a glance – quickly choose what news, sports, TV, radio or any other kind of content they want to find out more about. The filtering system using dropdowns, is simple to operate and understand. When choosing a filter such as News the page readjusts itself automatically and removes all other content types, shuffles the content around and loads more content so that you always have a full window tiles. A design like this works uniquely for the BBC because fresh content is always been generated and added onto the site. The design takes into account regular users who may want to personalise their own page. Instead of having to navigate to all the different categories a user could simply log in to BBCiD and tell the BBC that they only want to see (for example) “Very Important Stories”, “UK Stories”, “Technology Stories”, “Radio 4 Features” and “Football Stories”. However the design doesn’t neglect first time users, the home page gives them a taste of the wide variety of content available to them from across the BBC services. The news page concept shows how video is the future of online stories. The heavy emphasis of video with the ability to send the video to a second screen allows users to get content rich stories the way they want them. By sending the video to another screen (from their smart phone or tablet) a user is then free to browse other content related to a story such as a summary, information about the author as well as comments and statistics. Overall I think my solution provides the BBC with a living, breathing and flexible web structure that takes into account the growing trend of smart phone and tablet usage whilst still being fully adaptable for the desktop and TV viewing market. Read Less
Published:
Introduction
 
In response to the BBC D&AD 2013 Competition Brief I redesigned the BBC’s websites from the ground up. By doing so I’ve created a responsive, innovative design that sits comfortably with the BBC’s content structure and allows vast flexibility when presenting content.
Home page
Desktop
 
Living Tiles - The home page content consists of live tiles, which have constantly changing images or a single video playing on mute. The tiles are ordered depending on what filter is applied. The size of a tile relates to how important the content is. 
Make it Personal - Personalise the BBC by logging in with your BBCiD. Get real-time information such as local weather as well as a customised page showing content tailered to your requirements.
Filter Content - The solution presents a unified structure that allows users to filter content. When filtering content tiles are automatically readjusted to form a new page.
Home page
Tablet
Home page
Mobile
News Home page
Laptop
Article page
Desktop
 
Full Screen - News pages will now show either a full screen video or several full screen rotating images that relate to the article being viewed.
Layers - There are now lots of layers to the news page so you can retrieve the information you want when you want it.
 
The article itself, the author of the article and user comments, can now be accessed via buttons at the top of the news page.
Article page
Tablet and Mobile
Article page
Layer View
Sport Home page
Laptop
Article page
Desktop
Article page
Tablet and Mobile
Results page
Laptop
Article page
Layer View
Second Screen
Television
 
Send to TV - By sending the video of the news story to the TV you can then view the article and related content on your tablet or smart phone.
Real-time information - While streaming live video to your TV, you can easily browse the article as well as realt-time comments made up from, authors, twitter users and BBCiD users.
 
 
 
 
 
 
 
Thank you for looking
 
 
Weather icons by Adam Whitcroft