Online news design - awful or brilliant?

Web designers: I'm writing a book! Sign up to be notified here.
It's about web design in the age of A/B testing, web analytics and more!

After I wrote the article "Breaking the rules in news design" I became aware of the similarity in design of Scandinavian news sites (check them out below!) thanks to the commenters, and I wondered what other trends may be apparent across sites in different parts of the world, if any.

So I took a bunch of screenshots (29), gathered some (rough) stats and posted them all below. The list of sites is by no means an exhaustive catalogue of contemporary news design, merely a sample of what is currently out there in late 2006.

There were a few interesting findings. The Scandinavian sites really are in a different league as far as size and content goes. Compared to more 'traditional' front pages, their front pages run to ~7000-9000px vs ~2300px, they have ~500 links vs 2-300, and around 50 feature images (!) vs <10 on other sites. For the other sites, Google News had the only liquid layout. Australia's two primary media outlets share a very similar design (probably due to Peter Ottery's hand in both). Indonesia's Kompas gets a dishonourable mention for using frames to run fixed ads at the top and bottom of the window!

Anyway, check them out, make sure you see the Scandinavian sites, and let me know your thoughts in the comments!

Clicking on an image takes you to the site.

UK
- BBC News
- The Sun
- Times (UK)
- Guardian Unlimited

Norway
- Aftenposten
- Dagbladet
- VG Nett

Sweden
- Expressen

China
- China Daily
- Beijing Today

Frace
- Le Monde

Indonesia
- Kompas

Middle East
- Al Jazeera

US/Canada

CNN (US)
Size: 990 x 2203
Links: 257
Images: 9
CNN US front page
New York Times (US)
Size: 974 x 3082
Links: 395
Images: 9
NY Times front page
Washington Post (US)
Size: 975 x 3162
Links: 322
Images: 8
Washington Post front page
USA TODAY (US)
Size: 788 x 2271
Links: 122
Images: 18
USA TODAY front page
Los Angles Times (US)
Size: 988 x 2230
Links: 240
Images: 16
LA Times front page
CBC (Canada)
Size: 938 x 1891
Links: 283
Images: 13
CBC front page

Sport

ESPN (US)
Size: 993 x 2587
Links: 549
Images: 7
ESPN front page
Sports Illustrated (US)
Size: 772 x 1773
Links: 314
Images: 13
SI front page

New Media

Google News
Size: (liquid, min. 627) x 6292
Links: 351
Images: 26
Google News front page
Yahoo News
Size: 756 x 3682
Links: 746 (NB. many hidden)
Images: 7
Yahoo! News front page
Newsvine
Size: 932 x 2266
Links: 279
Images: 1 + 27 avatars
Newsvine front page
Digg
Size: 945 x 2454
Links: 291
Images: 0
Digg front page

International

International Herald Tribune
Size: 955 x 1791
Links: 154
Images: 8
IHT front page
Reuters
Size: 992 x 2243
Links: 207
Images: 9
Reuters front page

UK

BBC News
Size: 760 x 1421
Links: 168
Images: 13
front page
The Sun
Size: 1004 x 1582
Links: 323
Images: 14
The Sun front page
The Times (UK)
Size: 916 x 2330
Links: 166
Images: 11
Times UK front page
Guardian Unlimited
Size: 704 x 3828
Links: 255
Images: 5
Guardian Unlimited front page

Australia

Sydney Morning Herald
Size: 992 x 3115
Links: 473
Images: 21
SMH front page
News.com.au
Size: 998 x 2843
Links: 386
Images: 20
News.com.au front page

Norway/Sweden

Aftenposten
Size: 956 x 7395
Links: 528
Images: 41
Aftenposten front page
Dagbladet
Size: 974 x 6835
Links: 507
Images: 50
Dagbladet front page
VG Nett
Size: 990 x 9303
Links: 607
Images: 54
VG Nett front page
Expressen
Size: 989 x 9747
Links: 393
Images: 48
Expressen front page

China

China Daily
Size: 989 x 5039
Links: 393
Images: 34
China Daily front page
Beijing Today
Size: 1005 x 4949
Links: 697
Images: 7
Beijing Today front page

Various

Le Monde (France)
Size: 1002 x 2977
Links: 263
Images: 10
Le Monde front page
Kompas (Indonesia)
Size: 1001 x 2015
Links: 158
Images: 11
Kompas front page
Al Jazeera (Middle East)
Size: 868 x 1608
Links: 100
Images: 12
Al Jazeera front page

News design is a tricky art, primarily because it runs head first into one of the oldest limitations of the web: packing maximum content into limited real estate. Designers also have to deal with advertising committments, internal politics, a constantly evolving site and a fast paced publishing environment. Aesthetics is often eshewed for functionalism, and the mighty blue link dominates just about every front page.

However after a quick tour across some of the world's leading news sites, what do you make of the current state of online news design? Post your thoughts in the comments below!

comment? | permalink
rss feed for this site

Comments

very nice round-up. Handy having the quick stats too. Obvious to see the traits of newspaper design being transferred to the web with the heavy use of serif fonts and colour black.

- James Broad on 05 December 2006

Nice research, but i think u should too pickup the news from Brazil, like
http://www.oglobo.com / http://www.odia.com.br / http://www.jb.com.br

And others in south america too. they quite different as well.

- Jonathas Scott on 05 December 2006

There is more news from Sweden like DN http://www.dn.se, SVD, http://www.svd.se, SVT/Nyheter http://www.svt.se/nyheter/, E24, http://www.e24.se, Resume, http://www.resume.se and last Aftonbladet, http://www.aftonbladet.se

and some polish to Zycie Warszawy - wiadomoĊ›ci, http://www.zw.com.pl

- Thomas on 05 December 2006

Another interesting stat that may be worth adding is number of ads (image-based). I count 15 on the NYTimes home page (not including 3 or 4 self-referential ads) to only 9 original (content-based) images.

- Andy on 05 December 2006

Expressen.se is the only News online from Sweden that you have.

- Thomas on 05 December 2006

Very interesting article (although dated) about the news reading habits in Sweden)
http://news.bbc.co.uk/1/hi/world/europe/3553279.stm

- Alan on 05 December 2006

I spent 12 years in the newspaper industry and 5 specifically in the New Media area.

It is very important to watch the ads, espcially position and size.

Many heated discussions occur over the ad positioning and size, especially in regards to the home page.

What always made me wonder was when editors would vigorously defend the front page… “that is not something (insert story, advertising, photo) we would place on the frontpage of the [insert publication here]”.

Yet they will put anything and everything on their web site front page. Why? I don’t think they see the internet for the medium it is.

- Christy on 06 December 2006

If you buy a paper, you have the whole thing, and odds are good you’ll be leafing through it, so ads can be put anywhere within it, leaving the front page for very high profile, high paying advertising, if any. With the web, however, the only guarantee you really have is that most of your readers will see your homepage. What readers do from there is harder to anticipate not to mention harder to sell to advertisers. So it makes sense that ads would litter the home page, it’s prime real estate.

- nleblanc on 07 December 2006

Post a comment

Name:

Email:

(required, not displayed)

URL:

Comment:

Remember my personal information

Notify me of follow-up comments?

About

Hi! I'm Luke Stevens and this is/was where I write about design on the web. This blog has been dead for about two years while I've been busy doing the freelance web design thing. Later this year it will be reborn as something new. Until then, enjoy the latest post and feel free to comment with your thoughts!

I'm also speaking on data-driven design at Web Directions South in October 09. If you can make it to Sydney, come along!

RSS Feed

Grab the feed if you want to find out when this site is reborn anew.