Interaction Design

27 articles

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

Productivity
Web
Interaction Design

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

Interaction Design
Research Methods
Web

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

Visual Hierarchy
Interaction Design
Web

Interaction Design

Justinmind UX Teardown: The Last Prototyping Tool That Asks You to Download It

A UX teardown of Justinmind's product pages: every competitor's CTA opens a tab, and this one opens an installer. What that first click costs, and the pricing tier that explains why it stays.

TYPENORMLabs · 6 min · August 5, 2026

Enterprise Systems
Desktop
Interaction Design

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

Web
Information Architecture
Interaction Design

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

SaaS
Web
Interaction Design

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

Web
Information Architecture
Interaction Design

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

SaaS
Web
Interaction Design

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

SaaS
Web
Interaction Design

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

SaaS
Web
Interaction Design

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

SaaS
Web
Interaction Design

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

SaaS
Web
Interaction Design

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

Interaction Design
UX Clarity
Web

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

Web
Interaction Design
UX Clarity

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

Web
UX Clarity
Interaction Design

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

SaaS
Web
Interaction Design

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

SaaS
Web
Interaction Design

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

Web
Interaction Design

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

Web
SaaS
Interaction Design

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

Web
Interaction Design
UX Clarity

UX Clarity

UX Pilot UX Teardown: Selling a Design Process as a Few Seconds of Typing

A UX teardown of UX Pilot's marketing site: it leads with the output instead of the process, turns its workflow into three literal moves, and meters the habit by the screen — three plays for selling an AI design tool you're meant to try before you read.

TYPENORMLabs · 5 min · June 26, 2026

UX Clarity
Interaction Design

UX Clarity

UserTesting UX Teardown: Selling Judgment in the Age of AI-Built Everything

A UX teardown of UserTesting's marketing site: it leads with the stakes instead of the feature, turns an invisible service into a four-stage machine, and prices itself with no prices — three moves for selling judgment to an enterprise buyer.

TYPENORMLabs · 5 min · June 25, 2026

UX Clarity
Interaction Design

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

Fintech
Web
Interaction Design

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

Web
Interaction Design

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

Web
Interaction Design
UX Clarity

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

Web
Interaction Design
UX Clarity

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

Web
Interaction Design

Patterns in the Library

Component patterns related to this topic — from the Component Library.

Explore the map