Size does matter
I have published my report and findings on this subject .
In his most recent Alertbox, Jakob Nielsen dived into screen resolution and page layout. His summarized findings are:
Optimize Web pages for 1024×768, but use a liquid layout that stretches well for any resolution, from 800×600 to 1280×1024.
There seems, however, to be one important thing wrong with Jakob Nielsens findings: They are based on the assumption that people run their browser in a maximized window with no added browser chrome. I claim that this is a false assumption in most cases. As does Jesper over at justaddwater.dk.
Guesses and claims are interesting in their own right, but in the long wrong, they are pointless and hard facts needs to take their place. Sadly, I have yet to experience a statistics solution that display this useful piece of information. They usually just track the basically useless screen dimensions.
So I whipped up some quick tracking
Doing beats complaining, so instead of complain about the lack of usable metrics, I whipped up a quick and dirty browser viewport dimension tracker myself. It’s rudimentary, but should work for most browsers. It should also fail silently for the rest, so your visitors hopefully won’t notice.
It currently tracks screen width and height, and browser viewport width and height in addition to the client IP address and a timestamp. I plan on making the collected data freely available.
Feel free to join my little project if you’re interested in these numbers.
Here’s hoping my shared hosting account doesn’t croak under this. :)
Comments
Arek August 21, 2006
Web Developer Extension for Firefox
http://chrispederick.com/work/webdeveloper/
has feature allowing to see viewport size with only one click.
Olle Jonsson August 21, 2006
Arek: man, that's the size of your own viewport. We need to know about the viewports of the unwashed masses that visit your website.
By including Jakob's script in the head section of your website, the visitors' viewport sizes will be logged at Jakob's server. Check out the script to find the img tag there, which performs the magick.
Arek August 21, 2006
Olle: thanks for explanation;) Feel like part of unwashed masses to run through the post, scanning, instead of reading and understanding what it says...
I just figure out that using Webdeveloper would be a nice "simulation" of different resolutions/viewports.
Jakob S August 21, 2006
The resize feature of the web developers toolbar is a great way to emulate what/how much of your website a user might actually be experiencing.
However, since we have no clue what browsersizes people are using, there's no telling what size you should resize to - yet... ;)
Thomas Baekdal August 21, 2006
Jakob, a tip.
Instead of inserting an image, load it as a javascript variable instead:
var img = new image();
img = "http://mental...";
This way, you do not have to add content to the website.
Jakob S August 21, 2006
Cheers Thomas, that's a better way to do it. I've changed the script.
Lars K. September 26, 2006
So, any results yet?
Jakob S September 26, 2006
Uh, not yet. Been too busy doing other stuffs to crunch these numbers. I'll rectify that in the near future.
Peter September 28, 2006
Hmm.. But the numbers you'll get really aren't that scientific. I bet there's a huge difference between the guests on mentalized.net (and other sites like it) and the average user (the other 99,99999%). I'm not saying I'm eating the "Guru's" guidelines without questioning them, but if you really want to disprove this guideline taking a different approach might be worth considering.
GL
Just my 5 cents.
Jakob S October 30, 2006
My results have been posted.
Commenting on this entry has been closed.