Google Browser Size Tool to Check Website User Interface Visibility
Have you ever tested which part of your website’s user interface or the web page is visible to most of the visiting online users?
It is important to make sure that important areas of a site’s user interface are visible to a wide audience. In other words a large number of people does not scroll down to see the whole web page. Also there are some “heat zones” in every web page where an average web user will look for information. You need to place the most important part of the web page to the most prominent area of your web page or user interface (UI).
Google Browser Size Visualization Tools
Google Browser Size is a visualization of browser window sizes for people who visit Google. This tool splits the web page into contours of different visibility. For example, the “80%” contour means that 80% of people visiting Google have their browser window open to at least this size or larger.
To explain the methodology, if you have any important page component like a link or button which falls within the 80% contour, meaning that 20% of users cannot see this button when they first visit the page. This component needs to be moved to a 90% contour or to an even better contour.
To use this Google Browser Size you can follow the below steps.
- Open browser and go to
- Type your URL in the text box provided. For example “https://www.globinch.com“.
- You can see the browser client area is divided into different contour areas.
- The sizes represented in this contour are client area sizes, not browser window sizes.
You can adjust the browser width to a percentage column based on the size and alignment of your web page or user interface. This is required because Browser Size works best on web pages with a fixed layout aligned to the left. So if you have a web page with center alignment you need to adjust the browser width to a percentage column. For example see the screen-shot of globinch.com below.
You can easily change the opacity of the overlay by clicking the gray boxes next to the word “Opacity” at the top of the window.https://www.globinch.com/google-browser-size-tool-to-check-website-user-interface-visibility/Website Optimizationbrowser window size,Google Browser Size,google screen size,how-to guidesHave you ever tested which part of your website's user interface or the web page is visible to most of the visiting online users? It is important to make sure that important areas of a site's user interface are visible to a wide audience. In other words a large number...Binu GeorgeBinu Georgebinugeorgep@gmail.comAdministratorBinu George , the author of Globinch.com, is a technology blogger from India and a software solution architect by profession.globinch.com - Website Optimization, Blog, Tech Tools