9 entries in this family.
Family
Data shape
Interaction
Principle
Density
Complexity
Pattern · Demo
Activity Timeline
A record's history as an ordered list of events — who did what, when — so "how did this get like this" is answerable without asking anyone.
Scan & UnderstandInspectCoordinate
Pattern · Demo
Collapsible Section
A named section that folds away, keeping its heading and a count visible — disclosure that lets someone open several sections at once, unlike tabs.
OrientInspectScan & Understand
Anti-pattern · Demo
Data Dump
Every field the model has, on one screen, at one level of importance — built from the data outward instead of from the job inward.
Scan & UnderstandInspect
Decision guide · Demo
Drawer vs Modal vs Page
The decision guide for where a record or task should open. Three surfaces, three different promises about context — pick on the conditions, not on taste.
InspectAct & Decide
Pattern · Demo
Master–Detail Drawer
Keep the list on screen and open the selected record in a panel beside it, so someone can inspect ten records without navigating ten times.
Scan & UnderstandInspect
Anti-pattern · Demo
Modal Maze
A modal opens a modal opens a modal — each one blocking the context the next one needs, until nobody can see the record they are supposedly editing.
InspectAct & Decide
Pattern · Demo
Object Identity Header
A record page opens by saying what this record is, what state it is in, and the two or three facts that decide what you do next — before any detail.
OrientInspect
Pattern · Demo
Tabs
One record or screen split into a few named sections, only one visible at a time, with the section in the URL so a tab can be linked to.
OrientInspect
Exemplar
What Stripe Figured Out
That money software is read far more often than it is written, so the product is built around inspecting a past event rather than performing a new one.
InspectScan & Understand
Nothing matches those filters.