Check What is Above The Fold with Google Browser Size Tool

Want to know what percentage of your users see that "buy now" or subscribe button? If you're selling something, you should be interested in that. If you sell or buy advertising on a blog, you'd want the advertising to be seen by majority of the visitors too.

Whatever the most important element on your page is, you want to make sure it is above the fold, which means what the user sees when they first enter the page. So no scrolling or anything.

Because many users leave if they don't see anything interesting, check that your call to action or something eye-catching is in that first view. And with that, Google's new browser size tool will help you.

Google Browser Size is a visualization of browser window sizes for people who visit Google. For example, the "90%" contour means that 90% of people visiting Google have their browser window open to at least this size or larger. - How browser size tool works

With this tool you can ensure that majority of your visitors see the most important parts of the page. If a important element, like "buy now" button is only visible to 80% of the visitor, that means 20% of the visitors cannot see it when they first enter your page.

It's free and it's very easy to use: Just enter your URL at http://browsersize.googlelabs.com/ and you'll see nice visual like this:

Browser Size Tool by Google

Browser Size tool will show you what your visitors see when they enter your website, depending on their screen / browser size. The tool shows what percentage of the users (on average) see what.

For example from the picture we can see that ~90% of the visitors to this blog see the "follow me on Twitter" button, but only about 80% of the visitors see the whole RSS Subscribe icon.

Check out the Browser Size tool at: http://browsersize.googlelabs.com/

Here's hoping this will help you find the right place for the most important elements on your blog and perhaps gain extra subscribers, or even better, more sales because of checking the design.

Source and more information: Google Code Blog - Introducing Google Browser Size

Bookmark and share this post:
  • del.icio.us
  • Facebook
  • LinkedIn
  • MySpace
  • Digg
  • StumbleUpon
  • Sphinn
  • Ping.fm
  • FriendFeed
  • Reddit
  • Identi.ca
  • Posterous
  • Tumblr
  • email
  • RSS
Here's more cool posts similar to this one:
  1. Here’s a Quick Way to Get Twitter into Google Reader
  2. How to set up Google Analytics
  3. Quick and Easy Market Research Using Google and Twitter
Topic: Web Design
Tags: Design, Free Tool, Resource, Web Design
| Antti Kokkonen | 15 comments

Comment policy: We're gonna be like little Fonzies here. And what's Fonzie like? Cool. Correctamundo, and that's how we roll here -- cool. Critical is OK, but if you're rude, spam or otherwise misuse the blog comments, I will delete your comment. Do not put your URL in the comment text. Use your PERSONAL name (yourname@example is cool, example.com without your name is not). Have fun, be excellent to each other and thanks for adding to the conversation!

15 comments.

  1. Aweosme! I didn’t know there was such a tool! Used to be, we designed sites at 800x600px, but with the larger screens and people switching to higher resolutions we’ve been able to up that a bit and fit more on a screen.

    Thanks for sharing!
    .-= Erica Mueller’s last blog ..Rollip says: Have Fun with Your Holiday Photos! – Giveaway =-.

    • Just updated the source to the post, forgot that as I was so excited when I found it :)

      It’s a brand new tool, announced on the Google Code blog on just a couple of days ago.

  2. This is a very nice tool, especially since my monitor is an abnormal size.

  3. Wow, I did not know about this tool. I normally use a Firefox toolbar resize tool. With Google Analytics’s that says majority of readers to my site use 1024×768 resolution. But this will prove helpful.

    Thanks
    .-= Robert Bravery’s last blog ..There is no such thing as a quick fix. =-.

    • I’ve been using FF addons before too. But I like the visuals of this tool

      And it’s very quick to check a site with this one and take a screenshot to be used as reference when improving the design.

  4. This is very handy, Antti
    Great for designing your page layout.
    .-= Jimi Jones’s last blog ..How Recycling Content Can Boost Your Traffic =-.

  5. I am first time visiting your blog. I tried that browser size tool.. Its really interesting. Definitely i will wait for reading your upcoming articles.
    .-= Deepika’s last blog ..How To Comment On Other Blogs =-.

    • Welcome Deepika and thanks for taking the time to leave a comment :)

      I tend to write long and in-depth posts, but it’s refreshing to write quick posts like this. Browser Size Tool might come handy one day and it makes a good reference for ensuring the right things are above the fold.

  6. Can you give a link to this FF add-on?

  7. Are you sure I don't need special glasses for this tool? LOL

    Seriously though, a very handy tool. Up to now, every once in a while I just send a handful of emails to friends asking what they can see…not very efficient to say the least.

  8. Here's the Window Resizer addon I've been using on Firefox: https://addons.mozilla.org/en-US/firefox/addon/...

  9. Thanks!

  10. sandyxxx

    Hello,
    I have read your blog and I feel that the information about How does Paying with Cash Help with Debt Management? it’s really useful to all.

    great deals

  11. I am quite agreen with the write’s says about the experiencial knowledge of better living.For home improvement I have glance those sits.I found they benifit for life. I want to buy something to home see for use. Hope you give me a good views

Leave a comment

Comment policy: We're gonna be like little Fonzies here. And what's Fonzie like? Cool. Correctamundo, and that's how we roll here -- cool. Critical is OK, but if you're rude, spam or otherwise misuse the blog comments, I will delete your comment. Do not put your URL in the comment text. Use your PERSONAL name (yourname@example is cool, example.com without your name is not). Have fun, be excellent to each other and thanks for adding to the conversation!

Enter your name, email and website. Write your comment and click submit. Required fields are marked *

*
*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

blog comments powered by Disqus