mobile phones

Phone optimization doesn’t start after approving desktop designs. It’s important to think “mobile first” for two reasons. First, your designer’s layout will flow better if starting small and expanding to a larger screen (it will scale up well). Secondly, mobile first will give your users a cleaner, snappier experience. Ultimately you need a responsive design that expands and contracts to any screen size.

There are a ton of mobile and tablet devices out there today, spanning across many manufacturers and models. Supporting, testing, and tweaking for each device an browser combination would be cost prohibitive and slow your launch to market. So how do you sort through the sea of devices to find out where to focus in terms of responsiveness and phone optimization? Start with where you will gain maximum reach.

Criteria are as follows:
Market share and popularity
OS and OS versions
Screen sizes
Viewports and resolutions
Upcoming devices
Launch year
Manufacturers

Note, these numbers are up to date as of FEB 2018:
If you are a small business, say 15,000 unique visitors per month, focus on these:
Apple iPhone SE 10.0
Apple iPhone 6s 9.0
Google Nexus 6 5.0
Samsung Galaxy S5 4.4
Apple iPad Air 2 Tablet 8.0
Google Nexus 7 Tablet 6.0
—The above list covers 97% of iOS/Apple devices and 65% of Android devices over the last 5 years.

Want more reach for your burgeoning site of up to 300,000 unique visitors (good for you!). Here are the top devices:
Apple iPhone SE 10.0
Apple iPhone 6s 9.0
Google Nexus 6 5.0
Samsung Galaxy S5 4.4
Apple iPad Air 2 Tablet 8.0
Google Nexus 7 Tablet 6.0
Nokia Lumia 520 8.1
Google Nexus 4 4.2
Apple iPhone 6 Plus 8.0
Samsung Galaxy Note 3 4.3
Google Nexus 5X 7.0
Samsung Galaxy S7 6.0
Amazon Kindle Fire HDX 8.9 Tablet 4.0
Apple iPad Mini 2 Tablet 7.0
—The above covers 97% of iOS/Apple devices and 90% of Android devices over the last 6 years.

Maintaining this focus (in either scenario) should allow you to optimize your development dollar, and save time for Desktop browser/Operating System combinations.

*Both lists are compiled by the experts at BrowserStack, who we love for their brilliant testing tool.