管理

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

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.

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