Testing browsers and resolutions on desktops, tablets and mobiles

May 13, 2023

At Langoor, we carry out form and functionality testing for interfaces, websites and applications we create. Part of the form testing is to ensure the visual integrity of the website. However this visual integrity today means a lot of things - a range of screen sizes, devices, operating systems and browsers.To make sure we are testing an interface for the right browsers and screens, we update this list regularly from a usage and a best practice perspective. Recently I updated that list for our clients and we thought it would be good to share it with the world. This can be useful for sharing knowledge and receiving feedback.Before I start, I want to also clarify that this list is based on combination of browser usage reports widely available on the Internet. While as a web agency we have preferences, we also have a responsibility to our clients.Our testing is usually done from two perspectives:1) Screen Resolution2) Device & BrowserWe do this to ensure that we are taking in to account the form factors and ease of use on the most widely used screen resolution sizes as well as devices independent of whether the website has been optimised for mobiles and slotsidlengs.com tablets or not. Screen ResolutionI understand there is sometimes a discussion on whether to design for screen or browser resolutions, but in most cases we assume that the screen is maximised and so browser resolutions tend to be the same as the screen resolution. So for this we only focus on the screen resolutions. Desktop - 1024px x 768px. While we choose to design websites between 960px - 1,000px (for desktops), 1,280px for TVs or even make them fluid width, this resolution generally covers more than 90% (You can use Google Analytics to test this) of desktop visitors and hence the most critical resolution to test in.Desktop - 1366px x 768px. This resolution is more common than most people realise - we understand more than 20% of the users use this resolution. It also provides visibility on width, and hence white space (if any). The other thing this resolution does is account for what more than 50% of the users will see given that it incorporates a much larger width.Tablet - 768px x 1024px and 1024px x 768px - Both these orientations on tablet producTablet & Mobile - 720px x 1280px. This resolution is widely popular in HD Mobile Android phones. However it is also prevalent in many tablets as the resolution.Device & Browser