Most bloggers or site owners pay a lot of attention to their web analytics and stats. The big three numbers for most of us are unique visitors, referring URLs and referring keywords. Of course, there are other metrics you can look at, but most site owners tend to hone in on those three. Of all the other numbers available, I think perhaps the least often used (and acted upon) is the screen size metric. Basically, with a good reporting tool like Statcounter or similar package, you can also get a measure of what screen sizes people are using to visit your website. Chances are, if you are like most of us – nearly 100% of your audience is on a screen 800×600 or bigger (not including those on Blackberries or portable browsing devices, of course). On my blog, according to Statcounter, 81% of my visitors are on a screen size of 1024 x 780 or higher. 15% are "unknown" and only 4% are at 800×600 or lower. For the non-designers out there, what does this really translate into? Well, mainly it just means how much dead space you see on either side of the screen (kind of like film letterboxing leaves those black bars on the top and bottom of your screen. If you happen to be reading my blog directly online versus through an RSS reader, you will see that there is a slight buffer on either side of the screen on a 1024×728 sized screen (the standard for most recent PCs and laptops. In my case, I chose to extend the width of the standard Typepad template I first used for this blog to allow a wider space for my content and (in my opinion) an easier reading experience for visitors to my blog.
The "paradox" that I refer to is the huge number of bloggers that use only a fraction of their screen width for their blog posts. Their posts run down the center of their blog in a column taking only 25% of the overall screen width and scroll down for many lines. The overall width of the blog is only 800 pixels, leaving huge gaps on either side of the blog. Books are not printed this way – but imagine if they were. You would have books run 3 times as many pages and nearly 50% of the printing costs would be wasted. Of course, print publishers would never do that, because there is a real costs associated with wasting real estate. Wasting space online, however, is free. So we have blogs running their posts through the middle of page, and running on for scroll and scrolls. To be clear, I’m not bashing white space as part of a design choice. Actually, I hate when every spare inch of a screen is filled with something. But there’s a thin line between using white space to further design, branding and usability, and wasting the space. If you have a blog and use this constrained format, give me your view. What’s the reason behind choosing a template like that? Are you stuck with it for technical reasons or do you see some value in it? I think I need some enlightenment here …
“In my case, I chose to extend the width of the standard Typepad template I first used for this blog to allow a wider space for my content and (in my opinion) an easier reading experience for visitors to my blog.”
You’re certainly entitled to that opinion, but many Web (and print) design resources say – and I agree – that narrower columns are technically easier to read. And if a reader is more interested in simply scanning – as opposed to actually reading – narrower columns help that, too, especially when coupled with not-too-long paragraphs and other visual “breakers” and landmarks.
I also agree about narrower columns being easier to read. Wide columns are often the reason I resize my browser down to 1024×768 from a higher resolution, as trying to track a line all the way across a wide screen can slow down reading. On the positive side, it puts more content “above the fold” and reduces vertical scrolling.
I learned in grad school that a narrower width was easier to read, but a quick search on the web for studies doesn’t seem to support this.
When I first started blogging about a year and a half ago I started out with a blog theme that had a narrow width. At that time I probably wasn’t using a resolution higher than 1024×768 so it didn’t look too bad. After getting a new monitor and using a much higher resolution I realized, wow that’s a lot of empty space. While the narrow type of theme may have been better suited for the lowest common denominator it probably wasn’t doing much for others.
Wanting to make better use of that space I changed the theme on my blog to a 3 column fluid width design. It wouldn’t matter if you visited my blog on a screen resolution from 640×480 to 1680×1050 it will still fill the whole screen and resize accordingly. This way all visitors will benefit no matter what their screen size may be and I won’t have to keep track of visitors screen sizes.
I am not a Windows users so my use model may not be typical of the majority of your readers. My screen is 1920 wide and I never full screen my browser. The reason I have a large screen is so I can see multiple windows at one time. So if a blog is only 800 or 1024 wide, it is not only easier to read but covers up less of the other work I am doing.
You might want to recomend some variety of web stats programs aside from statcounter. GoStats is a great program for determining screen and monitor sizes too.