I am in the process of designing a new “skin” for this website. The new appearance of the website will keep the fundamental content, but update the look and feel, and incorporate new functionality.
One question I’m asking myself is What screen resolution should we design for?
This site currently uses a principle called liquid layout, that is to say it stretches to fit the viewer’s own screen width. The layout isn’t frozen, but adjusts to fit whether the user views the page on a super widescreen monitor, or on a small screen Blackberry handheld device.
The new design will continue to use liquid layout, but which resolution should we be optimising for?
It has been interesting looking back on visitor data, and to see the march of computer screen inexorably towards the rectangular wide screen monitor with a resolution of 1280 x 1024.
Our visitors most common resolution is 1024 x 768 (35%) and indeed this is the resolution that usability gurus like Jakob Nielsen recommends.
However, more than 37% are viewing on some variation of SXGA, meaning a 17″ or 19″ monitor with a resolution of 1280 x 1024 or a close variation.
Indeed, only 3% of visitors used the traditional 800 x 600, often used by web designers as the lowest common denominator for screen resolution.
And there are significantly more visitors using very high resolutions, which might translate into 20″ or 30″ monitors.
Now, I know I have dumbed the screen resolution issue down a bit in the post (and I’m sure I’ll get in the neck from web designers) but it is worth interpreting the data, and planning the new design around the most common, and increasingly popular, high resolution monitors.