Thursday, June 24, 2010
One of the first considerations when designing a website template is ensuring that most of your visitors to see what you want them to see. Now given that your new visitors have short attention span, let's say 5 seconds, that's all the time you have before they lose their attention and click on the Back button. We have for you a free tool for you to do just that!
Yup, that 5 seconds is about as much as you have as a chance to bait them deeper in to your web site.
Google Labs have this nifty tool, called Browser Size, that lets webmasters like you to visualize how much of your website is visible to typical visitors.
Now let's take a test drive on Google Browser Size.
In the search box, type in your website URL or any site like CNN.com as shown in the screenshot below.
Tips on how to use this browser visualization tool
- The "80%" contour means that 80% of people visiting Google have their browser window open to at least this size or larger. Yes this is a great tool because we are using a sample of millions of Google visitors to represent a typical web user. Of course, these visitors are not the same as yours but it's a great proxy for many site owners who have just a few thousand pageviews a month.If you like the 80-20 rule, then, we suggest looking at the 80% contour line to fit in 80% of the internet users. This ensures a majority of your visitors view what you want them to view.
- Thumbshots Images work on this very same principle. When we index or take a screenshot of web page, we want to ensure that most of the visitors will see what their browser settings are. So it's in everybody interest to design a website for our users!
- You can change the opacity of the overlay by clicking the gray boxes next to the word "Opacity" located at the top.
- Moving the mouse around the window, you will see a transparent rectangle following the mouse pointer. This feature allows you to interact normally with the page. This lets you click on other inner pages on your website. Unless your entire webpages use the same template, this is a great feature to let you surf around your own site.
- Browser Size works best on web pages with a fixed layout aligned to the left. If the content reflows as the width is adjusted or it is centered, then the results can be misleading. In this case, you can obtain more accurate results by reducing the browser width to a percentage column, e.g. 90% and seeing what content falls below the 90% horizontal line.
Have fun with Browser Size from Google Labs!
Don't forget, you can get Free Thumbshots thumnail images right here from Thumbshots.com