When a website or app is being designed, the goal is to paint a clear picture of the optimal outcome. While it would be nice for the final product to mirror the design across every users device, that simply isn’t possible. It’s not merely unrealistic. It cannot be done. There is a vast array of device types, web browsers, and software versions for each.
We’ve worked to add clarity and a deeper sense of understanding to this tension. As you continue reading, you’ll find deeper explanation and our defaults for each.
Optimizing for all devices is a laborious, time consuming, and expensive effort. There was thousands of device types. Rather than pursing everything, we have a recommended list of devices to optimize. Keep in mind, each project is unique and the list of optimizations should reflect your largest user base.
iPhone 7 forward
iPhone 7plus forward
Curious how many devices actually exist? View a complete list of all devices.
There are a few dozen web browsers. Usage ranges from the thousands to the millions of users.
* Internet Explorer is no longer a supported browser. Microsoft has essentially abandoned it.
View a complete list of all browsers.
You can’t talk about Browsers and Devices without talking about versions. Each device has different versions of their operating system and each browser has different versions of their software. We focus a majority of our efforts on the last release of each piece of software, though periodically will pursue 2 or 3 versions prior.
Keep in mind, software versions run independent of one another. You could have the most updated operating system on your device but your browser is out of date.