Designing for Apple’s lineup: responsive v. adaptive design


During Apple’s “Hi, Speed” event, the company announced its new lineup of products, featuring the iPhone 12 family, which adds more screen sizes to Apple’s already extensive selection. Product Designer Gem Qiao weighs in on what it’s like to design for various devices.

Q: Hey Gem. What’s up with all these iPhone sizes? Is it really necessary, or is Apple just pushing out everything it can in desperation to make sales during a pandemic?


Well, speaking strictly from a design perspective, there are many advantages – and disadvantages – to Apple’s breadth of screen sizes. Apple is relentless in trying to provide loads of options to its customers. That makes my job as a designer more challenging – and intriguing.

Q: Intriguing? That’s a word that gets my attention. Tell me more about that.


As a product designer, I’m both intrigued and inspired by new applications and user experiences. When considering a new design, I take into account a variety of screen sizes, but more importantly, I want to focus on the user experience and the specific use case. For example, when considering an application meant for desktop, we can’t just shrink a screen for mobile and hope for the same user experience. It’s critical to design for different devices while maintaining the consistency of the product, yet also to design as efficiently as possible. Realistically, we need distinctly separate designs for desktop, mobile apps, and wearable devices.

Q: From a designer’s perspective, it’s got to be a nightmare designing for all these different screens. How does that work?


Ideally, we would want a different design for each type of device and for each of the Android and iPhone models as well. Responsive design has helped us design for a variety of screen sizes, but it has limitations. That’s where adaptive design comes into play. Adaptive design generally refers to a device-optimized experience, or a graphical user interface (GUI) design that adapts to different screen sizes.

Many design firms are beginning to embrace adaptive design as a new design strategy.

It’s a great opportunity for UI UX designers because adaptive design allows us to have more control over content and layout – and ultimately, more control over the user experience.

Q: So, back to the plethora of devices. Are they really necessary?


On one hand, there could be a single device that can ultimately serve all of our needs. On the other hand, different screen sizes are important in the way they are meant to accomplish different tasks. Ultimately, apps are designed to guide users to specific areas of focus, so to this end, phone size could have a big impact.

Q: I’ve never thought of it that way and will take a closer look at viewpoints on my screens. You’ve given me something new to consider in my online experience.


Happy to unveil some design insights. Here’s a link to some more thoughts on design.

Gem Qiao and Allison Goodwin - Responsive vs adaptive design | Apple Event

The Latest

How is mobile technology disrupting healthcare?

Healthcare providers are seeking partnerships with tech companies to help supercharge their innovation efforts. The result is unprecedented innovation in mobile health technology. Learn how mobile health apps are transforming healthcare.

What is HIPAA and why does it matter?

HIPAA sets forth important guidelines relating to the privacy and security of personal health information. If you’re a software developer building healthcare apps, it’s critical that you understand HIPAA and its Privacy and Security rules.

Defining and building a new data service – a standard approach to data architecture

Converting data into meaningful information requires a system of tools and technology that can overwhelm even the most experienced data scientists.