Best Buy UX Teardown: A Shortlist You Can't Take Home
A UX teardown of Best Buy's signed-out headphone search: facets that cut 449 results to 6 in two clicks, a store location the shopper never chose, a shortlist where every visible card is unavailable, and one Add to cart button on the page, for a $399.99 sponsored pair.
On the first results page for "noise cancelling headphones", the Get it fast box in the left rail reads "Shipping · Get it today 55423". One click later, after picking the Sony brand filter, the same box reads "Pickup · Ready today, Hato Rey & nearby stores" and "Shipping · Get it today 00820". The header, which said "Find a store" a moment ago, now says "Your store: Hato Rey". Nobody typed an address in this session. Best Buy picked the store, and it picked one in Puerto Rico.
From that click on, nearly every card in the results says unavailable.
Deals storefront entry
Best Buy opens with a campaign-led deals hub, category shortcuts, global search, and a signed-out value prompt.
Eleven screens from one signed-out visit: the deals homepage, a search, two filters, a sort, then one product page read top to bottom. The capture stops before Add to cart, Compare and Choose Pickup Location.
Two clicks from 449 to 6
The search side is fast, and none of it needs fixing. Typing the query opens a two-pane typeahead, completions on the left (the bare query, a version scoped to Over-Ear Headphones, wireless, wired, refurbished and six brand names) and five product rows on the right. All five rows are the same Beats Studio Pro in five colours, each with the same 15,745 reviews, so the preview pane shows one product five times.
Submitting the query lands on 449 results. A sponsored Shokz strip sits above the count, then a row of brand tiles, then a row of quick-filter chips (On Sale, Over-the-Ear, In-Ear, Bluetooth, Wireless, Water Resistant, Bose, Sony and more) with Sort by: Best Match at the right. The left rail has the full facet list.
Pick Sony and the count drops to 36. The Sony chip turns into "Sony ×", the rail's Category list recounts from 15 entries to 5, and the facet goes into the URL, so the state survives a reload or a shared link. Add the $150–$199.99 price band and the count is 6, with a second removable chip beside the first (NN/g on filters and facets). The sort menu offers six orders, and Price Low to High re-sorts the six in place without dropping either chip.
The store you didn't choose
The Sony-filtered grid is where the location changes.

Four cards are visible. Under the first two, an ULT WEAR at $148.00 and a WH-1000XM5 at $298.00, two lines read "Pickup unavailable" and "Shipping unavailable", and the blue button beneath each says Find a Store. The other two cards skip the lines and show a grey Unavailable button. The only statement of where "unavailable" applies is the small Hato Rey link in the left rail and the header.
That's a system status problem (NN/g on visibility of system status). The page does report its state, but it reports the consequence on every card and the cause in two small labels, and it never says the location was set for you. A shopper in Ohio, or anywhere else Best Buy ships, reads four headphones they can't have. The capture doesn't show why Best Buy chose Hato Rey.
Refining only concentrates it. At six results, the four cards above the fold are all unavailable: two with the grey button, two with Find a Store over two "unavailable" lines. After Price Low to High, the four visible cards are still all unavailable. An Exclude Out of Stock Items checkbox sits in the rail, unticked, so every refinement keeps the cards nobody can buy.
The price that moved
The fourth Sony card on that grid is the WH-CH720N. It shows $129.99, a green "Save $48.01" and "Comp. Value: $178.00".
Less than a minute later in the session, its product page shows $178.00, with no saving and no comparison line, next to a Zip offer of four payments of $44.50. When the price band was applied a few minutes after that, the same card sat in the $150–$199.99 results at $178.00. The grid and the product page disagreed by $48.01 inside one minute, and nothing on either page mentioned it. Whether the store change caused it, or a deal ended, the capture doesn't show.
One Add to cart on the page
The product page opens on gallery, title, model and SKU, rating, an AI-generated "Customers are saying" paragraph, colour swatches, and a price panel on the right.

The Availability section has two tiles, "Pickup: Unavailable" and "Shipping: Unavailable to 00820", then "Unavailable at Hato Rey". The primary button, blue and full width, is Choose Pickup Location. Nothing visible in the panel says that a different ZIP might make shipping available, or offers a field to enter one. Trying another outcome means pressing Choose Pickup Location.
Scroll to the reviews and the right column has a Related Item card, marked Sponsored: Bose QuietComfort Ultra (2nd Gen), $399.99, down from $449.00, with a yellow Add to cart button. It's the only Add to cart visible anywhere in the product evaluation. The shopper who set a $199.99 ceiling two filters ago can't buy the $178 pair and is offered one at $399.99 with a single click.
Reviews that show their complaints
The review block is the strongest part of the page. It opens on 4.6 from 1,936 reviews, a bar chart per star level (1,486 five-star, 37 one-star) and "94% would recommend to a friend". Next to it, the same AI summary as the top of the page, this time in full. It ends on the drawbacks: not very compact for travel, bass and maximum volume below what some wanted.
Under the summary, topic chips carry counts. Four are green with ticks: Sound Quality (1300), Comfort (478), Battery Life (321), Weight (115). Three are grey with minus signs: Bass (16), Volume (11), Portability (8). The chips put numbers on the summary's caveats, so a shopper can see that 16 reviews mention bass against 1,300 praising the sound (NN/g on social proof). A disclosure under the chips says some reviewers may get discounted products or entries into drawings.
A "See all specifications" link opens a side sheet that keeps the page dimmed behind it, starting with sixteen Key Specs rows (battery life 35 hours, charge time 3.5 hours, over-the-ear fit) before the General group.
What to fix first
A location the shopper didn't set decides what every card says, and the site words the result as a verdict on the product. Three changes, cheapest first. Say the store was chosen automatically and put a change-location control next to the first "unavailable" line. Lift Exclude Out of Stock Items out of the rail and into the chip row when most of a page is unavailable. And when the main product can't be bought, give it a ZIP field next to the shipping tile before offering a sponsored pair at twice the price with one click.
Take it further
We read Best Buy through the UX Clarity framework, the same lens as our Full UX Audit. The question this time: does the page tell the shopper which of its facts come from their own choices and which come from the site's guesses? For how that becomes a ranked list of fixes, read what a real UX audit looks like.
Capture notes: eleven screens from one signed-out visit to Best Buy's United States site on 25 September 2026, at 1440×900, in US English with prices in US dollars. The first results page showed ZIP 55423; from the Sony filter onward the site used Hato Rey, Puerto Rico, ZIP 00820, and no address was entered at any point. The deals URL in the capture brief returned Best Buy's Page Not Found, so the visit began at the homepage. The price-band, sort and sorted screens were captured a few minutes after the product page and are shown in journey order. Prices, deals, stock, sponsored placements and review counts were true that day and will change. The visit stopped before Add to cart, Compare, Save, Choose Pickup Location, sign-in and checkout. Best Buy's homepage landing was outside this capture.
Sources: NN/g — Filters vs. Facets · NN/g — Visibility of System Status · NN/g — Social Proof in UX.
Want to know which of your product pages decide things for your shoppers without saying so? Apply for a Full UX Audit →
Related
Design Principles & Laws
Gestalt Principles in UI Design: Which One Wins When Two Disagree
The gestalt principles describe how people group what they see: proximity, similarity, common region, closure, continuity, figure-ground, common fate. On a real screen several apply at once, and the layout bugs come from two of them giving different answers.
TYPENORMLabs · 10 min · September 30, 2026
Accessibility
WCAG 2.2: What Changed and What It Means
WCAG 2.2 added nine success criteria and removed one. What each new criterion asks for, which ones count toward AA, what stayed the same on contrast, and how to update a 2.1 audit.
TYPENORMLabs · 9 min · September 23, 2026
Visual Hierarchy
Visual Design Principles for Product Teams: A Check for Each One
Visual design principles are hierarchy, contrast, proximity, alignment, repetition, scale, and whitespace. For a product team they are most useful as checks you can run on a screenshot in a review, so a disagreement about a screen ends with a measurement instead of a vote.
TYPENORMLabs · 9 min · September 29, 2026