WIRED UX Teardown: One Category Template, Three Different Jobs

WIRED's masthead offers seven sections, and three of them — Business, Science, Reviews — land on pages built from the same parts. Sticky masthead, held ad band, the section name set large and centred, a two-column hero, then a long stack of black-tabbed section rails. Open them in sequence and the shell never flinches.

What does change is the order of the rails, and the order is the whole story. Three pages that look identical are asking for three different things, and none of them says so.

Business puts four newsletters ahead of a single topic

Scroll past the hero on /category/business/ and the rails begin. The first four are not subjects. They're newsletter brands: Backchannel, AI Lab, Model Behavior, Made in China. Each heading is a link to /newsletter/exclusive/…, carrying sourceCode=Businesstagpage so the signup gets attributed back to this page.

Only at the fifth rail does the page start naming things a reader might have come for — Artificial Intelligence, Big Tech, Startups and Tech Culture, and on down through Transportation and Energy. The rail called Latest, the one holding today's business news in the order it happened, is fifteenth. If you arrived wanting that, it's 16,415 pixels down — a little over eighteen screens — behind four subscription pitches and ten evergreen subject buckets.

Nothing on the page is mislabelled. It's ordered for a reader who browses, on the URL people reach for when they want to catch up.

Science asks once, in the place nobody can miss

/category/science/ runs the same shell and makes the opposite trade.

Between the headline and the first story sits a single rule-bounded bar: a globe mark, The WIRED Science Newsletter: Our Guide to How the Universe Works, and a black SIGN UP NOW button — the only filled black button above the fold. Below it, the rails are subjects and nothing else. Health, Environment, Climate, Energy, Space, Physics and Math, Biotech, Psychology and Neuroscience, then Latest, ninth of nine.

Both pages want your email. Business spends four rails and several thousand pixels on the ask and pushes the news down to make room. Science spends about a hundred pixels, in the one horizontal band every single reader crosses, and then leaves the reader alone. The smaller ask is placed better, costs the page nothing, and doesn't reorder the content around itself.

It's also the version that survives a second visit. A pitch you scroll past once is furniture; four of them stacked between you and the feed are a toll.

Reviews has three names and no clock

The masthead item says REVIEWS. The address bar says /category/gear/. The headline says WIRED Reviews.

Three names for one destination is the visible edge of an old taxonomy that the nav and the headline moved past and the URL didn't. The label a reader clicked, the label they land on, and the label they'd copy into a message are three different words — the system's vocabulary and the reader's have come apart, which is the second heuristic on the list (NN/g) failing in the smallest way it can.

This is also the only category page with a dek, and the only one with a second nav row: FEATURED, then five shopping shortcuts — Best Google Pixel, Wi-Fi Routers, Kindle Accessories, Car Phone Mounts, Deals Delivered. The rails open with Gear News and Trends, Daily Deals, Coupons and Deals before reaching a product category. And across all sixteen of them there is no Latest rail at all.

That absence is the honest part. Business and Science both end in a date-ordered feed; a commerce page has no reason to send you to yesterday's prices, so it doesn't build one. Of the three pages, Reviews is the one whose structure matches its purpose exactly.

The homepage has no timestamps either

wired.com is a print front page rebuilt in a browser, and it keeps print's central habit: nothing on it is ordered by time. The top band splits into TODAY'S PICKS and TRENDING STORIES — one column ranked by editors, one by traffic, a single large lead story between them. The page is showing you two different theories of what matters and declining to pick.

Then the bands: a Reviews strip of buying guides, Subscriber Exclusives, three columns of section links set in body type with no images, The Big Story, a Special Sections carousel, WIRED Classics reaching into the archive, Videos. Seven and a half thousand pixels, four ad slots, and not one dateline.

The Reviews strip — affiliate buying guides — sits above Subscriber Exclusives, the paid product. On the magazine's own front page, commerce outranks the thing readers pay for, and nothing in the copy will tell you that. The layout is the only place the decision is recorded.

What this means for your product

Steal the move: put the ask in the band every user crosses, and let the content keep its order. The corollary is the one teams skip — when a section's job really is different, let the structure differ. Dropping Latest from Reviews is a better decision than keeping it for symmetry.

Steal the warning with it. /category/gear/ outlived the word gear in the nav and in the headline, and now one destination answers to three names. The rename is a morning's work on the day you decide to do it; the drift is permanent.

Rail order is the deeper trap, and it's waiting in anything list-shaped. Because the template is shared, the order reads as neutral, and people scan structure before they read labels (NN/g) — so the first rail is what the page is for, whatever the labels claim. Go look at yours. On most settings pages the first group is the one the team wanted surfaced, not the one users open, and nobody has re-read that order since the day it shipped.

Take it further

The lens behind this teardown — can a user tell what a page is for before they've read a word of it — is part of the UX Clarity framework, the same one we apply in a Full UX Audit. For how that scoring turns into prioritized fixes, read what a real UX audit looks like.

Sources: NN/g — Match Between the System and the Real World · NN/g — Visual Hierarchy.

Ready to find out what your layout is telling users that your copy isn't? Apply for a Full UX Audit →