Journal

BBC redesign: tellys have rounded corners, right?

The BBC have redesigned their homepage.

BBC Logo Beta thumbnailI used to work for the BBC. So, I have a good understanding how difficult it is to work there and get anything complete and out of the door to a high, exacting design standard. So, today, when I was told the BBC has opened up the new homepage beta for feedback, and also prompted by Jeremy’s post on the subject, I wanted shove my oar in.

Web 2.0 design nonsense

This is a shame. The BBC, in design terms, used to be a leader in the field. In one fell-swoop, they’ve turned follower. The trends, from a few years ago, are all over this thing. From the ‘Beta’ label and the rounded corners, to the gradients. Why? I honestly can’t think of a sensible response as to why they’ve gone down this route. Hasn’t Facebook proved you don’t need to have reflections or curved corners to be ‘Web 2.0’?

Now, I’m well aware I’m judging this on face value. I’ve not been privy to any discussions that may or may not have taken place.

However, Richard Titus—The acting head of User Experience at the BBC—has kindly written a blog post describing some of the specifications and requirements.

High on this agenda was ‘widgetization’ (oh, I hate that word) of the content. Dynamically generated and syndicated content has been high on the content priorities for the BBC for many years. What puzzles me is why jump on a visualisation bandwagon? Recent newspaper designs, such as The Times, or The Guardian, deal with top-level content in a similar way. To all intents and purposes, the modules on their homepages are ‘widgets’. Perhaps it is that word that makes designers want to recreate netvibes.

Innovation over information?

I’m sure there are plenty of clever things going on under the hood on this homepage. From Ajax, and a move towards PHP, through to localised content and user customisation. My gut feeling on this, and this is a personal view of course, is that all this visual guff gets in the way of the information. The design aesthetic is not ‘simple, and beautiful’. It’s obtrusive and dated.

My lecturer in university instilled a mantra into me: ‘don’t let the type get in the way of the words’. It can be applied to any design. Don’t let the design get in the way of the information, or the problem you are trying to solve. Sure, enrich the user experience by delivering the information in a fulfilling environment, but make the clever stuff invisible.

An example of this is when you click on the four coloured tabs running underneath the main promo. Now, how does that make you feel? Confused? Surprised? Sick?

New colourways on click. Pointless. They also gave me quite a shock.

Why did they do this? Really, what is the value here? To showcase the power of CSS? I’m totally baffled.

The last of the weather icons

The weather icons also breath their last with this redesign. I’m sad about that. Not because they look worse, but they are an inferior solution.

New and old weather icons

On TV, the richer weather graphics are far more useful in actually illustrating weather forecasts, but on the web, when there is no animation, we’re left with icons that mean nothing without the words to describe them. Of course there is an accessibility reason for having the text. However, the text shouldn’t be there to prop up bad icons. I mean, is that one in the middle cloud, or fog?

Anything good to say?

There are some nice things about it though. The buttons work well. I think the on/off state is very tactile. And, like Jeremy, I love the analogue clock in the top right.

Dinosaurs designing websites

What strikes me most plainly about this design is how the effect of a big, lumbering organisation can impact on a redesign. A good few months ago, or maybe years, when this proposal was first taking shape, it was probably the time when curved gradients, reflections and like were at the forefront of the ‘web 2.0 aesthetic’. Thing is, it takes any large organisation ages to get their shit together. Which is why designing to visual trends such as this is so risky. If your organisation can’t react quickly enough to keep up, then go the classic design route every time. If you don’t, your design will look dated within months. Or, in this case, even before it’s launched.

I’m led to believe this project took three months to complete. And I go back to my initial comment, it’s a huge result that the team responsible for this managed to get this project to this state in that time. In fact, it’s pretty miraculous. We’ll see how things pan out over the next few months. But, like some other websites that the BBC produces, they seem hell-bent on trying to make the web like telly.

But tellys have rounded corners, right?

Comments

i think the beta has been updated.

JanO's Gravatar

JanO
Fri 14th Dec 2007
at 4:16 pm

So it has. And it confirms some of my concerns… The coloured tabs really bother me.

Mark Boulton's Gravatar

Mark Boulton
Fri 14th Dec 2007
at 4:20 pm

Those are some seriously huge font sizes. It makes me wonder if the majority of visitors are 65 and older.

Geof Harries's Gravatar

Geof Harries
Fri 14th Dec 2007
at 4:25 pm

That’s right Geof, and I should have mentioned it. Why have they decided to use Verdana at such a large size. Verdana bold is very ugly at this size. Their existing homepage has a much better typographic hierarchy.

Mark Boulton's Gravatar

Mark Boulton
Fri 14th Dec 2007
at 4:31 pm

I agree about Verdana. If you’re going to go big, use something else. In my opinion, the previous homepage had class, dignity and a unique personality. Why would an organization purposely choose to toss aside these attributes?

Geof Harries's Gravatar

Geof Harries
Fri 14th Dec 2007
at 4:36 pm

I didn’t even realise you could click on the tabs to see more homepage promos…

and while I do love the clock on a “eccentricity in innovation” idea, it’s hard to see what use it has for the user. But then again, I always hate having the weather so prominently there.

andrew's Gravatar

andrew
Fri 14th Dec 2007
at 4:48 pm

Also, it’s a little silly to berate the BBC website team for making websites look like TV. After all, the BBC is still fundamentally a broadcasting organisation that views the web as nothing more than an after-the-TV experience, a chance to catch up on what you missed. It’s not interested in enhancing the interactive experience, taking the Internet audience to new places - it’s merely a platform to re-enjoy BBC content. And there’s nothing wrong with that.

If you want Web innovation, then you’ll have to look at companies and organisations that have the web as their primary focus. Such as Google or Yahoo. Oh…

andrew's Gravatar

andrew
Fri 14th Dec 2007
at 4:53 pm

Personally I’m of a similar mind as you Mark there’s far too many negatives at the moment:

1. I used to like the 800x600 size, now it’s 980 pixels for a 1024x768 monitor

2. The typography throughout is horrific, I wouldn’t like to guess how many type sizes, inconsistent lowercase/uppercase scenarios are being used… and don’t even get me started on the ‘dog teeth’ american quote marks, this is a British website isn’t it!!!

3. The BBC logo is HUGE and lacks any degree of subtlety… actually everything is too large

4. Gradients and CSS switches, slides = gimmicky

The analogue clock is the only redeeming item I can find on the website at the moment but 3 lines for a date even ruins this for me. Please BBC change it back:

If it’s ain’t broke, don’t fix it…

Graham Sanders's Gravatar

Graham Sanders
Fri 14th Dec 2007
at 4:55 pm

andrew: After speaking with you many times about the topic of ‘making the web look like telly’, I think we’ll have to agree to disagree here.

My take is the BBC is still a broadcaster, and the delivery of that type of content should be supported by a framework that is designed for the medium. BBC News website is a great example of how to do this right for the medium. The day they change that to some bells and whistles, video-only version, is the time I’ll be getting my news from elsewhere.

Also, take the new iPlayer for example. That is a great bit of software designed for the medium. But trying to recreate Doctor Who in flash? Well, I’m not so sure about that personally. Other people love it though.

Graham: You raise some good points. I think the change in size is probably due to designing to the majority (based on stats). You’re right about the type though. And the quotation marks.

Mark Boulton's Gravatar

Mark Boulton
Fri 14th Dec 2007
at 5:05 pm

As a large organisation, I can understand the design team producing an inferior solution. However, there is no reason for the front-end developers to have written such poor quality mark-up and CSS.

If you increase/decrease the font size the page falls apart, to really quite a depressing degree.

Oliver R. White's Gravatar

Oliver R. White
Fri 14th Dec 2007
at 5:29 pm

OK, the visual design does indeed look dated, and the ‘wdgetization’ is something I can take or leave. But the one thing that really annoys me about this design is that I can collapse every single widget _except the only one that I want to_ - the great big useless area top right with the multi-colour buttons.

So much screen real-estate (especially on my 1280x800 screen) that I absolutely do not care about. In the slightest. Why can’t I delete it and have the tv and weather up there? You know, the things I care about.

Matt Wilcox's Gravatar

Matt Wilcox
Fri 14th Dec 2007
at 5:31 pm

Ghastly - you hit the nail on the head here. It’s one long drawn out web 2.0 cliché. They should get a new domain to go with the ghastliness, something really annoying like beebr.com or b.bc.co.uk - bleah. I wonder if BBC Wales will follow suit, although we can all imagine how that would turn out. I’m saying nothing.

Andrew, almost witty’s back? You never said!

/Dio subscribes…

Dio's Gravatar

Dio
Fri 14th Dec 2007
at 5:40 pm

beta must updated!

Minimal's Gravatar

Minimal
Fri 14th Dec 2007
at 6:12 pm

So they rounded everything then. Nasty.

I also seem not to be able to look at it for too long. It’s too, in your face.

Dave Bowker's Gravatar

Dave Bowker
Fri 14th Dec 2007
at 6:14 pm

Hey, at least you can turn of the rounded corners in the display options. While you’re there, I also suggest turning down the font size a bit.

Fredrik Ohlin's Gravatar

Fredrik Ohlin
Fri 14th Dec 2007
at 6:48 pm

You can also play drag and drop with the widgets too. How nice.

Chris's Gravatar

Chris
Fri 14th Dec 2007
at 6:55 pm

Dear Mr Boulton

Why oh why…

The beeb has to be all things to all people all the time, respect it’s heritage and live in the future. Parts of it I like. Parts of it, mainly the Verdana, are just horrid.

It’s classic design by committee, but for an organisation that is under constant, daily, vitriolic attack from the popular press, it’s also fairly brave in a way.

The clock is clearly a nod to the 70’s/early 80’s, but it’s willing to ditch globes and clocks on the idents. And as for the weather icons, Mark, you’ve got it explained perfectly. Do we look back or forward? It’s like Indecisive Dave from The Fast Show.

I wonder if the Test Card will get widgetized? If they do that it’ll be “worth the licence fee alone”

Yours
Slightly perplexed of Rissington

Simon Clayson's Gravatar

Simon Clayson
Fri 14th Dec 2007
at 7:07 pm

hey! why dell my post?

Minimal's Gravatar

Minimal
Fri 14th Dec 2007
at 7:41 pm

The one redeeming feature of the new site is the clock.  It took me right back to my childhood, waiting for The Goodies to come on.  I think that The Goodies may have been involved in the redesign - particularly those multi-colour buttons!

Jules's Gravatar

Jules
Fri 14th Dec 2007
at 7:54 pm

Ghastly - you hit the nail on the head here. It’s one long drawn out web 2.0 cliché. They should get a new domain to go with the horridness, something really annoying like beebr.com or b.bc.co.uk - bleah. I wonder if BBC Wales will follow suit, although we can all imagine how that would turn out. I’m saying nothing.

Also, it doesn’t render properly in firefox on a Mac - seems to be extra gaps under some of the tabs.

Andrew, almost witty’s back? You never said!

/Dio subscribes…

Dio's Gravatar

Dio
Fri 14th Dec 2007
at 8:48 pm

Oops, apologies for the double post, had a snafu earlier with a post and tried again later, not realising the earlier post had gone up (I got an error when I did it...)

Anyway, one other thing that’s not been noticed is that despite the CSS, the page is bloated code wise. Yes I know it’s the era of broadband, but still.

Old homepage: 72k
New beta: 388k

Shocking.

Dio's Gravatar

Dio
Fri 14th Dec 2007
at 9:00 pm

It *must* be a joke of some sort. Something to do with Boosh and eels… one can hope… ;)

Boris Anthony's Gravatar

Boris Anthony
Sat 15th Dec 2007
at 12:31 am

I hate to be the sand in the Vaseline here but I think it’s alright.

OK:
-The ugly main promo module, with its peculiar ability to screw with the colour scheme of the entire page, should be optional.
-The big Verdana is nasty – not a nice substitute for Gill sans.
-It all looks kind of jumbled on the horizontal to these eyes.
-Bad, indistinct weather icons – Out of keeping with the bold, simple appearance.

However:
-Overall it’s quicker and easier to find the main things that I look for.
-Nice easy links to listen to the radio.
-That clock’s lovely.
-It doesn’t waste half of my screen.
-Easy to personalise the content.
-2.0 may be played out but there is a reason for the popularity of the style. It’s bold clear, friendly and inviting. The BBC is a public service and needs to be all of those things.
-That clock really is a looker.

Whilst I’m surprised at the Beeb for using American quotes, I think overall that it is a step in the right direction. Less, and bigger, words works for me it seems.

A few revisions, a little code trimmage, and I think it’ll be just the ticket.

Paul Davison's Gravatar

Paul Davison
Sat 15th Dec 2007
at 8:38 am

I don’t like the clock at all. It’s a gimmick that’s totally out of place in the current design, and I’ll never agree with the idea of using such a large amount of real estate for telling the time right underneath where my operating system puts the clock.

Andy Hume's Gravatar

Andy Hume
Sat 15th Dec 2007
at 9:36 am

Hi Mark. The page is a beta, which means you can send feedback here: http://www.bbc.co.uk/home/feedback/

Chris's Gravatar

Chris
Sun 16th Dec 2007
at 12:23 am

I appear to be alone in rather liking it.  First, just look at how awful the existing site is:

http://www.bbc.co.uk/home/

*Anything* would be an improvement on that uninspired phone directory of a page. 

The new design is clear, concise and it’s a whole lot easier to see what content is available, which is the whole point.  Being able to drag the ‘widgets’ around (come on, what’s a better name?  Panels? Components?  Nah) is great.  Clicking the + and - buttons to add and remove content is lovely.  The clock rules.

Of course it’s not without it’s flaws.  Clicking the Edit button an on ‘minimized’ widget does nothing visible, the colour-changing buttons are somewhat odd, and it doesn’t validate.  But it’s still a beta, so I guess we can cut them some slack.

Of course gradients, reflections and rounded corners are a becoming little clichéd in the web/graphic design world, but this look and feel is probably *really* appealing to the other 99.9% of the country who this site is designed for.

Olly's Gravatar

Olly
Sun 16th Dec 2007
at 12:12 pm

Chris: Hi Chris, thanks I left some feedback on Friday.

Olly: Thanks for your comment. I disagree though. The current homepage still does a great job for the user. True, maybe it doesn’t show the variety of content in an engaging enough manner. And maybe it’s difficult to update, or to add new content to.

What can be more understandable to show the breadth of content than a categorised directory? The new homepage relegates a vital piece of user-wayfinding down to the foot of the page.

Gradients, rounded corners etc. all have their place. I’m not against them. However, I think it’s a passing fad. It’s a backlash against the ‘flatness’ of the web a few years ago. It has already begun to fade as the style is maturing. Thing is, I’m not sure most large organisations are nimble enough to react to fashion and fads.

I haven’t even mentioned the lack of iBar (the grey bar at the top). This persistent, global navigation has been dropped for some reason. Can’t think why.

Oh, and I don’t have a problem with the word widget. It’s a good word. ‘Widgetized’ is a word that bothers me though.

Mark Boulton's Gravatar

Mark Boulton
Sun 16th Dec 2007
at 4:54 pm

WOT, no VAG Rounded?

Phil Balchin's Gravatar

Phil Balchin
Mon 17th Dec 2007
at 11:43 am

I think its going to take some getting used to. I really don’t understand the whole colour changing nonsense on the page!

Why Why Why? There is no relevance to the content and the color. Surely each colour should represent a different aspect of the BBC site, instead it changes the whole layouts colour which got me confused.

Emyr Tabrizi's Gravatar

Emyr Tabrizi
Mon 17th Dec 2007
at 12:03 pm

Beta. Web 2.0
BBC is late.
That is so 2006.
But oh well. Its still a nice improvement.

Boxing Boy's Gravatar

Boxing Boy
Mon 17th Dec 2007
at 10:56 pm

Yuck! I agree with much of what others are highlighting:
- those tabs? Why colours? They are totally confusing. When you change tabs you feel like you are changing environments. But all the content is the same. Whats going on? Its there a point? Do I just don’t get it? This is not Web 2.0, its dumb 2.0
- The clock - OMG. Please! I remember when free clock javascripts just started and everyone ‘chucked’ them into their pages to be cool. This feature makes me feel like I’m going back to those pre-2000 days.
- What about information design, which Mark has alluded to. Where do I start, whats the purpose. The tabs/advert section grabs your eye and pulls you away from the content that is most important.
- I think there are more colours/shades than there are words ‘above the fold’ on the home page - a sure sign the page is too busy and confirms the visual noise you feel when you meet BBC beta for the first time
- fonts - too big. period.

There are some nice features, but they seem to be suffering from a lack of direction. The features seem to be driving the design.

Im disappointed.

Nathan Saritschniy's Gravatar

Nathan Saritschniy
Mon 17th Dec 2007
at 11:27 pm

What happened? The tabs are gone now. I just read that the little windows could be dragged and dropped around. Cool. But when went back to the beta page to try it out, it appears to have been updated, and for the better! All of the sudden the information design is much better. Still has issues, but the removal of the tabs makes such a difference. They must be listening!

Nathan Saritschniy's Gravatar

Nathan Saritschniy
Tue 18th Dec 2007
at 1:30 am

> I love the analogue clock in the top right.
Surely this is a prime candidate for the design getting in the way of the information? Why do we need a clock? This is not the an underground station.

I’d prefer something useful up here like the weather icons ;-)

Thanks,
AJ

aj's Gravatar

aj
Tue 18th Dec 2007
at 11:21 am

So! very interesting comment!

Denis's Gravatar

Denis
Tue 18th Dec 2007
at 7:58 pm

I pretty much agree with all of Mark’s points. It’s a clear case of design over content. It’s visually clumsy and confusing. There’s really no point in changing pages colours when selecting a feature tab. Like, many features, the weather box is way too contrasting and too hard to look at. And the new weather symbol for sunny is ridiculous!

I agree with Andy Hume about the clock. It’s gimmicky. A standard feature on modern day operating systems is a clock in the corner of the screen. Same goes for the date. The only reason I can think that it might be useful is that screen grabs will be visually dated.

The most unnecessary feature for me is the +/- buttons on the latest news. Why anyone would want to add and remove them is beyond me. Can’t the BBC just decide on a number?

The previous iBar worked very well. The new header simply looks messy - I’m sure it wont stand the test of time.

The content directory is great, but maybe doesn’t justify home page content. The addition of concise TV listings however, seem to me, essential for a television broadcaster and a welcome edition.

Mat Harden's Gravatar

Mat Harden
Wed 19th Dec 2007
at 11:16 am

Most of what I am reading here is simply subjective drival (e.g. I like the clock, the colors are bad, the font is too big, I hate sliders, rounded corners are dumb, widgetization isn’t a word). Yes, I too have a list of tweaks that I think would make the redesign more usable but overall I think they did a very nice job. I found the old site hard to navigate, hard to read, cluttered, confusing, & boring.

Tony's Gravatar

Tony
Fri 28th Dec 2007
at 4:34 pm

- Almost everybody seems to go gaga over the clock.  It requires a plug-in.  I don’t use Macromedia/Adobe plug-ins on purpose.  I don’t want to see any moving, dancing, jumping annoyances.

- The new design falls a victim to another fad—light-color text that’s difficult to read.  I’ve seen this happening over the last 18 months on numerous websites, including this one.

foobar's Gravatar

foobar
Wed 2nd Jan 2008
at 4:57 pm

Yes the new beta was released, thanks for your article!

Webdesigner aus Köln's Gravatar

Webdesigner aus Köln
Wed 2nd Jan 2008
at 6:28 pm

Commenting is not available in this section entry.

A picture of Mark BoultonI'm a graphic designer from near Cardiff in the UK. I've been a designer for over ten years now and primarily work on the web. I'm still partial to a bit of print every now and then though. I used to work for Agency.com in London as an Art Director before working as a Senior Designer for the BBC in sunny Cardiff. This was all before I took leave of my senses and formed my own design consultancy, Mark Boulton Design Ltd.

I've got a thing about grids and typography and occasionally ramble on about them to anyone who will listen.

If you're after simple, clean and effective web design; let me know.