The Evolution of Web Design: From Skeuomorphism to Neumorphism
A short history of web design eras, from early table layouts and skeuomorphism to flat design, neumorphism, and today's designs built for people and AI agents.
Published Updated
Web design has moved through distinct eras, each a reaction to the one before it and to the technology people were using at the time. Skeuomorphism made screens feel familiar, flat design made them fast and clean, and neumorphism tried to bring back a sense of depth. Understanding those shifts helps explain why websites look the way they do now, and where they’re heading next.
We like to think of it the way an anthropologist might: each era tells you something about how people related to technology at that moment.
The early web: structure first (1990s)
The first websites were documents: text, links, and the occasional image, laid out with HTML tables because there wasn’t a better tool. Design was limited by slow dial-up connections and tiny color palettes. Animated GIFs, visitor counters, and “under construction” banners became the era’s signature details.
What it taught us: content and links came first. Search engines were built to read exactly that.
Skeuomorphism: making digital feel familiar (2000s)
As more people came online, designers made digital interfaces resemble physical objects. Buttons looked raised and glossy, notes apps looked like legal pads, and bookshelves had wood grain. Apple’s early iPhone apps, launched in 2007, made the style iconic.
It worked because it was intuitive. People who had never used a touchscreen understood a button that looked pressable. But as people grew comfortable with digital tools, the textures, shadows, and ornament started to feel heavy and dated, and they slowed pages down.
Flat design: clarity and speed (2010s)
Flat design stripped the ornament away: solid colors, simple shapes, crisp typography, and lots of white space. Microsoft’s Metro design language pushed in this direction, Apple’s iOS 7 redesign in 2013 made it mainstream, and Google’s Material Design in 2014 added subtle shadows and motion to give flat interfaces a sense of layering.
Flat design suited the rise of smartphones and responsive design perfectly. Lighter pages loaded faster on mobile networks and scaled cleanly to any screen. Its weakness was clarity: when everything is flat, it can be hard to tell what’s clickable.
Neumorphism: depth comes back softly (around 2020)
Neumorphism, or “soft UI,” tried to find a middle ground. Elements appear to press out of or into the background using soft highlights and shadows, giving interfaces a tactile feel without the clutter of skeuomorphism.
It looked fresh in design showcases, but it rarely made it into everyday websites. Its low-contrast style makes buttons and text hard to distinguish, which creates real accessibility problems, especially for people with low vision.
Weighing the eras
- Skeuomorphism: familiar and intuitive, but heavy and visually busy
- Flat design: clean, fast, and scalable, but sometimes unclear about what’s interactive
- Neumorphism: modern and tactile, but often fails accessibility standards
Today: designing for people and agents (2020s)
Today’s best websites borrow from all of these eras, with a new set of priorities:
- Clarity over trend. Bold typography, strong contrast, and obvious buttons, because people skim on phones.
- Accessibility as a baseline. Readable contrast, keyboard navigation, and screen reader support aren’t extras.
- Speed as a design decision. Every image, font, and script affects how fast a page loads, and fast pages rank and convert better.
- A new kind of visitor. AI assistants and agents now read websites to answer questions and complete tasks for people. They need clear structure, plain-language content, and machine-readable facts like hours, services, and prices.
In a way, the web has come full circle. The early web was built for reading and linking, and that’s exactly what AI systems do best. The sites that do well now pair modern visual design with the kind of clean, meaningful structure the web started with. That’s what we mean by agent-ready, and it’s how we approach every website we design.
What’s next
If history is a guide, the next era will be a reaction to this one, and it will be shaped by how people use technology. As more searching, comparing, and booking happens through AI, design will increasingly mean two things at once: an experience people enjoy, and a structure machines can understand. The businesses that get both right will be the easiest to find.
From the archive: first published in 2024. We keep older Field Notes online as a record of how search has evolved, and add updates where our thinking has changed.