infundibulum

Left Navigation Sidebars… endangered species?

November 14th, 2006

When I can’t think of something to work on, sometimes I will try cloning the broad outlines of the designs of random websites (without looking at the css), just to see how quickly I can hackup n-column layouts, headers, blah blah blah.

In just such a mood the other night, I asked myself what the average width of left navigation bars is across a variety of sites. 100px? 15%? What?

So, by coincidence I happened to have recently read Dave Sifry’s latest State of the Blogosphere and he has a chart of some very popular websites. So, I decided to do a little survey.

Using my handly ruler bookmarklet from centricle.com, I went through all the sites (yes, I’m obsessive) on Sifry’s list and measured how wide their left sidebars were in pixels.

The results surprised me: about half of them didn’t have left sidebars at all.

Here’s my table. The rows with a light red background don’t have a left sidebar at all. As you can see, it’s about 50/50.

px site
90 www.nytimes.com
150 www.yahoo.com
0 www.cnn.com
130 www.msnbc.com
0 www.washingtonpost.com
275 www.bbc.co.uk
140 www.news.google.com
130 www.usatoday.com
0 www.wired.com
124 www.sfgate.com
127 www.guardian.com
134 www.latimes.com
137 www.abcnews.com
0 www.asahi.com
0 www.engadget.com
0 www.nhk.or.jp
128 www.timesonline.co.uk/global
0 www.boston.com/news/globe
153 www.reuters.com
0 www.news.com.com
0 www.forbes.com
0 www.foxnews.com
180 www.c-news.jp
125 www.npr.org
175 www.cbsnews.com
0 www.money.cnn.com
138 www.slate.com
245 www.finance.yahoo.com
175 www.boingboing.net
0 www.businessweek.com
88 www.time.com
0 www.yomiuri.co.jp
0 www.espn.go.com
140 www.mercurynews.com
190 www.pbs.org
215 www.blog.sina.com.cn/m/xujinglei
154 www.telegraph.co.uk
0 www.topix.net
150 www.canada.com/vancouversun
120 www.seattlepi.nwsource.com
0 www.iht.com
0 www.smh.com.au
0 www.canada.com
0 www.chron.com
70 www.wsj.com
127 www.seattletimes.nwsource.com
0 www.sanspo.com
0 www.townhall.com
0 www.nikkansports.com
0 www.bloomberg.com

What seems to be the trend (especially among news sites) is to put the navigation stuff in a horizontal nav bar across the top, and a large feature story (often with an image) flush left. Perhaps this trend has to do with generally increasing screen width?

Leave a Reply