Web

Trust & Safety

Walmart UX Teardown: A Deals Path That Ends on a Price With Nothing Beside It

A UX teardown of Walmart's signed-out deals flow: a savings hub and an under-$50 tech filter that lead to a $39.99 game with no reference price, a third-party seller named at the bottom of the buy box, and review filters that take 150 ratings down to three verified four-star reviews.

TYPENORMLabs · 6 min · October 3, 2026

Product Insights

The Business Model Canvas for Product Teams

What the business model canvas is, its nine blocks and where a product team finds the evidence for each, how to trace a product change across the canvas, and how it relates to the Lean Canvas and the Value Proposition Canvas.

TYPENORMLabs · 8 min · October 1, 2026

Information Architecture

Prime Video UX Teardown: One Yellow Bag for Three Different Bills

A UX teardown of Prime Video's signed-out browse flow: rankings and Most Liked labels get a white tag on every tile, while the cost of watching gets one small yellow bag that means Prime, Paramount+ or a rental, and a Free to me filter that comes back empty without saying why.

TYPENORMLabs · 5 min · October 6, 2026

UX Psychology & Biases

Maslows Hierarchy of Needs in Product Design

Maslow's hierarchy of needs as he actually wrote it in 1943, where the pyramid came from (not Maslow), what later research kept and dropped, and how product teams use the model: Aarron Walter's hierarchy of user needs, a level-by-level product review, and the motivation models that fit product work better.

TYPENORMLabs · 8 min · October 2, 2026

UX Writing

HBO Max UX Teardown: The R$22.90 Headline Is an Annual Price

A UX teardown of HBO Max's signed-out browse flow in Brazil: the catalog is easy to evaluate without an account, but the 'plans from R$22.90/month' line on both catalog heroes is the twelve-installment annual price, and the monthly price only appears after a toggle at the bottom of a title page.

TYPENORMLabs · 5 min · October 7, 2026

Navigation Design

The Guardian UX Teardown: Color-Coded Stories and a $12 Ask at Both Ends of the Visit

A UX teardown of The Guardian's signed-out reading flow: kicker colors that follow the type of story, a $12 reader-support ask above every page we opened, and a header where the only visible 'Search' is a jobs link.

TYPENORMLabs · 6 min · October 1, 2026

UX Psychology & Biases

Functional Fixedness in Design: The Candle Problem, Your Users, and Your Team

Functional fixedness is the habit of seeing an object only as the thing it was introduced as. Where it came from (Duncker's candle problem), how it hides features from the people using a product, how it narrows what a design team sketches, and the one technique with evidence for loosening it.

TYPENORMLabs · 8 min · September 26, 2026

UX Writing

FigJam UX Teardown: A Wireframe Kit Page That Never Says Which Editor It Opens In

A UX teardown of the signed-out path from FigJam's page into Figma's template gallery and Wireframe Kits page: twelve menu entries with no product labels, three different start buttons on one page, and ten screens in which the word FigJam never appears.

TYPENORMLabs · 5 min · October 5, 2026

Research Methods

Cross Sectional Study vs Longitudinal Study: Choosing by the Question

A cross sectional study measures many people once; a longitudinal study measures the same people more than once. Which one you need depends on whether your question is about how things are or how they change — with UX examples, the traps in each, and a decision rule.

TYPENORMLabs · 9 min · October 6, 2026

Research Methods

Confounding Variables in UX Experiments

A confounding variable is a third factor tied to both the thing you changed and the result you measured, so it distorts the difference you see between groups. Where confounders hide in UX experiments, launches and usability tests, and the designs that remove them.

TYPENORMLabs · 9 min · October 7, 2026

Accessibility

Using a Color Contrast Checker to Meet WCAG AA

How the WCAG contrast ratio is calculated, which thresholds apply to text, large text and UI components at AA, and the cases a color contrast checker can't see on its own: transparency, text on images, hover states and dark mode.

TYPENORMLabs · 8 min · October 3, 2026

Visual Hierarchy

The Atlantic UX Teardown: Two Red Buttons and No Price in View

A UX teardown of The Atlantic's signed-out reading flow: section fronts that open below a fixed advertising band, a 665-pixel reading column, and a subscription gate that offers two equal red buttons without a price in view.

TYPENORMLabs · 6 min · October 2, 2026

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

Product Insights

What Is a SWOT Analysis? Using It for Product Decisions

What a SWOT analysis is, how to run one for a product decision rather than a whole company, a worked example for a feature bet, the TOWS step that turns the grid into options, and where the method misleads.

TYPENORMLabs · 8 min · September 25, 2026

UX Deliverables

What Is a Mood Board? The Decisions It Settles in a Design Project

A mood board is a collection of images, color, type, and texture used to agree on how a product should look and feel before anyone designs screens. The five decisions it can settle, what it can't, how it differs from a style tile, and how to finish one with a written decision.

TYPENORMLabs · 7 min · September 28, 2026

UX Writing

Duolingo UX Teardown: A Free Trial With a Charge Day and No Price

A UX teardown of Duolingo's signed-out web path from course catalog to Super: a research hub with no sign-up button, a plan table with no prices, and a trial timeline that names the day you're charged but not the amount.

TYPENORMLabs · 5 min · September 30, 2026

Interaction Design

DoorDash UX Teardown: Stay Tuned, in Times Square

A UX teardown of DoorDash's signed-out web order flow, from the city directory to the pickup cart: an address that returns a launching-soon message in Manhattan, a pickup map that finds the restaurants delivery couldn't, and a cart that puts Continue above the order it confirms.

TYPENORMLabs · 7 min · September 25, 2026

Design Systems

Design Systems: Where to Start

How to start a design system in a product that already ships: what to audit first, which tokens and components come before the rest, how much documentation you need on day one, and which tools to pick.

TYPENORMLabs · 9 min · September 24, 2026

AI Interaction

ChatGPT UX Teardown: A Model Menu That Opens a Login Card

A UX teardown of ChatGPT's logged-out web chat: a composer you can use with no account, a plus menu that marks locked tools where you look for them, and a ChatGPT dropdown that opens a login card instead of options.

TYPENORMLabs · 5 min · September 29, 2026

Feedback & System Status

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.

TYPENORMLabs · 6 min · September 28, 2026

Information Architecture

1Password UX Teardown: Three Pricing Tabs, Three Ways to Count

A UX teardown of 1Password's signed-out path from Features to pricing: one tab bar that switches between a per-month promo, a flat price set beside a per-user one, and a page with no prices at all, with the billing toggle renamed along the way.

TYPENORMLabs · 5 min · September 24, 2026

Interaction Design

TechCrunch UX Teardown: The Reading Mode That Drops the Date

A UX teardown of TechCrunch's read flow: one switch turns the feed into a dense scan queue and carries the preference into the next section — then removes the timestamp and the content type the returning reader came for.

TYPENORMLabs · 5 min · September 10, 2026

UX Writing

Sentence Case vs Title Case in UI: What the Major Design Systems Actually Do

Sentence case has become the default across Microsoft, GOV.UK and Material 3, while Apple still capitalises its buttons. A look at what each convention specifies, why title case is expensive to enforce, and how to write the rule so a team stops re-deciding it.

TYPENORMLabs · 7 min · September 10, 2026

Information Architecture

Reuters UX Teardown: A Search That Sorts Like a Wire

A UX teardown of Reuters' signed-out read flow: dependable section fronts, an article page that gives the reader its figures early, and a search that ranks 14,934 matches by the clock, then leaves a Business story at the top of a Technology filter.

TYPENORMLabs · 5 min · September 11, 2026

Information Architecture

Mobbin UX Teardown: The Answer Is Always One Click Down

A UX teardown of Mobbin's signed-out browse flow: a platform switcher that leaves the model alone, a topic that gets three names in three hops, and a flow gallery that hides the one annotation worth paying for.

TYPENORMLabs · 7 min · September 14, 2026

UX Clarity

Magic Patterns UX Teardown: Pricing in a Unit the Product Page Never Uses

A UX teardown of Magic Patterns' signed-out evaluation flow: a hero prototype drawn in grey boxes, the fullest product description filed inside a closed FAQ, plans priced in credits, and a design-system promise that reappears on the Enterprise card.

TYPENORMLabs · 6 min · September 17, 2026

Interaction Design

Login Page Design Patterns: What to Choose and What Each One Costs

Password, magic link, one-time code and federated sign-in are four different bets about what your users can remember. A walk through the four login page patterns, the field-level decisions inside each, and the WCAG 2.2 rule that now rules some of them out.

TYPENORMLabs · 9 min · September 11, 2026

UX Audit

Heuristic Evaluation: A Practical Walkthrough

How to run a heuristic evaluation that produces fixes instead of a checklist: independent passes before any group discussion, severity rated on what a problem costs, and the three habits that turn the method into theatre.

TYPENORMLabs · 9 min · September 12, 2026

Information Architecture

Axios UX Teardown: Read Time Everywhere Except the Front Page

A UX teardown of Axios' signed-out read flow: search results priced to the minute, section fronts that give their lead story nothing but a headline and a face, and a newsletter gate that states its price out loud.

TYPENORMLabs · 5 min · September 12, 2026

Accessibility

Accessibility Heuristics: Auditing Beyond the Checklist

A WCAG scan can come back clean on a flow nobody can finish with a keyboard. Seven accessibility heuristics for the barriers success criteria pass over, and how to run them as a review.

TYPENORMLabs · 10 min · September 14, 2026

Research Methods

What Is a Control Group?

What a control group is, how it differs from the experimental group and from a control variable, and how to set one up for a UX experiment or A/B test without quietly breaking it.

TYPENORMLabs · 7 min · September 21, 2026

Information Architecture

Stripe Docs UX Teardown: Everything Is Executable Until the Lights Go Out

A UX teardown of Stripe's signed-out documentation flow: a sandbox key in the hero, an AI block that buries the code example, a sample that breaks its own rule on line 5, and an API reference that changes every rule without saying so.

TYPENORMLabs · 6 min · September 20, 2026

Research Methods

Stratified Sampling in UX Research

How stratified sampling works in UX surveys: choosing strata, proportional vs disproportionate allocation, weighting results back, and when quota sampling is the honest name for what you did.

TYPENORMLabs · 7 min · September 18, 2026

Navigation Design

Quick Links: Designing Shortcut Navigation

A quick links module is a shortcut to the handful of destinations people actually came for. How to choose what goes in it, how many slots to give it, where it sits, and when to take it away.

TYPENORMLabs · 8 min · September 20, 2026

Information Architecture

GitHub UX Teardown: Search to Source File in Five Screens

A UX teardown of GitHub's signed-out repository browse flow: an exact repository name that still returns 4.8k results, a latest-commit row at every level of the tree, a folder listed twice, and an edit button on a generated file.

TYPENORMLabs · 5 min · September 19, 2026

Interaction Design

Etsy UX Teardown: Five Stars That Belong to the Shop

A UX teardown of Etsy's signed-out search flow: one chip row that holds applied and suggested filters side by side, a result count that doesn't move when you filter, and a five-star card for a mug nobody has reviewed yet, sitting second under Top reviews.

TYPENORMLabs · 6 min · September 21, 2026

Interaction Design

Airbnb UX Teardown: A Header That Forgets the Trip

A UX teardown of Airbnb's signed-out search flow: a filter button that counts homes before you commit, one all-fees price carried from histogram to Reserve, hotels at the top of a Homes search, and a header that forgets the trip on the listing page.

TYPENORMLabs · 6 min · September 18, 2026

Information Architecture

Wireframing: From Lo-Fi to Hi-Fi (and What Each Wireframe Is For)

Fidelity isn't a quality ladder you climb. What a wireframe is supposed to settle, what lo-fi, mid-fi, and hi-fi each buy you, when a mood board is the right artifact instead, and the failure mode that costs teams a sprint.

TYPENORMLabs · 8 min · September 5, 2026

Information Architecture

WIRED UX Teardown: One Category Template, Three Different Jobs

A UX teardown of WIRED's category pages: the same template runs Business, Science and Reviews, and what each one puts in its first rail gives away what the section is actually for.

TYPENORMLabs · 5 min · August 31, 2026

Information Architecture

Webflow UX Teardown: $15, $25, $2,500, and a Footnote That Changes All Three

A UX teardown of Webflow's public pages: the homepage argues entirely in revenue, the product page won't let you self-serve, the marketplace shows no price at all. Then the pricing page hides its real variable in a two-word footnote.

TYPENORMLabs · 6 min · September 3, 2026

Visual Hierarchy

Washington Post UX Teardown: An Honest Offer, Parked on the Headline

A UX teardown of The Washington Post's signed-out reading flow: the subscription card publishes both prices and the renewal terms, then centres itself over three lines of the headline it's selling.

TYPENORMLabs · 5 min · September 9, 2026

Interaction Design

Vercel UX Teardown: A Homepage That Changed Who It's Talking To

A UX teardown of Vercel's site: the homepage now sells 'Agentic Infrastructure' while the product pages underneath still sell people working together. What happens when the top of a funnel changes audience and the middle doesn't.

TYPENORMLabs · 5 min · August 19, 2026

Research Methods

UX Research Methodologies: Your Methodology Is Not Your Method

A method is the thing you ran. A methodology is the chain of reasoning that makes its output count as evidence. What the three research methodology families actually commit you to, the five decisions every methodology makes, and where they fail quietly.

TYPENORMLabs · 13 min · August 21, 2026

UX Deliverables

User Personas: A Practical Guide to Personas That Change Decisions

Most personas are a stock photo and a fake quote. What personas are actually for, which attributes earn their place, how to derive them from behavioral axes instead of demographics, and why a set without a designated primary decides nothing.

TYPENORMLabs · 8 min · September 6, 2026

UX Psychology & Biases

The Recency Effect in UX: Why the Last Thing Wins, and How Long It Lasts

The recency effect is a memory result with an expiry date: the tail of a list dominates recall right now and is gone after thirty seconds of anything else. What that means for the last screen of a checkout, the final option in a menu, and the session your team debriefs last.

TYPENORMLabs · 8 min · September 9, 2026

Design Principles & Laws

The Principles of Design, Explained: What Each One Claims About Your Reader's Eye

The principles of design are usually taught as a list of nouns to admire. They are better read as testable claims about what a viewer's visual system decides before conscious thought, and each one fails in a specific, recognizable way.

TYPENORMLabs · 12 min · August 31, 2026

UX Psychology & Biases

The Halo Effect in Product Design: Why Beautiful Products Test Well

One good impression leaks into every judgment that follows, including judgments it has no business touching. Where the halo effect distorts usability testing, competitor benchmarking, and your users' read of your interface — and the separations that contain it.

TYPENORMLabs · 10 min · September 2, 2026

Design Thinking & Process

The Empathize Stage of Design Thinking: How to Stop Confirming What You Already Believed

The empathize stage is where design thinking is most often faked: a week of talking to users that ends up ratifying the roadmap. What the stage is for, which methods belong in it, why empathy maps are a synthesis tool, and how to tell when you're done.

TYPENORMLabs · 11 min · August 29, 2026

Design Principles & Laws

The Availability Heuristic in UX: Why Your Roadmap Is Ranked by What You Remember

People judge how common something is by how easily an example comes to mind — and in a product team, what comes to mind is whatever was loudest, most recent, or most vivid. Where the availability heuristic distorts prioritization, research, and your users' judgment of your interface, and the denominators that fix it.

TYPENORMLabs · 10 min · September 1, 2026

Design Thinking & Process

The Design Thinking Process: The 5 Stages, Step by Step

How to actually run the design thinking process: what each of the five stages costs, who needs to be in the room, what counts as done, and the failure mode that kills each one.

TYPENORMLabs · 9 min · September 3, 2026

Information Architecture

Substack UX Teardown: A Reading Product Wired as a Writing Funnel

A UX teardown of Substack's signed-out surfaces: the browse page doesn't browse, 'Top' doesn't mean posts, and the orange button never signs you in.

TYPENORMLabs · 5 min · August 30, 2026

Research Methods

Qualitative vs Quantitative Research: Which Question Are You Actually Asking?

The qual/quant argument is almost always a proxy for an unasked question. What each kind of data can carry, how many participants each side really needs, and how to tell which one your decision is waiting on.

TYPENORMLabs · 12 min · August 20, 2026

UX Deliverables

Prototyping Tools Compared (2026): Which One Answers Your Question

Feature tables don't decide this. Prototyping tools sort cleanly by the question you're prototyping to answer — flow, feel, or logic — plus the AI tier and the four costs that decide it in practice.

TYPENORMLabs · 9 min · September 8, 2026

Research Methods

Open Ended Questions vs Closed Questions in Surveys

Both kinds of survey question are easy to write. An open question is cheap to answer and expensive to read, and choosing between them is a decision about who does the analysis, and when — with examples, a mixing rule, and the questions worth cutting.

TYPENORMLabs · 9 min · August 30, 2026

Information Architecture

Netflix UX Teardown: Selling the Interface by Withholding It

A UX teardown of Netflix's signed-out product: the public title page is the member detail page with the play button swapped for an email field — and the one place the technique stops working.

TYPENORMLabs · 5 min · September 1, 2026

Information Architecture

Lapa Ninja UX Teardown: 7,462 Landing Pages, One Filter at a Time

A UX teardown of Lapa Ninja's design archive: the site records five axes of metadata per entry and lets you browse by exactly one of them, so a decade of collecting solves storage and leaves retrieval to the visitor.

TYPENORMLabs · 5 min · August 21, 2026

Research Methods

How to Run User Interviews Without Getting the Answer You Wanted

User interviews fail quietly: the transcript is full, everyone was polite, and the finding was already in the room before the first session. How to write the script, moderate against your own bias, and turn eight conversations into a claim you can defend.

TYPENORMLabs · 12 min · August 22, 2026

Information Architecture

Google Maps UX Teardown: The Search Engine That Opens With No Results

A UX teardown of Google Maps on the web: the default state has no result list because the map is the index — and every step that narrows it adds another thing to buy.

TYPENORMLabs · 5 min · August 29, 2026

Interaction Design

Framer UX Teardown: Three Pages, Three Units of Work

A UX teardown of Framer's public product pages: the agent page counts jobs, the marketplace counts files, and the pricing page counts credits — and nothing on the site converts between them.

TYPENORMLabs · 6 min · September 2, 2026

Design Systems

Figma UX Teardown: Selling the Tool by Showing the Work

A UX teardown of Figma's product pages: the marketing shows other people's finished work instead of the toolbar, splits one layout across two audiences — and then prices the collaboration promise by the seat.

TYPENORMLabs · 5 min · September 6, 2026

Information Architecture

Dribbble UX Teardown: The Grid Is the Storefront, the Directory Is the Business

A UX teardown of Dribbble's browse flow: a wall of untitled thumbnails, filters that push instead of cover, and a search scope selector that quietly turns looking at work into hiring the person who made it.

TYPENORMLabs · 5 min · September 4, 2026

Research Methods

Customer Journey Mapping 101: Building a Customer Journey Map That Changes a Decision

Most journey maps are beautiful and inert. What a customer journey map is actually made of, where the stages come from, how it differs from an experience map and a service blueprint, and the one test that separates a map that moves a roadmap from wall art.

TYPENORMLabs · 9 min · September 4, 2026

Information Architecture

Bloomberg UX Teardown: The Free Part Ends Mid-Sentence

A UX teardown of Bloomberg's reading flow: three section pages run on one shell and give away everything, then the article gates after a single paragraph — including the AI summary that would tell you whether to pay.

TYPENORMLabs · 5 min · September 8, 2026

Interaction Design

Balsamiq UX Teardown: A Site Made Out of Its Own Wireframes

A UX teardown of Balsamiq's product pages: the site is drawn in the product's own low-fidelity vocabulary, the pricing page is a calculator instead of a quote — and the AI pitch sits awkwardly against the reason low fidelity works.

TYPENORMLabs · 5 min · August 20, 2026

Information Architecture

Amazon UX Teardown: One Grid, Three Labels, No Comparison

A UX teardown of Amazon's public browse pages: Best Sellers, Deals, and New Releases are the same grid wearing three different badges — and the badge is doing work the interface never does.

TYPENORMLabs · 5 min · August 22, 2026

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 Design

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 Design

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

What Is an Independent vs Dependent Variable?

Independent vs dependent variables, explained: the one you change vs the one you measure, the naming trap, control and confounding variables, with examples.

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

How to Choose a Dependent Variable for UX Research

Picking what a UX study measures: how to operationalize it, check validity, reliability and sensitivity, and avoid the four ways a bad measure misleads.

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

UX Psychology & Biases

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: CSS, Accessibility & When to Use It

What glassmorphism is, the CSS behind the frosted-glass look, why it fails contrast checks, how Liquid Glass changed it, and when it's worth using.

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

A/B testing for beginners, no stats needed: show two versions to two random halves of your audience and keep the winner. How it works, with an example.

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

UX Psychology & Biases

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

UX Psychology & Biases

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

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 & Process

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

A/B Testing Done Right: A Practitioner's Guide

Running A/B tests that hold up: hypotheses, sample size, significance, the peeking trap, what's worth testing, and the mistakes that 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