Along with compatibility for mobile devices, also came the question about the popularity of each screen size. Because there are numerous options in the market of gadgets and gizmos, this concern turns out to be very common for those working to develop front-end applications and websites.
Who develops interfaces knows how complicated and difficult is the task of making the same layout works well in various screen sizes. Because of this, understanding what options are most commonly used by the general public becomes essential for those who do not want to waste time. Resolution tests can focus on resolutions with little expression and a guide at that time can save precious hours of development.
According to the website Mobify.com, one of the largest international benchmarks in mobile platforms, the percentages below indicate the use of each of the resolutions at the global level:
- 320×480: 11,4% (Used in Smartphones and iPhones)
- 768×1024: 7,3% (Used in iPads and netbooks)
- 1024×768: 7.8%
- 1280×800: 19,5%
- 1280×1024: 6,5%
- 1366×768: 13,5%
- 1440×900: 7,3%
- 1600×900: 3,8%
- 1680×1050: 5,1%
- 1920×1080: 6,1% (Used in HD gadgets)
The numbers are part of a user behavior study conducted by the company in 2012. The mobile resolutions represent a considerable percentage when added together, highlighting the resolutions 320×480 and 768×1024.
If we consider that, in Brazil, the sites and applications mobile access already represent over 25% of the total and that the best selling models today are smartphones from LG, Motorola and Apple’s iPhone, according to data from 2014 provided by Counterpoint, it is clear that the resolution tests need to be more focused on the two main resolutions cited in the Mobify study.
This additional concern to develop an interface, focuses, always, on the user experience. Thus, the market drive also dictates the rules in development environments.