Web
How UX clarity changes shape on Web — the patterns, constraints, and teardowns for the Web surface.
Web UX is the surface with the fewest excuses. No install, no app-store gate, no platform to blame — just a URL and whatever loads. That openness is the whole challenge: the same page has to work on a phone and a 27-inch monitor, survive a slow connection, and orient a visitor who arrived from a search result with no onboarding and no patience. Good web UX earns the next click before the back button wins.
What separates good web interfaces
Speed and clarity, in that order. A web interface that's beautiful but slow is just a slow interface; one that loads instantly but buries the primary action is a bounce. The strongest web UX puts the next step above the fold, lets the layout reflow without losing the thread, and treats every cross-sell and consent banner as a tax on attention to be spent carefully — not a blank space to fill.
This hub collects TYPENORM's UX teardowns and insights for the web surface — including screen-by-screen breakdowns like the Expedia teardown, where an entire booking funnel does its persuading inside the browser.
76 articles
Navigation Design
Zara UX Teardown: The Homepage That Doesn't Scroll
A UX teardown of Zara's public store: a homepage one screen tall, navigation reduced to grey hairlines, and a catalog that won't quote a price until you type into the search box.
TYPENORMLabs · 7 min · August 16, 2026
Interaction Design
Whimsical UX Teardown: Free Until You Share It
A UX teardown of Whimsical's product pages: a whiteboard that sells speed by removing the blank canvas, and a free plan that gives away unlimited private boards while capping shared ones at three.
TYPENORMLabs · 6 min · August 6, 2026
Research Methods
Writing Closed Questions in Research: Getting Answers You Can Count
A closed question fixes the answer set before anyone reads it, which is what makes it countable and what makes it fragile. The forms, the five ways the wording breaks, and how to pretest before you send.
TYPENORMLabs · 9 min · August 15, 2026
Interaction Design
What Is Human-Computer Interaction?
HCI is the research discipline the whole UX profession was built out of — where Fitts's law, usability heuristics and the desktop metaphor came from. What it studies, how it differs from UX, and which of its findings survive contact with a real product.
TYPENORMLabs · 9 min · August 3, 2026
Information Architecture
What Is a Taxonomy in Information Architecture?
A taxonomy is the agreed set of categories and labels a product files things under. What it is, how it differs from an ontology and a folksonomy, the three shapes it can take, and how to build one from card sorts instead of a whiteboard.
TYPENORMLabs · 7 min · July 31, 2026
UX Writing
Visily UX Teardown: Selling Design to People Who Don't Design
A UX teardown of Visily's product pages: how a text-to-UI tool wins non-designers by naming their exact fears — and the one place its own pricing contradicts the pitch.
TYPENORMLabs · 5 min · August 1, 2026
Information Architecture
UX Tools UX Teardown: A Table That Shows Its Sample Size and Still Misleads
A UX teardown of UX Tools' browse surfaces: it prints the sample size next to every number, which almost nobody does, then renders a rating from one response with the same weight as a rating from 1,603.
TYPENORMLabs · 6 min · August 3, 2026
Visual Hierarchy
User Interface Design: Principles & Patterns
The principles of user interface design aren't matters of taste. Each one traces back to something measurable about how people see, decide, and mis-click — including the two numbers WCAG will actually hand you.
TYPENORMLabs · 8 min · August 1, 2026
Product Insights
The Representativeness Heuristic in Design: Why the Most Convincing User Is the Least Likely One
Adding detail to a user story makes it feel more probable and makes it mathematically less probable. Where the representativeness heuristic distorts personas, sample sizes, and the judgments your users make about your interface — and the four checks that catch it.
TYPENORMLabs · 10 min · August 13, 2026
Research Methods
The Likert Scale: Design, Examples, and How to Read the Data
A Likert scale is cheap to write and easy to get wrong. How many points to use, whether to keep the neutral midpoint, why agree/disagree is the weakest format available, and what the numbers can honestly support.
TYPENORMLabs · 10 min · August 12, 2026
Research Methods
Sprig UX Teardown: What a Pricing Page Admits When It Has No Prices
A UX teardown of Sprig's marketing site: it names its features after the research stages they replace, answers the rigor objection before anyone raises it, and then removes every number from the pricing page.
TYPENORMLabs · 5 min · August 1, 2026
Information Architecture
Smashing Magazine UX Teardown: Putting the Byline Before the Headline
A UX teardown of Smashing Magazine's reading experience: it makes people visible where Medium and Substack show algorithms — and pays for it with a category page three years out of date.
TYPENORMLabs · 6 min · July 30, 2026
Research Methods
Running Focus Groups for UX Research: What They Answer and What They Wreck
Focus groups are the most misused method in UX. What a focus group can actually tell you, why group dynamics corrupt the data, and how to run one so the transcript is worth reading.
TYPENORMLabs · 9 min · August 14, 2026
Responsive Web Design Techniques
The techniques that replaced the media-query pile: clamp() for fluid type, intrinsic grids, container queries, and srcset for images. What each one is for, and the rule for choosing between them.
TYPENORMLabs · 8 min · August 19, 2026
Responsive Breakpoints: A Practical Guide
Bootstrap and Tailwind ship five breakpoints each and agree on exactly one. A practical guide to what breakpoints are, what the framework defaults contain, and how to find the two or three your own layout needs.
TYPENORMLabs · 6 min · July 30, 2026
UX Clarity
Page Flows UX Teardown: Every Thumbnail Has a Padlock On It
A UX teardown of Page Flows, a paid archive of other people's user flows. When the catalogue is the product, browsing it becomes a pricing decision — and the padlock badge is where that decision gets made.
TYPENORMLabs · 6 min · August 8, 2026
Visual Hierarchy
Nike UX Teardown: Two Storefronts Wearing One Logo
A UX teardown of Nike's public shop pages: one interface hides every price to manufacture desire, the next admits it has 16,794 products, and the seam between them is where the brand story stops working.
TYPENORMLabs · 6 min · August 15, 2026
Research Methods
Inductive Reasoning vs Deductive Reasoning in UX Research
One direction builds a theory out of what you observed; the other tests a claim you already hold. Which to run when, how they chain into a research plan, and the four ways teams collapse them into a study that can only agree with itself.
TYPENORMLabs · 9 min · August 6, 2026
Research Methods
Independent vs Dependent Variables Explained: What Is an Independent Variable?
The variable you change and the variable you measure — the naming trap that makes them easy to swap, how they show up in an A/B test, and why an experiment is usually broken at the point where its variables were defined.
TYPENORMLabs · 9 min · August 5, 2026
Visual Hierarchy
Iconography in UI Design: A Practical Guide
Most icons are less legible than the teams shipping them believe. What a usable icon set requires: labels, a drawing grid, three accessibility numbers with right answers, and a way to test recognition before launch.
TYPENORMLabs · 8 min · August 4, 2026
UX Clarity
Feedly UX Teardown: The Homepage Stopped Talking to Its Own Users
A UX teardown of Feedly: the RSS reader that outlived Google Reader now sells threat intelligence, and the reader survives as a sub-site reached by one button. What that costs the people still using it.
TYPENORMLabs · 6 min · August 7, 2026
UX Clarity
Dovetail UX Teardown: The Pricing Page Has One Number On It
A UX teardown of Dovetail, the research repository that has stopped calling itself one. Three public pages show a product mid-repositioning — and a pricing page where the only price is zero.
TYPENORMLabs · 7 min · August 12, 2026
Research Methods
Dependent Variables in UX Research: Choosing the Thing You Measure
The dependent variable is where a study decides what counts as better. How to pick one, how to operationalize it so two observers record the same number, and the four ways a badly chosen measure sends a team confidently in the wrong direction.
TYPENORMLabs · 8 min · August 7, 2026
Product Insights
Confirmation Bias in UX Design: How Teams Prove What They Already Decided
Confirmation bias doesn't arrive during analysis. It's already in the screener, the task wording, and the question the team agreed to ask. Where it enters a UX process, why the readout is where it hardens, and the countermeasures that actually cost something.
TYPENORMLabs · 9 min · August 12, 2026
Visual Hierarchy
Choosing Between Different Fonts: A Typography Guide
A typeface gets picked once and every screen after that inherits it. The measurable part of the choice: legibility properties, four WCAG numbers, and what the file costs on load.
TYPENORMLabs · 9 min · August 2, 2026
Data Visualization
Baymard UX Teardown: Selling Evidence to People Who Audit Evidence
A UX teardown of Baymard's marketing site: the number lands before the promise, one screenshot does the work the headline can't, and the public benchmark gives away the distribution while charging for the values.
TYPENORMLabs · 5 min · August 2, 2026
UX Clarity
Banani UX Teardown: Selling Generation, Charging for the Exit
A UX teardown of Banani's marketing pages: the fold shows a prompt and finished screens in one frame, the pricing page sells the way out separately, and a logo wall makes a claim its own caption refuses to.
TYPENORMLabs · 5 min · July 31, 2026
Accessibility
ARIA Labels — A Practical Accessibility Guide
An ARIA label gives a control an accessible name a screen reader can announce. When you actually need one, how aria-label differs from aria-labelledby, and the mistakes that make things worse.
TYPENORMLabs · 7 min · July 23, 2026
Information Architecture
UX Collective UX Teardown: Building the Biggest Design Publication on Rented Land
A UX teardown of UX Collective: the largest independent design publication runs entirely on Medium, and every page is shaped by owning the taste but not the platform. How the read flow races Medium for the reader — and the one tab that wins.
TYPENORMLabs · 5 min · July 24, 2026
Research Methods
Usability Testing — A Step-by-Step Guide
How to run a usability test end to end: framing the question, picking moderated or unmoderated, recruiting five people, writing tasks that don't lead, and turning what you watched into a ranked list of fixes.
TYPENORMLabs · 8 min · July 29, 2026
Accessibility
Skip Navigation Links for Accessibility
A skip navigation link lets a keyboard user jump past the nav straight to the content. Four lines of markup, and almost every implementation gets the CSS or the focus wrong.
TYPENORMLabs · 7 min · July 25, 2026
Information Architecture
Nielsen Norman Group UX Teardown: The Oldest Funnel in UX, Run in Plain Sight
A UX teardown of Nielsen Norman Group's site: how the firm that made usability a profession turns a free article library into five- and six-figure consulting — three tiers of the same authority, priced for three different buyers.
TYPENORMLabs · 5 min · July 24, 2026
Interaction Design
Motiff UX Teardown: A Sales Page With a Shutdown Notice on Top
A UX teardown of Motiff's site: a red bar announcing the product has been discontinued, sitting above a page that still sells a $16/month plan — and what the pages underneath reveal about a design editor that reduced itself to a single prompt box.
TYPENORMLabs · 6 min · July 28, 2026
UX Audit
What Is a Content Audit? How to Run One, Step by Step
A content audit is a structured review of every page you own — inventory, score, decide. Here's what a content audit is, the step-by-step process, and how to decide what to keep, revise, merge, or delete.
TYPENORMLabs · 8 min · July 24, 2026
UX Clarity
Hotjar UX Teardown: A Funnel That Hands You to Someone Else
A UX teardown of Hotjar's public funnel after the Contentsquare acquisition: three pages that spend their best real estate explaining an ownership change, and what that costs the visitor who came to buy a heatmap.
TYPENORMLabs · 5 min · July 29, 2026
Glassmorphism — The UI Trend Explained
Glassmorphism is one CSS property and a pile of hierarchy problems. What the frosted-glass look actually does to legibility, why neumorphism died of the same cause, and where it earns its place.
TYPENORMLabs · 8 min · July 28, 2026
Information Architecture
Flipboard UX Teardown: A Magazine You Can Look At But Can't Flip
A UX teardown of Flipboard's web surfaces: the magazine metaphor, the SEO-shaped topic feeds, and a homepage that shows you the whole social reader to take one login for it. How the flip became bait.
TYPENORMLabs · 5 min · July 25, 2026
What Is A/B Testing? A Plain-English Explainer
What is A/B testing, explained without the jargon: you show two versions to two random halves of your audience and let the numbers pick the winner. How it works, a real example, and where it stops being useful.
TYPENORMLabs · 6 min · July 15, 2026
Interaction Design
UXPin UX Teardown: Selling a Mechanism You Can't Photograph
A UX teardown of UXPin's product pages: it leads with the mechanism — code-backed components — instead of the outcome, and pays for it every time the differentiator refuses to show up in a screenshot.
TYPENORMLabs · 5 min · July 17, 2026
Information Architecture
Useberry UX Teardown: How an All-in-One Tool Sells Breadth Without Overwhelming You
A UX teardown of Useberry's product pages: how it sells a dozen research methods to non-researchers by turning breadth into 'building blocks' — and the one place the responses-per-month meter quietly changes what you're buying.
TYPENORMLabs · 5 min · July 15, 2026
Interaction Design
Uizard UX Teardown: The Pitch Is Aimed One Seat Over
A UX teardown of Uizard's product pages: how a text-to-UI tool quietly aims its whole pitch at people who aren't designers, and what its free tier, its metering, and its wall of testimonials give that away.
TYPENORMLabs · 5 min · July 15, 2026
Interaction Design
Typeform UX Teardown: Selling Completion, One Question at a Time
A UX teardown of Typeform's product pages: the whole business rests on asking one question at a time, yet the pages sell the outcome — finished forms, more data — and bury the mechanic that earns it.
TYPENORMLabs · 5 min · July 8, 2026
UX Writing
Tone Words: How to Set Tone in UX Writing
Tone words turn a vague brand voice like 'friendly but professional' into decisions a UX writer can act on — how to choose them, define them by their opposites, and shift tone by context.
TYPENORMLabs · 6 min · July 2, 2026
The Dunning Kruger Effect, Explained: Why Confidence Outruns Competence
The Dunning Kruger effect, explained without the cartoon curve: what the 1999 study actually found, why the popular 'Mount Stupid' version is wrong, and how the bias quietly warps UX research and design decisions.
TYPENORMLabs · 6 min · July 4, 2026
SurveyMonkey UX Teardown: When the Numbers Replace the Interface
A UX teardown of SurveyMonkey's public pages: every claim arrives as a count — 260K organizations, 335M panelists, 634,000 uses — and the product itself never appears. What that buys, and what it costs.
TYPENORMLabs · 5 min · July 22, 2026
Skeuomorphism vs Flat Design: Which One Should Your Interface Use?
Skeuomorphism vs flat design, settled by the only question that matters: does the visual style help a user tell what's clickable? The trade-offs, the history, and where each one still wins.
TYPENORMLabs · 7 min · July 11, 2026
Responsive Design — The Complete Guide
What responsive design actually is, the three mechanics behind it, how to choose breakpoints from content instead of devices, and the modern techniques (clamp, container queries) that replace the old media-query pile.
TYPENORMLabs · 9 min · July 8, 2026
Interaction Design
Relume UX Teardown: Selling Automation to People Who Fear It
A UX teardown of Relume's product pages: how an AI website builder sells generation to designers by naming their fear in the subhead and proving the output is an editable draft, not a replacement.
TYPENORMLabs · 5 min · July 9, 2026
UX Clarity
Qualtrics UX Teardown: The Page That Won't Name a Price
A UX teardown of Qualtrics' public pages: no free tier, no editor, no price. The whole survey category leads with sign-up-free; Qualtrics leads with a category claim and a Request demo button. What that calibration buys, and who it deliberately strands.
TYPENORMLabs · 6 min · July 23, 2026
UX Writing
Optimal Workshop UX Teardown: Renting a Famous Name to Sell Card Sorting
A UX teardown of Optimal Workshop's product pages: how a decade-old specialist research toolkit repositions for non-researchers by borrowing famous brands' credibility — and the one number in pricing that reveals what you're really buying.
TYPENORMLabs · 5 min · July 16, 2026
Interaction Design
Moqups UX Teardown: Selling the Category, Not the Feature
A UX teardown of Moqups' marketing flow: it leads with three product verbs and 'your whole team' to sell consolidation instead of capability — and the pricing page quietly shows what that breadth is really for.
TYPENORMLabs · 5 min · July 2, 2026
Interaction Design
Micro-Interactions — Small Details, Big Impact
A micro-interaction is the smallest useful unit of a product — one trigger, one job, and feedback that proves both happened. Here's the anatomy, the four places they earn their keep, and how to keep them accessible.
TYPENORMLabs · 6 min · July 18, 2026
Navigation Design
Mega Menus — When and How to Use Them
A mega menu shows a site's whole structure in one panel. Here's when a mega menu earns that space, when a plain dropdown wins, and how to build one that's fast, scannable, and accessible.
TYPENORMLabs · 6 min · July 15, 2026
Interaction Design
Maze UX Teardown: Selling a Researcher's Craft as a Self-Serve Loop
A UX teardown of Maze's product pages: how it makes user research feel runnable by anyone — by showing the whole recruit-research-analyze loop as one interface — and the one place that compression quietly costs something.
TYPENORMLabs · 5 min · July 4, 2026
UX Clarity
Lyssna UX Teardown: The Unit of Measure Nobody Introduced
A UX teardown of Lyssna's marketing pages: the pricing splits on a unit — in-depth studies — that none of the pages leading up to it ever bother to define.
TYPENORMLabs · 5 min · July 18, 2026
Interaction Design
Lucidchart UX Teardown: Selling the Layer Above the Canvas
A UX teardown of Lucidchart's product flow: it leads with 'intelligence' instead of the drawing, treats wireframing as a job it absorbs, and lets the pricing page re-anchor you from a smart canvas to a team subscription.
TYPENORMLabs · 5 min · July 3, 2026
Interaction Design
Flowstep UX Teardown: The Whole Pitch Hides in One Word
A UX teardown of Flowstep's product pages: how a text-to-UI generator carries its entire reassurance in the word 'real,' and what its pages lean on when there's no feature list to point at.
TYPENORMLabs · 5 min · July 11, 2026
Interaction Design
Excalidraw UX Teardown: The Tool That Works Before It Asks
A UX teardown of Excalidraw: a whiteboard with no homepage that drops you straight onto a working canvas — friction removed to the limit, the rough line as a permission slip, and the one place that same openness leaves a newcomer stranded.
TYPENORMLabs · 5 min · July 1, 2026
Information Architecture
Designing Intranet Information Architecture
An intranet fails when nobody can find anything. A practical guide to intranet information architecture — how to structure, label, and navigate the internal site so people stop emailing each other for links.
TYPENORMLabs · 7 min · June 28, 2026
Design Thinking: A Complete Guide
What design thinking actually is, the five stages and why they aren't a checklist, the difference between the mindset and the process, and where teams get it wrong.
TYPENORMLabs · 10 min · July 9, 2026
UX Writing
Defining Your Product's Tone of Voice
Voice is who your product is; tone of voice is how it sounds in the moment. Here's how to define a tone of voice your whole team can apply — the dimensions, the map, and the one test that keeps it honest.
TYPENORMLabs · 6 min · July 17, 2026
Complementary Colors & Color Schemes: A UI Designer's Guide
Complementary colors and the color schemes that build on them — split-complementary, analogous, triadic — read as UI decisions, not art theory: which one to reach for, and the contrast rule that overrules them all.
TYPENORMLabs · 6 min · July 2, 2026
Color Theory for UI Designers: A Working Guide
Color theory for UI designers, minus the art-school detour: how the color wheel, harmony rules, and the 60-30-10 split turn into a palette that carries hierarchy and passes contrast.
TYPENORMLabs · 6 min · July 1, 2026
Navigation Design
Breadcrumb Navigation — Patterns & Best Practices
Breadcrumbs show a user where they are and how they got there. Here are the three breadcrumb patterns, when each earns its place, and the accessibility and SEO details most teams miss.
TYPENORMLabs · 6 min · July 16, 2026
Interaction Design
Axure UX Teardown: Selling Depth in a Market That Sells Speed
A UX teardown of Axure's product pages: an incumbent defends fidelity over speed by leading with the real editor — then quietly opens a no-license front door into the easy category the new tools own.
TYPENORMLabs · 5 min · June 28, 2026
UX Clarity
Attention Insight UX Teardown: Selling a Prediction as Evidence
A UX teardown of Attention Insight's product pages: how a predictive eye-tracking tool wins trust for a number nobody can verify by reframing an AI guess as the data you bring to a design defense.
TYPENORMLabs · 5 min · July 10, 2026
AB Testing: The Complete Guide
What A/B testing actually is, how a controlled test works, the sample-size and significance math most teams skip, what's worth testing, and the mistakes that quietly invalidate results.
TYPENORMLabs · 9 min · July 8, 2026
Interaction Design
YouTube UX Teardown: Watch First, Sign In Last
A UX teardown of YouTube's logged-out funnel: an empty homepage that withholds the grid, a watch page built to keep you moving, and a sign-in wall that only appears when you reach for belonging — not when you reach to watch.
TYPENORMLabs · 5 min · June 24, 2026
UI vs UX: What's the Difference in UI/UX Design?
UI is what a screen looks like; UX is whether it works for the person using it. A plain-English breakdown of UI vs UX — and why pairing them as 'UI/UX design' hides where most products actually break.
TYPENORMLabs · 6 min · June 25, 2026
Interaction Design
Stripe UX Teardown: Selling a Platform by Showing the Interface
A UX teardown of Stripe's product pages: every page leads with a working interface instead of a feature list — recognition over recall, and the one place the consistency has a cost.
TYPENORMLabs · 5 min · June 20, 2026
Interaction Design
Spotify UX Teardown: When the Homepage Is the Product
A UX teardown of Spotify's logged-out web experience: the homepage is the player itself, search doubles as a browse grid, and the Premium ask waits until browsing has earned it — discovery-first design with one honest cost.
TYPENORMLabs · 5 min · June 22, 2026
Interaction Design
Slack UX Teardown: Selling the Room, Not the Tool
A UX teardown of Slack's product pages: every page shows the workspace in use instead of listing features — selling a habit, not a screen — plus the one reader the technique can't reach.
TYPENORMLabs · 5 min · June 23, 2026
Data Visualization
Designing an Effective Product Analytics Dashboard
Most analytics dashboards show everything and answer nothing. How to design a product analytics dashboard that leads with one question, ranks metrics by the decision they drive, and earns the screen space it takes.
TYPENORMLabs · 6 min · June 26, 2026
Interaction Design
Delta UX Teardown: The Search Box Is the Whole Product
A UX teardown of Delta's booking flow: the fare-search widget rides every surface, front-loads a fare-class decision before you've seen a price, and uses a route map and SkyMiles to keep the booking off the aggregators.
TYPENORMLabs · 5 min · June 22, 2026
Interaction Design
Apple UX Teardown: Leading With the Object, Not the Spec Sheet
A UX teardown of Apple's product pages: every page leads with the object and defers the spec sheet, ending at a compare tool that does the deciding — plus the one cost of a homepage where everything is a hero.
TYPENORMLabs · 5 min · June 20, 2026
UX Clarity
The Beginner's Guide to UX (User Experience Basics)
User experience basics for beginners: what UX actually is, how it differs from UI, the parts of the process that matter, and how to start practicing it on real work this week.
TYPENORMLabs · 8 min · June 22, 2026