Mobile screen sizes for 2022 based on data from 2021

Mobile screen sizes are changing at a relatively fast pace, so it's important to keep up to date if you're designing experiences for mobile devices

We wrote something on this topic last year (mobile screen sizes 2021) and it was our most popular article of the year, so here’s the updated statistics for the most popular mobile phone screen sizes for 2022.

Mobile screen widths for 2022 based on 2021 & 2020 data

mobile-screen-sizes-2022

Data based on 2m website users in the last 3 months of 2021 vs 1.6m website users in the last 3 months of 2020

This graph shows the most popular mobile device widths for 2022. The data we’re using is from the last 3 months of 2021, compared to the last 3 months of 2020, that we can use going forward for 2022. If we used more than 3 months, then we tend to mix the up-and-coming trends with older data and it’s generally not as accurate.

 

Why do we focus on screen width?

There are many different screen heights for devices with the same width, so to keep things simple we focus on the screen width metric. This metric of course isn’t the real metric, it’s the viewport, rather than the physical size or even the device’s resolution. It’s what designers can create a frame for and what you’ll see within Google Analytics. Height does still matter as it’ll determine how much content you can fit on one screen.

 

What’s changed with mobile screen sizes?

Similar to what we found last year, it seems that mobile phone manufacturers aren’t sticking to the same resolutions as before and are introducing new sizes such as 390px and 428px that we didn’t see much of last year.

  • The biggest proportion of devices used are 412-414px wide devices
  • There has been a decrease in the usage of 412px – 414px wide devices
  • There has been a decrease in the usage of 375px wide devices
  • There has been a decrease in the usage of 360px wide devices
  • There has been a sharp increase in the usage of 390px width devices
  • There has been an increase in the usage of 428px width devices

Here’s a good resource for Apple and Android

 

The most popular mobile screen sizes (width & height) for 2022

mobile-screen-width-height-2022

Sizes are in pixels. Data based on 2m website users in the last 3 months of 2021 vs 1.6m website users in the last 3 months of 2020

 

Why should you know about mobile screen sizes for 2022?

Knowing about what devices people use to browse websites can help both marketers and designers know who they need to design for, as things have changed quite drastically over the last few years, with a reduction in smaller devices (i.e. 320px iPhone SE / 5 etc) and an increase in larger devices, so it’s good to keep on top of things and focus more energy on the devices people are using on your website.

Here’s what Rik Hoppers @ CTI Digital said about the data we’ve shared here & growing screen sizes over the years:

It means more real-estate, more flexibility for components (width & height), which leads to better experiences. Opportunity to increase in typography layout and size, to use more white space on the screen so users can read better and focus on key purposes. Also micro-animations and effects have more breathing room to be enjoyed 🙂

These statistics make a difference in the world of development & QA, too:

This data helps change what the QA team should test against

Alison Hover, Lead Developer @ CTI Digital

 

What happened to 320px wide devices?

During the research into screen sizes, we found that 320px wide devices are now only being used by around 3% of mobile users, so designers are adjusting their ways and designing for more popular wider devices such as 375px and 414px as a ‘large’ device.

 

How can I see screen sizes for my own website?

Log into your Google Analytics account and go to Audience > Mobile > Devices, and click the Screen Resolution tab. You’ll be able to see your most popular device width & heights here.

If you’re using GA4, just search ‘screen resolution’ and you should be linked straight to the report.

 

This blog post was written because it’s something we’d share with our clients / teams. If you would like help optimising your mobile experience for conversions, please don’t hesitate to get in touch by emailing lee@worship.agency or calling 0161 236 1188.

Lee Preston

2nd February 2022

Trying to increase conversions?
CTA

Get a free 15 minute CRO strategy call with a senior optimiser

Request a callback

Are you ready to improve your website’s conversion performance?