Interaction Design
39 articles
Interaction Design
Automotive UX: Designing In-Car Interfaces
Automotive UX for in-car interfaces: glance budgets, HMI patterns that hold up while driving, and the research methods used to measure driver distraction.
TYPENORMLabs · 11 min · October 2, 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
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
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
Interaction Design
Mobile App Design Patterns That Work
The mobile app design patterns that hold up in daily use: bottom navigation, thumb-sized targets, bottom sheets, honest loading states, permission timing and forms that respect a phone keyboard.
TYPENORMLabs · 8 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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
In the TYPENORMSchool library
- Accordion · Patterns
- Pagination · Patterns
- Empty state · Patterns
- Inline validation · Patterns
- Hick's Law · UX laws
- Fitts's Law · UX laws
- The Doherty Threshold · UX laws
Explore the map
Related interfaces