How I would have done it…

The Independent launched their long-awaited website redesign last night and, on first glance, I found it underwhelming. I applaud the attempt at catching up after years of digital foot dragging (and I’ll be damned if they dont do a half-decent job of it too…the new pages are jammed packed with every modern web feature you could imagine, most popular, comments, RSS, sharing, even a music store). It’s too bad though, that the pages feel so cluttered and disorganized, like an obsession to prove their web credentials has clouded any thoughts about the end user experience.
Most disappointing for me is that the site doesn’t feel like the newspaper. It has none of the trademark panache or the design and editorial consistency that has made The Independent print product so admirable. But, this is no surprise since, as the always spot-on Martin Stabe notes, they are using basically the same templates as their northern cousin, The Irish Independent. In any case, to my eye, it seems like a unsuccessful stew of the biggest news sites in the market–the menu from the Times, the blue headline color from the NY Times, the beige lines from the Guardian and so on and so on.
But I hate when people talk bad about work and don’t offer any concrete suggestions. There is nothing more annoying than a whining good-for-nothing. Well, I am good for something–see below for my take on independent.co.uk…I think its quite good, what do you think? Click here to see the design full size.

Websites aren’t all about features and bells and whistles, they need the same sort of analytical design and editorial thinking as newspapers. The page needs to be abundantly clear, completely decipherable in one glance. The new Independent site design is a jumble.
I attempted in my little demo design to clear a path for users. I used colors more strategically so they mean something and so the site feels cleaner in general. I made a bigger deal of the editor’s choice feature, its a good idea and in large part the basis of The Independent brand–who else has enough confidence in their editorial prowess to put a single story on the front page. The newspaper tells you every day what the most important story in the world is and their website should too.
The most important change is a sense of consistency. Each feature is demarcated with the same device, additional stories are marked with the same icon, main stories use the same font for their headlines, and there is a single color palette that is stuck to religiously.
I was careful to be realistic about the design too, you will note my page contains the same basic features (minus a few extraneous things like the weather and front page photo) and the same number and size of ads.
Anyway, now at least no one can say I didn’t do my bit towards making the web a better place. Let me know what you think….

Entry Filed under: Design, Newspapers








4 Comments Add your own
1. Elizabeth Minogue | January 25th, 2008 at 11:22 am
I’ve just been on the independent website, and have to admit, it was a huge disappointment!
If only they had commissioned you to do their design. I agree - it’s far too cluttered; your design is much more satisfying at first glance - and more user friendly too.
Thanks Ryan.
2. Vicki Vance | January 26th, 2008 at 3:27 pm
I like your design much better. It’s a better look - it grabs your interest right away. It also has a simple design that is pleasing and nice use of color. Elizabeth is right, they should have commissioned you to do their design. Maybe they can commission you to fix it.
3. Cian | January 28th, 2008 at 3:42 pm
“northern cousin, The Irish Independent”
Northern cousin? The Irish Independent is Independent News and Media’s flagship daily title based in Dublin in the Republic of Ireland.
4. quarsan | January 31st, 2008 at 7:38 am
It is signifying something that, on the new site, the text in the ‘Editors Choice’ section is too small to be readable.
Leave a Comment
Some HTML allowed:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <code> <em> <i> <strike> <strong>
Trackback this post | Subscribe to the comments via RSS Feed