[Edit]

UX/UI - most popular screen resolutions in 2022 year (responsive design)

1 contributors

2 contributions

0 discussions

9 points

Created by:

Rogan-Wilkes

727

In this article, we would like to present the ranking of the most popular screen resolutions at the end of 2022.

We believe that the article information will be useful for website developers and mobile application developers, which is why the summary is an advice is directed to programmers that develops responsive web applications.

Article summary

Edit

If you create websites, it is worth designing responsive applications that work on the following screen resolutions:

1920x1080 (24.29% in desktop computers market)
1366x768 (16.83% in desktop computers market)
768x1024 (29.76% in tablets market)
one of:
- 360x800 (9.98% in mobile phones market)
- 360x640 (4.27% in mobile phones market)

If we ensure support for the screen resolutions mentioned above, in most cases, our application will also appear clear for the remaining resolutions.

Note: it is worth supporting the horizontal and horizontal orientation of mobile screens, i.e. additionally: 1024x768, 800x360 and 640x360.

UI/UX advice

Edit

When designing UI/UX, there are 4 cases for screen width that may be supported, assuming that the application height can scale freely:

Device type (supported case)	Resolution range
Desktop (for normal screen)	e.g. `width >= 1400` (it contains resolutions around `1920x1080` and greater)
Desktop (for small screen)	e.g. `width < 1400` and `width >= 1000` (it contains resolutions around `1366x768` and width up to `1400` (exclusive))
Tablet	e.g. `width < 1000` and `width >= 500` (it contains resolution around `768x1024` and width up to `1000` (exclusive))
Mobile phone	e.g. `width < 500` (it contains resolution around `360x640` and width up to `500` (exclusive))

Note: the cases mentioned above are only suggestion, so feel free to modify, split or combine them.

Screen resolution overview

Edit

The following screen resolutions are sorted by popularity.

All devices (Computers + Phones + Tablets)

Edit

The most popular screen resolutions across all devices:

1920x1080 (9.37%)
1366x768 (6.40%)
360x800 (6.26%)
1536x864 (4.19%)
390x844 (3.73%)
414x896 (3.56%)
412x915 (3.23%)
360x640 (2.63%)
360x780 (2.44%)
1440x900 (2.38%)
1280x720 (2.35%)
375x812 (2.22%)
375x667 (2.01%)

Comment:

unrecognized screen resolutions account for 4.01% of the market (devices that hid information),
other screen resolutions account for approximately 45% of the market.