July 25, 2008

Top Blog Design Survey

Filed under: Blog Design,Blogging,Design Review,Web Design — HDW @ 9:39 am

The results of a fascinating study of the design of the top 50 blogs is available at Smashing Magazine. Some interesting results, but I was most interested in the ratio of fluid to fixed width layouts. 92% used fixed width. That seemed a little high to me, but I have noticed a strong trend that way in design lately. I was even more surprised to note that the writer describes the other 8% as “uses fluid elements”, but none used “used an elastic layout”.

I’ve always thought that a fluid width layout was a better design solution for most websites. Defining a minimum width for a site isn’t a bad thing, but a full fixed width layout is just too rigid. It doesn’t take the viewer’s preferences into account. You’ll also note that 56% of blogs surveyed used a site width of 951-1000 pixels. I don’t know about you, but that means if I’m viewing the site with my feed reader open, then I have to scroll left and right. Annoying! I’m sure I’m not the only person who dedicates less than 1000 pixels of screen width to their main browser window.

My favorite statisctic though was about the percentage of the layout used for main content.

“on average, 58% of the overall site layout is used to display the main content.”

The most important part of thelayout only deserves 58%? That’s the best you could do? That’s just sad, it really is.

A Small Design Study Of Big Blogs | How-To | Smashing Magazine

It is truly remarkable that among 50 top blogs not a single one used an elastic layout (width of layout grows with the growing font size) and only a small fraction uses fluid elements (layout changes depending on the size of the browser window). Here are the exact findings:

* 92% of top blogs used a fixed layout,
* 8% used a fluid layout or a hybrid layout with fluid layout elements
(Engadget, Smashing Magazine, Gigazine, Coorks and Liars).

No Comments »

No comments yet.

RSS feed for comments on this post. TrackBack URI

Leave a comment

Comments will be sent to the moderation queue.