James Royal-Lawson

screen size

Browser viewport statistics

There are plenty of statistics available on screen sizes/resolutions and their usage. Equally there are plenty of articles available on how you should optimise your site design for this size or that size.

The truth is that screen resolution is only half of the equation. The other half, and more important for the end-user experience, is the browser viewport (window size).

A user might have the world’s largest screen; but unless their run their browser full-screen, this fact isn’t very relevant to us. And even if they did; they might have so many toolbars, bookmarks, and a page history sidebar that their viewpoint will only be a tiny fraction of what you might expect.

We need to switch our focus from screen resolutions. Web usage is diverging; for some screen sizes are getting bigger. Whilst for other screen sizes are getting smaller. Website statistics suites need to gather data on visitor’s actual viewports – it is already possible in some – so we can move forward.

In October 2009 an interesting project began. w3census intends to help developers, with a live database, to be always up-to-date with the current state state of the web. In that database will be, amongst many other things, Browser Viewport Size. One to watch.

Update Jan 2010: w3census has vanished, including their twitter account. Shame, it looked interesting. In the meantime, I’ve added written a post explaining how you can measure browser viewport size yourself.

Screen sizes are getting smaller again

With more low-resolution devices being released all the time, such as ultra-mobile and ultra-cheap laptops (eg the Asus Eee PC), handhelds with mobile/wifi connectivity (such as the iPhone and the PSP), it is rapidly becoming unsafe to dismiss certain screen sizes when you redesign a website. QVGA (320×240) is the dominant screen size for mobile phones, WVGA (800×480) is increasingly common for ultra-mobile devices.

Reload this page with responsive web design DISABLED