When Design Trends Sabotage Comprehension
Design trends spread because they look current, not because they communicate, and several popular ones actively make pages harder to understand.
Fashion in clothing has an honest deal with its wearers: the point is to look current, and everyone knows it. Fashion in web design has the same mechanics but lies about the deal. Trends spread from portfolio site to portfolio site, from award galleries into product pages, and each adopter believes they’re improving their site. Sometimes they are. But a trend spreads because it looks current to other designers, not because it communicates better to strangers, and those two qualities come apart more often than anyone admits.
I want to be specific, because “trends are bad” is itself a lazy trend. Some fashionable patterns are harmless or good. The ones that worry me share a particular property: they trade comprehension for atmosphere, and the trade is invisible to the people making it because they already comprehend the page.
Take the oversized hero: a full-screen image or video with a few words floating on it. The atmosphere is undeniable. But on a laptop, a full-screen hero means the entire first screen contains maybe seven words, and on a phone it’s often fewer, partially obscured by the image behind them. The visitor’s five seconds of orientation get spent on a mood. If the seven words are superb, this can work. Usually they’re “Welcome” plus a tagline, and the page’s actual explanation of itself lives below a fold that a meaningful share of visitors never cross.
Or take scroll-triggered animation, where content fades and slides into view as you scroll. The intent is delight. The effect, for a first-time visitor, is that the page withholds information until it’s ceremonially revealed, at a pace the designer chose. Reading is fast; animation is slow; so animated reveal makes reading slower. Worse, if the JavaScript that drives the animation stumbles, the content sometimes never appears at all, and the elements sit at zero opacity forever. I’ve audited pages whose most important paragraphs were technically present in the HTML and invisible to every human. The site owners had no idea, because on their machines, in their browsers, the choreography played fine.
Low-contrast minimalism is a quieter offender. Pale gray text on white backgrounds photographs beautifully and reads terribly, especially outdoors, on dim screens, and for the enormous number of people whose vision is merely ordinary rather than perfect. The accessibility guidelines that specify minimum contrast ratios exist because at some point text stops being text and becomes texture. A page can be simultaneously minimal and legible, but the trend selects for how the page looks in a screenshot, and screenshots are viewed under ideal conditions by people who already know what the text says.
Then there’s the hamburger menu’s colonization of the desktop. On phones it’s a defensible compromise: space is scarce, so navigation folds into an icon. On a desktop screen with abundant horizontal space, hiding the navigation is a pure loss. Navigation labels are some of the most clarifying words on a site; “Pricing,” “Docs,” and “For agencies” tell a stranger what kind of thing they’re looking at before they’ve read a single sentence of body copy. Folding those words into an icon because it looks cleaner discards free orientation to gain empty space.
What unites these patterns is where they come from. Designers, understandably, look at other designers’ work, and the sites that circulate in design communities are judged as artifacts: screenshotted, admired, awarded. Nobody screenshots comprehension. A page that a confused plumber successfully understood does not win awards for that. So the selection pressure that shapes trends optimizes for the wrong audience, and the results flow downstream into product sites whose visitors are not designers and are not judging artifacts. They’re trying to find out whether this thing solves their problem, on a mid-range phone, in a hurry.
The defense against this isn’t rejecting aesthetics. Ugly sites have their own comprehension problems, and distrust is one of them. The defense is running every trendy choice through a single filter: does this help a stranger understand the page faster, hurt it, or leave it alone? Neutral is fine. Beautiful and neutral is great. It’s only the negative trades that need to be caught, and they can be caught, because comprehension is checkable in a way taste isn’t. Load the page cold, on a phone, and see what a first-time visitor actually sees before they scroll or wait. That’s the whole test. When I built GazeSite I made it look at pages exactly this way, screenshotting them as a stranger’s browser would render them, because the gap between how a page looks in the design file and how it reads in the wild is where these trends do their damage.
Trends will keep coming. Some future pattern is right now spreading through portfolios, and in two years it will be everywhere, and in five it will look dated. That cycle is fine; it’s how visual culture works. Just remember which deal you’re making. Your visitors never agreed to the fashion. They came to find out what your page says. Any trend that makes that harder is costing you exactly the people you built the page for.
More articles
Calling the same thing by the same name everywhere on your site is one of the cheapest clarity wins available.
Read →An anonymous testimonial is not weak evidence; it is evidence of nothing, because unverifiable praise costs nothing to fabricate.
Read →A meta description is not metadata for machines; it is the free ad Google runs for your page, and most people leave it blank.
Read →