Google Labs has cooked up another interesting tool, called Browser Size. It demonstrates how much—or, sadly, how little—of a website is visible without scrolling. Enter a site URL to see an overlay of what percent of users will be able to see regions of the site "above the fold." This is affected by screen resolution, of course, but also by the size of the browser chrome, the size and number of toolbars installed, and other considerations.

UX Magazine Browser Size demo

I was pleasantly surprised to see just how much is actually above the fold for 90% of users: roughly 975 x 500px. I'd be interested to see a different overlay in this tool that, rather than showing how much is initially visible to a user, shows how likely users are to view a given region. Of course the closer to the upper-left the region is, the greater the probability, but what about the content below or outside the fold? This would make clearer the magnitude of the importance of content being in a certain position. And something that's below the fold vertically is more likely to be viewed than something that the user has to scroll horizontally to. It'd also be useful if you could select parameters about user demographics and system specs to see how the visibility of page content changes.

Getting started in UX

Our contributors and staff recommend these articles on for developing an understanding of experience design and jumpstarting your career.

Add new comment


Interesting to see percentage wise viewports and browser size, however, they should basically say that anything beyond donate now is useless area unless you have a big screen monitor, perhaps not even then. The app at best is basic; I wouldn't use it, too general and obvious. Does not take into consideration other dimensions or positions to be useful.

I was looking for a similar app only about a week ago. :) Thanks for the link.

This is great, though does it have to look like a toddler designed the overlay?

Also see Blasting the Myth of the Fold by Milissa Tarquini:

If you'd like some more information about this, Google just posted an article about Browser Size on their official blog.

Sadly this is not site specific. On my website for example I know that more than 80% of my visitors have a screen width of 1024 or more and most of them have 768 or more height. (And the others are netbooks, I think, which are not the typical users and know how to scroll as they have to more often.)

Yes, very interesting.

Ah, just found this on their Labs page:

Ever wondered what parts of your site can't be without scrolling? Browser Size shows you what portion of users can see a give spot on the screen. This is not screen resolution but the area available to the browser - as gathered from users.

But, ;)

No, but seriously, this is interesting. I'm actually collecting screen resolution and viewport dimension data on that site to do this exact thing, although the results would obviously be skewed towards the primarily web developers/designers visiting the site. And, I was more curious to find an average of the difference between resolution and viewport, in an effort to gain some clarity on how most users browse the web - ie. with their web browser maximized to fill their screen, or to fit a specific width.

Any idea what data they're using? It would be awesome to see this as an addition to Google Analytics.