iOS 7: Instead of Flatness, We Got Depth

We may earn a commission from links on this page.

Today, after plenty of self-deprecating jokes about virtual cows, Apple unveiled a sweeping overhaul of the mobile software by Jony Ive. After months of speculation and weeks of rumor-mongering, we finally have our answer: the future of iOS is, actually, is rife with dimensionality and texture. Which is a good thing.

The predicted rebirth of Susan Kare’s original black-and-white OS design, it ain’t. Actually, let's just ban using the term "flat" altogether for this post. The iOS 7 we met today was full of what Jony Ive called “new types of depth.” Alongside a poppy, neon-and-pastel color scheme, the icons, apps, and homescreen of iOS 7 are full of layering and dimensionality. There are also entirely new types of animation: from a screen that uses the accelerometer to adjust in parallax, to beautiful new animated weather icons.

Advertisement

Sure, Jony Ive has gotten rid of many of the richly detailed skeuomorphic elements that were originally designed to help first-time users get to know iOS. But he’s also introduced all sorts of interesting new complexities. For anyone expecting a Windows 8 look alike—you can rest easy. Let’s take a closer look.

Advertisement

An Ambient, Environment-Sensitive UI

The big focus on today’s unveiling was the apparent simplicity of the apps and icons. But for all the simplicity, the most telling element of the new UI is its complex adaptability to external environmental conditions.

Advertisement

The biggest—and perhaps most elegant—element of the new system is its responsivity. For example, iOS 7 uses the accelerometer to adapt the screen in parallax, achieving those new sorts of depth Ive mentioned. And using the phone’s light meter, it seems that the new icons and background adapt to the lighting to improve readability automatically—a bit like the previous iOS' ability to adapt screen brightness to environmental conditions.

Another nice responsive detail? The text and line color of the control panel change according to the color of your home screen image. And, finally, the time and weather seem to appear accurately on the app icons. Goodbye to the endless sunny-and-72-degree days.

Advertisement

Layering and Depth

The details of the icons and apps are certainly simpler than they are today. But the visual ecology they exist within is far more complex. How? Well, first of all, icons and text aren’t siloed into individual icon buttons or bars. Very often, Ive’s Helvetica Neue Ultra Light type appears directly on the screen. That seems like it’d be simpler—but it’s actually a bigger graphical challenge to orient users to text that's floating in space, rather than text anchored by buttons.

Advertisement

The screen itself was presented as a dense layering of image effects, too. In an exploded axonometric view, we saw a crisp clear background serve as a foundation for a middle layer—the apps—topped off with an elegant blurred panel that serves as a background for the control center. We can glean something about the future of iOS in the use of layers. Rather than treating the homescreen and apps as unique, 3D spaces, iOS 7 uses layering to provide context, instead. It's a bit like Google Now, in a way. Rather than treating the UI as an architectural metaphor, it's treated as a series of layers, or cards.

Advertisement

The Typeface

Say hello the Helvetica Neue Ultra Light, a slimmer variant of iOS' standard Helvetica Neue. Neue was designed nearly three decades after the original Helvetica. It was redesigned because its early translation into pixels left much to be desired—for example, the italicized version was hastily slanted from the original, and the kerning and widths were irregular and disorganized.

Advertisement

So, in 1983, Linotype commissioned an update for the digital age. The width system was standardized, the curves were redrawn and cleaned up, and even things like punctuation were rejiggered for digital viewing. In a way, Helvetica Neue, and its variant Ultra Light, was one of the first classic typefaces of the computerized era. As a typeface for iOS, it couldn’t make more sense: seen on the sparse banner for today’s conference, the light iteration of Neue looks elegant and clean.

But the increased use of Ultra Light is something of a risk. In many contexts, Ultra Light becomes unreadable—and without the frame and background that all iOS text once lay against, it runs the risk of becoming meek and fragile. It’s certainly beautiful on blurred backgrounds—but if users decide to use a louder, crisper background, it could become problematic.

Advertisement

The Stock Apps

The new icons, just as we imagined, have lost much of of the reflectivity and depth of the old. The figures themselves have been given an update too: a rainbow-hued palette, and black-and-white backgrounds, make for a lovely little set of icons. There's also a set of wire-frame-esque icons that appear on the blurred, layered background of the lock screen.

Advertisement

Like the new typeface, the icons seem to borrow a bit from a golden age of signage and typography design: the 1930s (and later, the 1970s), when an Austrian designer named Gerd Arntz and his partner, Otto Neurath, developed a visual language of pictograms called Isotype. Their language was intended to transcend traditional language barriers using typographic symbols.

What does this have to do with the iOS 7 icons? Well, the original iOS icons borrowed their rounded edges and simple icons from pictograms—a heritage that's been muddied by increasingly realistic details. By eschewing real-world visual cues for simpler icons, Apple is returning to its roots in pictograms and Isotype. In a way, we can understand this as Ive integrating a rich history of pictogram design into Apple’s design language.

Advertisement

If Cook and Ive had unveiled a super-simple, black-and-white iOS 7 today, this would be a simpler story. But rather than simplify, they've surgically removed outdated colors and details and replaced them with a series of new, complex UI cues. There are certainly some visual similarities with Android, and the solutions are similar to Windows Phone. But given the usage stats and customer loyalty that Tim Cook quoted in his introduction, the problems and solutions of iOS are unique. Rather than overhaul the system, they're attempting to carefully introduce what amounts to a new kind of visual slang—if the original iOS was built for a 45-year-old newbie, iOS 7 looks like it was designed for a tween. It's more grown-up in terms of functionality, but younger in terms of form.

Advertisement

Ive, in his introduction, hinted at the difference between simplicity and purity thusly: "Design isn't just the way something looks. It's the whole thing, the way something actually works, on so many different levels. Ultimately, of course, design defines so much of our experience. I think there's a profound and enduring beauty in simplicity, in clarity, in efficiency. It's about bringing order to complexity." Order isn't always simple—in fact, it usually tends to be pretty complicated.