<?xml version="1.0" encoding="utf-8"?>
<?xml-stylesheet title="XSL_formatting" type="text/xsl" href="/blogs/shared/nolsol.xsl"?>

<rss version="2.0" xmlns:dc="http://purl.org/dc/elements/1.1/">
<channel>

<title>
BBC Internet Blog
 - 
Ben Hanbury
</title>
<link>https://bbcstreaming.pages.dev/blogs/bbcinternet/</link>
<description>Staff from the BBC&apos;s online and technology teams talk about BBC Online, BBC iPlayer, and the BBC&apos;s digital and mobile services. The blog is reactively moderated. Posts are normally closed for comment after three months. Your host is Eliza Kessler. </description>
<language>en</language>
<copyright>Copyright 2012</copyright>
<lastBuildDate>Wed, 02 Jul 2008 16:00:04 +0000</lastBuildDate>
<generator>http://www.sixapart.com/movabletype/?v=4.33-en</generator>
<docs>http://blogs.law.harvard.edu/tech/rss</docs> 


<item>
	<title>BBC iPlayer Website Redesign </title>
	<description><![CDATA[<p>There were two main challenges in redesigning the <a href="https://bbcstreaming.pages.dev/iplayerbeta/">new version</a> of BBC iPlayer:<ul><li>improving on the already very popular, easy-to-use existing site</li><li>and to fully integrate the long-standing <a href="https://bbcstreaming.pages.dev/radio/aod/">Radio Player</a> in a way that was seamless and consistent, giving the user a "one stop shop" to a huge amount of on-demand BBC television and radio content.</li></ul> </p>

<p>A major part of the initial design brief was to offer, where relevant, radio programmes alongside television programmes. This was perhaps quite a controversial decision, as there aren't very many places on the rest of the web where this happens; however, we really wanted to offer both media so that a user interested in, say, <a href="https://bbcstreaming.pages.dev/history/">history</a> will be able to find the BBC's radio and tv output of an historical bent.</p>

<p>To start the process, we did a lot of brainstorming, creating user<a href="http://en.wikipedia.org/wiki/Personas"> personas </a>and <a href="http://en.wikipedia.org/wiki/Mood_board">mood boards</a> and looking at equivalent non-BBC sites to find out which features make it easier for a user to find what that they want right away and for us to facilitate the discovery of new programmes.</p>

<p>For the visual design, we decided to continue the black, image-rich look, for several reasons.<ul><li>it helps iPlayer to stand out from most other on-demand sites such as <a href="http://www.youtube.com/">YouTube</a>, <a href="http://www.hulu.com/">Hulu</a>, and <a href="http://www.itv.com/">itv.com</a> which follow the more traditional white-background webby route</li><li>it seems to give the site a more cinematic, exciting and entertaining feel</li><li>part of the brief was to keep the look of the site very much based around media playback - this should be  particularly evident in the playback page, where the embedded media player takes centre stage and all information which isn't directly to do with playing or finding new content is hidden.</li></ul></p>

<p><img alt="playbackpage.jpg" src="https://bbcstreaming.pages.dev/blogs/bbcinternet/img/playbackpage.jpg" width="430" height="290" /></p>

<p>In terms of the interaction design, we wanted users to quickly and easily find a specific programme. Our solution was to add in proper list and schedule views and to group together multiple episodes of a programme, to avoid having to wade through 15 episodes of <a href="https://bbcstreaming.pages.dev/comedy/chucklevision/">Chucklevision</a> before finding <a href="https://bbcstreaming.pages.dev/dragonsden/">Dragons' Den</a> (or vice versa)! </p>

<p>Where a user isn't looking for any specific programme and just wants to find something entertaining to watch or listen to for the next 30 minutes, we developed the carousel feature which appears throughout the site, featuring big images and simple navigation to casually "flick" through a range of programmes.</p>

<p><img alt="carousel.jpg" src="https://bbcstreaming.pages.dev/blogs/bbcinternet/img/carousel.jpg" width="430" height="320"  /></p>

<p>We also wanted iPlayer to become something people use more regularly, out of habit, on a day-to-day basis, so we added features like "Last Played" (which allows users to play programmes from where they left off) and telling the user ahead of time what's going to be available.</p>

<p>We were also keen to bring in the "widget" concept that's used at the <a href="https://bbcstreaming.pages.dev/blogs/bbcinternet/homepage/">new bbc.co.uk homepage</a> to provide other ways of finding content. In future <a href="http://en.wikipedia.org/wiki/Iteration#Project_management">iterations</a>, this is likely to be developed further to allow for a more personalised experience.</p>

<p><img alt="widgets.jpg" src="https://bbcstreaming.pages.dev/blogs/bbcinternet/img/widgets.jpg" width="430" height="378"  /></p>

<p>The final point in our design brief was to bring iPlayer more in keeping with bbc.co.uk as a whole. This involves bringing in the <a href="https://bbcstreaming.pages.dev/blogs/bbcinternet/2008/05/barlesque.html">BBC header and footer</a> which the previous site lacked, and using the new global visual language which is currently being implemented throughout bbc.co.uk. The global visual language is a set of guidelines which aim to bring more consistency to the site by introducing an underlying design grid and consistent design patterns, icons, buttons, image sizes and a pan-BBC audio/video player. </p>

<p>As a way of constantly reviewing our work, we also carried out several rounds of usability testing which had a big effect on the site design (particularly around the navigation).</p>

<p>We also conducted a qualitative focus group session of existing users of the iPlayer and Radio Player to gauge their "emotional response" to the new site. There is more quantitative research in the pipeline with a survey of 1,000 users - results are due in at the end of this month.</p>

<p>We're really pleased with the result and will be doing lots of iterations and refinements in the coming months. We're also currently working on implementing this new visual language throughout other iPlayer products across all platforms and devices, so whether you're streaming radio or downloading TV on your Wii, a television, or a mobile, it will feel like one familiar, consistent experience.</p>

<p>Your feedback is an essential part of this, so please do leave a comment.</p>

<p><em>Ben Hanbury is an Interaction Designer, BBC Future Media & Technology.</em></p>]]></description>
         <dc:creator>Ben Hanbury 
Ben Hanbury
</dc:creator>
	<link>https://bbcstreaming.pages.dev/blogs/bbcinternet/2008/07/iplayer_website_redesign.html</link>
	<guid>https://bbcstreaming.pages.dev/blogs/bbcinternet/2008/07/iplayer_website_redesign.html</guid>
	<category>iPlayer</category>
	<pubDate>Wed, 02 Jul 2008 16:00:04 +0000</pubDate>
</item>


</channel>
</rss>

 
