Apple’s Adaptive Approach

Devva Saunders
2 min readSep 23, 2020

Based on what I know about adaptive design, I’m fairly certain that this is the approach Apple takes in their web development.

Apple website on desktop

Here is what I consider to be a standard e-commerce website view. The navigation bar is locked at the top and the first item takes up the entire screen prompting a user to scroll for more options.

Apple website tablet view

On tablet view Apple splits the screen view in half to show two different items. But the navigation bar remains locked at the top of the screen. Quite honestly I'm not sure if the transition from desktop to tablet is adaptive or responsive because I don't see much of a difference between the two except for the split screen on tablet so it’s possible I could be wrong. However, I believe that it is adaptive web design because of the transition between tablet to phone viewports.

iPhone 8 Plus view of Apple website

This mobile view has a hamburger menu(without the top line) instead of a full navigation bar locked at the top. I think it depends on the specific device, but the phone view provides the first item in full and may preview the second to further indicate scroll gesture although at this point everyone is aware of mobile scrolling. I used the Google Developer tool device simulator for these screenshots, but the simulation doesn't for iPhone 8+ doesn't match my physical device entirely. I see the hamburger menu but on my phone there is no preview for the second item on the website.

I didn't notice any design fails the transitions felt seamless and easy to navigate and understand.

--

--

Devva Saunders

Content Strategist| Futurism enthusiast. Digital Designer. Critical thinker.