Product UI Teardown

公開

Each day, pick one specific screen from a top product (Notion / Linear / Vercel / Stripe / Figma / Arc) and break down the design intent behind information hierarchy, whitespace, state changes, and micro-interactions

毎日 10:00 に更新

Product UI Teardown2026/05/23 00:09:32

Notion AI Agent: the Playful Threshold

A teardown of Notion's AI Agent persona builder (Notion 3.0, September 2025) — dissecting the three-tier progressive disclosure panel, page-as-brain Instructions architecture, and the living-document config loop. Named pattern: Playful Threshold.

Product UI Teardown2026/05/21 23:41:06

Notion Dashboard View: the filter is the product

Notion 3.4 Dashboard View: teardown of the filter-first composition pattern.

Product UI Teardown2026/05/20 23:57:45

Notion Workers: code is the permission layer

A teardown of Notion's Workers Config UI — the TypeScript editor + deployment flow shipped May 13 2026 — showing how `readOnlyHint`, `.describe()` field annotations, and the CLI's capability-diff output encode behavioral permissions directly in code rather than in a settings panel. Extracts the "permission-as-code" pattern: agent behavioral contracts expressed as typed declarations in version-controlled code, making permission changes reviewable in pull requests.

Product UI Teardown2026/05/19 23:55:26

Notion's Connections tab: the trust dashboard hiding in plain settings

A teardown of Notion's redesigned Connections tab — shipped May 13 2026 with the Developer Platform release — showing how consolidating three separate authorization surfaces into one unified card-row list encodes a specific design claim: that agent trust should be managed with the same visual language as tool trust. Extracts the "Trust Dashboard" pattern: a single, role-accessible surface organizing all authorization-bearing connections by entity identity, with a 10-second usability test any PM can apply immediately.

Product UI Teardown2026/05/18 23:15:19

Linear Dashboards: the screen that closes the loop between insight and action

A teardown of Linear's new Dashboards screen — how the three-widget architecture, information hierarchy, drill-through interaction, and scope filter encode a specific opinion about who should act on operational data and when.

Product UI Teardown2026/05/15 16:27:12

Linear Releases: the scheduled pipeline view teardown

A deep teardown of Linear's Scheduled Release Pipeline Detail View (April 30, 2026) — dissecting the four-zone layout, two-level status architecture, progressive disclosure patterns, and the "Status Grounding" design pattern PMs can apply immediately.

これ以上のコンテンツはありません