Tab Management in iOS 15 Safari

I was one of one hundred designers on Windows Phone and got to work on lots of interesting projects. One of my assignments was working on Internet Explorer for Windows Phone, though interally we just called it Browser. One of the most difficult challenges we faced was what I called the Octopus Tab Problem: If someone goes to a website and clicks eight tabs, how can you give them quick access to each page they’ve loaded? It’s easy on desktop, but on mobile it’s really hard. Back in 2012, no one had cracked it.

We were surprised to learn that tab management isn’t just a pain point for techies. Whether it’s someone going to Reddit to load tabs of cool content, NYTimes to catch up on the news of the day, a shopping site to compare items, Airbnb to compare rentals, or Zillow to compare homes, everyone is buried in tabs that we really want to see next to each other. This is a super tough design problem, so my team spent a lot of time on it.

I just saw how iOS 15 handles it, and this is the best implementation I’ve seen. In a brilliant implementation of Jakob’s Law, they’ve used the same design patterns and gestures from iOS multitasking. So if you know how to switch apps on an iPhone, you’ll have a head start figuring out how Safari does it.

But there’s one key difference: Safari needs to handle a URL bar and menu items. So the design turns the whole URL bar into a giant grippable object to let you go between tabs. I wish we had thought of a solution like that! It seems to work great so far.

Our pitch at Design Day 2 (2012 or 2013)

My team set up a way for features to audition themselves for consideration once a year. Design Day One was designed to show off insights and research. If the insights were promising enough, Design Day Two was where designers would explain the overall UX (in low fidelity) and strategy around the vision. Finally, Design Day Three was when the team would bring the finished designs, often accompanied with functioning prototypes, resourcing estimates, etc.

This was our Design Day Two presentation for Browser (IE) in 2012 or 2013:

Notice the “link throw” in the bottom right corner, and “swipe through history” towards the top right. Both were innovations around addressing the mobile tab problem. Maybe they would have worked, maybe not. But kudos for the product teams at Apple for taking such a big step forward. And not just in theory, either. They actually shipped, and that’s what really counts!

--

--

--

Designer, writer, teacher. I love building things.

Love podcasts or audiobooks? Learn on the go with our new app.

Recommended from Medium

S01E09: reviving the updates

Put Your User Up a Tree. Then Give Them a Ladder.

Into the shoes of a family of travelers: usability evaluation & site redesign

The Laurentinamap

Choosing the right design

How do we choose the ‘right’ design?!

Poster Designs using Generative Art

CHEERZ- Photo Printing Apk Download

CHEERZ- Photo Printing Apk Download

How RallyRally Makes ‘Design for Social Change’ Its Top (and Only) Priority

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Jon Bell

Jon Bell

Designer, writer, teacher. I love building things.

More from Medium

Apple ecosystem is good but Google still has an edge

Face ID Now Works With a Mask

PodPower — How It Works

Trying Twitter Blue

Twitter Blue theme options which are: blue, yellow, red, purple, orange, and green