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.

mobile_display

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.

You might also like…

PROCESAMIENTO AJAX EN SCRIPTCASE

Ajax en los formularios de Scriptcase puede usarse para recargar un campo de tipo de select basado e...

IMPORTAR IMAGENES DE LA BASE DE DATOS Y UTILIZAR CLASES DE BOOSTRAP

Como muchas personas ya saben, Bootstrap es una biblioteca de front-end libre y de código abierto p...

TENDENCIAS DE DESARROLLO WEB PARA 2017

Usted verá en este post tendencias para 2017 en Diseño Web, en el medio digital y en el desarrollo...

Comment this post

Get new posts, resources, offers and more each week.

We will use the information you provide to update you about our Newsletter and Special Offers. You can unsubscribe any time you want by clinck in a link in the footer of any email you receive from us, or by contacting us at sales@scriptcase.net. Learn more about our Privacy Police.