« On Vox: The BBC is user centred | Main | On Vox: Data privacy - Wired talks about Screen Scraping... »

December 13, 2007

On Vox: BBC launches new homepage aka "a lick of paint"

...at least, that was the job spec I was given on my second day as Acting Head of User Experience at the BBC.

I joined the Beeb after moving to the UK with my wife just over a year ago. I needed a fresh challenge and was excited to be part of a truly world-renowned media company with a public service remit which makes it 100% user-focussed. For me, the BBC is one of the last great important places.

So when the BBC's Internet Controller Tony Ageh suggested - or, should I say, vehemently recommended - that we give the BBC homepage a "lick of paint", it seemed the ideal way to get my head around the BBC and its immense universe of content and services.

customise_homepage.png

We drew inspiration for the new page from a variety of sources.

It was a no-brainer to move to a layout that would be cleaner, more open and more easily readable. There was also a desire to get away from the tired and monotonous blue base colour of the original page.

From a conceptual point of view, the widgetization adopted by Facebook, iGoogle and netvibes weighed strongly on our initial thinking. We wanted to build the foundation and DNA of the new site in line with the ongoing trend and evolution of the Internet towards dynamically generated and syndicable content through technologies like RSS, atom and xml. This trend essentially abstracts the content from its presentation and distribution, atomizing content into a feed-based universe. Browsers, devices, etc therefore become lenses through which this content can be collected, tailored and consumed by the audience.

This concept formed one of the most important underlying design and strategic elements of the new homepage. The approach has the added benefit of making content more accessible, usable, and more efficient to modify for consumption across a wider array of networks and devices.


bbc_homepage_logo.png


As time went on, our aspirations grew and we realized that many of our goals for a "new page composition layer" required technology and infrastructure which would be new to the BBC (examples including PHP and AJAX). Following detailed dialogue with developers Nick Holmes and Fraser Pearce, we realized it would be possible to deliver many adaptations using our existing services and then add features and functionality as new BBC infrastructure is rolled out.

Keep an eye out for incremental improvements as the homepage continues to evolve.

The key features of the homepage are:

  • Simple, clean and beautiful, the final design, we hope, is visually striking yet unpretentious. The masthead showcases the BBC's new online branding.
  • Personalization: you can choose the content that interests you by adding and removing the content boxes via the "Customise Your Homepage" tab. This allows the user to edit the type of information they'd like to appear. Soccer fans (pardon me - football fans), for example, can now add up to eight football stories to the sports box. The user can also create their own page layout by rearranging the boxes in the layout of their choice.
  • Localization: Users can now set their own location, enabling them to access local sites, weather, news, radio and TV schedules without the hassle often associated with user journeys to local content. (Talking about the weather: as a newly emigrated Yank, I failed to grasp the gravity of the national controversy around the weather icons. I feel they are a massive improvement on those of the previous homepage, and in keeping with BBC tradition, we'll continue to refine them based on user feedback.)
  • Simplicity: the customization is intuitive and includes an interactive demo and tips to guide users through the process. It is also unobtrusive – if the user has no desire to customize their page their experience won't be compromised. TV and radio schedules show what's on air now and on tonight and allow users to listen live directly from the homepage. There are also links to the most popular On Demand shows for each radio network.
  • Search: The site is much easier to read and scan at a glance. At the top of the page there's a search function (now reduced from two search boxes to one), and at the bottom a full directory of all BBC sites and a link to the A-Z, allowing users to quickly find what they're looking for. You can refine your search by shrinking the field to just news and sport, or audio/video. Users who simply want to be entertained can choose one of the four main tabs to focus on a particular promotion of interest.
  • Nostalgia: the new homepage also manages to incorporate eccentricity alongside innovation, and integrates a BBC 1 analogue clock in the top right corner. This feature was initially punted as a bit of fun, but feedback revealed that users find this icon, a homage to the "golden days" of analogue programming, bizarrely reassuring.

homepage_clocks.pngThis version is called a "lick of paint" because it hasn't massively changed the content of the homepage. But it reflects, I hope, how the BBC is changing: it helps to empower the user to find, play and share more of what they want, when they want.

By adopting a collaborative and flexible approach it has taken less than three months for the new homepage to come to fruition. The response to our internal beta testing has been overwhelmingly positive.

The redesign is part of an ongoing conversation with our audience. Forthcoming services and the new page composition layer will deliver further visual refinement and personalization.

For now, all this customization is saved in a cookie, but from January we hope - with the launch of Identity - to incorporate this data into your unique personal user profile. The New Year will bring more treats including video on the homepage and an iPlayer widget. In short: watch this space.

While the site is currently in beta, I hope you'll opt in and click over to check out the new homepage, spend some time on it, personalize your experience, and take a moment to leave a comment here or to click the feedback box in the upper right of the homepage.

This page is the beginning of a conversation between the BBC and you about the page; I hope that you'll join us, as all conversations are better with an honest open dialogue.

A bientôt alors.

Richard Titus is Acting Head of User Experience & Design.

The BBC Homepage Team – a special thanks:

  • Bronwyn van der Merwe - Art Director
  • Anthony Heath - Project Manager
  • Fraser Pearce - Tech Lead
  • Laurence Wheway - Development Producer
  • James Price - HP Editor
  • Ben Gammon - Concept Developer and Lead Designer
  • Alex Green - Designer
  • Amelia Still - Usability
  • Mark Gledhill - SSE
  • Jez Burgoin - SE
  • David Scott - SE
  • Tom Cartwright - CSD
  • Richard Hodgson - CSD
  • Claire Roberts - CSD
  • Paul Blake - CSD
  • Ben Jeffreys - CSD
  • Karen Loasby - IA
  • Vicky Buser - IA
  • Peter Houghton - Tester
  • Stefanie Noell - Ops CSD
  • The CMC team
  • The editorial team


This is cross posted from the BBC Internet Blog  

Originally posted on rxdxt.vox.com

TrackBack

TrackBack URL for this entry:
http://www.typepad.com/services/trackback/6a00df3521b0a0883400e54fb6451b8834

Listed below are links to weblogs that reference On Vox: BBC launches new homepage aka "a lick of paint":

Comments

A bit arse about face but posting this here as the comment form on the Beeb site keeps crashing:

Love the retro clock widget on the new Beeb homepage. For the ultimate old-skool experience howsabout test cards for 404 messages and the like?

;)

Shhhhh don't give all our plans away - eh?

Interesting "beta", after browsing your blog for ten minutes I can easily see why your obsessed with DHTML fluff as I can't even hover over a link on here without an annoying popup preview of the page it links to. That and the fact you seem to have a registration and link to every piece of web 2.0 tat on the net.

Tone down the things that dont actually provide any functionality other then the "web 2.0 look", follow in Facebooks example and use web 2.0 technology without following the look that is basically a fad. And lose the damned clock; it may hark back to some visit to London you had but the most of us living in England don't really feel all that nostalgic about cheap bits of javascript clocks on homepages.

This is the BBC homepage, not a GEOCITIES site.

Oh and your flickr link doesn't work on the left.

I've abandonned the BBC as my homepage now (using the Guardian). To use the new BBC homepage I had to drop my security to below my comfort level. Shame.

Useful topic
Thanks
I have found two interesting sources http://fileshunt.com and http://filesfinds.com and would like to give the benefit of my experience to you.

Verify your Comment

Previewing your Comment

This is only a preview. Your comment has not yet been posted.

Working...
Your comment could not be posted. Error type:
Your comment has been posted. Post another comment

The letters and numbers you entered did not match the image. Please try again.

As a final step before posting your comment, enter the letters and numbers you see in the image below. This prevents automated programs from posting comments.

Having trouble reading this image? View an alternate.

Working...

Post a comment

My Photo

Twitter Updates

    follow me on Twitter

    Tag Cloud

    • Slideshare
    Blog powered by TypePad

    google analytics

    • My Delicious
    • TripIt