The Flat Moment

On June 10, 2013, at WWDC, Apple showed iOS 7. What appeared on screen was so different from what preceded it that Craig Federighi called it "the most significant iOS update since the original iPhone." The stitched leather was gone. The green felt was gone. The bookshelf that held books you had purchased was gone. In their place: a thin typeface, translucent panels, a pastel color palette, and icons redesigned from scratch.

The design press spent the next several weeks processing this. Most of the coverage was positive. Some designers immediately objected to the icon work, which looked rushed in ways the broader system did not. Few predicted how completely the industry would follow.

What was being replaced

The visual language iOS 7 discarded had a name, though it was not used consistently: skeuomorphism, the practice of borrowing the appearance of physical objects to make digital interfaces legible. Steve Jobs had favored it, and for good reason. In 2007, when the iPhone shipped, very few people knew what a touch interface could do or how to operate one. A notes application that looked like a yellow legal pad signaled that it was for writing notes. A calendar that looked like a desk calendar, complete with leather binding and torn-page stitching, told a new user what they were looking at before they touched anything.

By 2013, that generation of users had moved on. They already knew what the apps did. The physical analogies had done their work and were now just decoration: leather that did not feel like leather, wood grain that served no function, stitching rendered in pixels. The design had the texture of an explanation nobody needed anymore.

The principles Apple stated

Apple's official documentation for the transition named three design principles. Deference, clarity, and depth. Deference meant the interface should step back and let content take focus rather than compete with it. Clarity meant text at every size should be legible, icons precise, adornments minimal. Depth meant visual layers and motion to help users understand where they were and what they could do.

These are good principles. The trouble is that principles and execution are separate questions, and the execution in the first version of iOS 7 had problems that the principles did not.

What it broke

Nielsen Norman Group published a detailed appraisal. The critique was specific: flat design's removal of visual cues that an element was interactive, the shadows and bevels and gradients that made a button look pressable, made it harder for users to identify what they could tap. The swipe gesture, which in iOS 7 was used for navigation in ways that conflicted with other swipe actions at the screen's edges, created ambiguity about what a swipe would do. NN/g's read was not that the design was doomed, there is no such thing as a fatally flawed design, but that users would have to learn the new patterns, and that usability would recover once they had.

The icon set took the sharpest criticism. Jony Ive's team had reworked every first-party icon from scratch in a style that was internally inconsistent: some icons used thin outlines, some were filled, the perspective and stroke weights varied across the set. Later iOS releases quietly corrected much of this, settling into a system that the original launch had not fully resolved.

The year that followed

By 2014 the industry was moving in the same direction. Google announced Material Design at I/O in June 2014, a visual language described as inspired by paper and ink, using bold colors, clean typography, and systematic motion. Material was more careful than iOS 7 about preserving some dimensional cues: shadows indicated elevation, surfaces cast shadows on the surfaces below them, and the system had a physical metaphor even if it was abstract rather than realistic. But it was unmistakably flat, in the sense that photorealistic texture was gone.

The mobile web, web applications, and desktop software followed over the next two years. iOS 7 was running on 200 million devices five days after release, which meant that nearly overnight, most people were using a flat interface daily. Designers who worked on interfaces that needed to feel native to iOS now had a flat reference point instead of leather and felt.

What persisted underneath

The transition to flat design was real but not complete. The principles Apple stated included depth, not the elimination of depth: translucency, layering, and motion remained part of the iOS design language throughout. Glassmorphism, the frosted-panel aesthetic that became prominent in the early 2020s, was an elaboration of what Apple had been doing with translucent blurred panels since iOS 7. The Material Design elevation system preserved shadow as a signal of layer order.

What disappeared was the pretense that digital surfaces were physical objects. The flat era kept depth as structure (layers, hierarchy, motion) and discarded depth as imitation, the leather and wood grain and stitching. Flat rejected one specific use of three-dimensionality, the kind that imitated physical objects, not depth itself, a use that had become obsolete as users became fluent in digital interaction.

The harder question, and one the field still has not cleanly answered, is how much of the skeuomorphic era's usability scaffolding was thrown out with the decoration. The research on affordances, the visual cues that tell users what they can interact with and how, predates the iPhone. Flat design made affordances an aesthetic question rather than a functional one, and the field has been working out the consequences of that shift in every design system built since.