UI DESIGN LAB
  • Home
  • Community
  • Library
  • Knowledge
  • Docs
ZHLogin
Back to knowledge
Design Systems Page Patterns

Admin List Detail Pattern

Admin List Detail Pattern turns a frequent interface judgment into an executable constraint before generation.

adminlist-detailworkflow

Design Principle

Admin work often moves from filtered lists into detail handling, and both views must share state and action semantics.

Principle Admin work often moves from filtered lists into detail handling, and both views must share state and action semantics.

Design action Lists handle filtering, sorting, bulk action, and status overview; details handle identity, history, key fields, related objects, and contextual actions.

Examples Positive example: CRM, orders, users, moderation, tickets, and knowledge item management. Counterexample: The detail page has no path back to filtered results.

Apply when CRM, orders, users, moderation, tickets, and knowledge item management. Users need to judge state, scope, risk, or next action quickly.

Source notes Source note: Synthesized from GOV.UK, Carbon, Polaris, Atlassian, Design.Systems, Design Systems Repo, and product-pattern libraries.

Agent Directive

Lists handle filtering, sorting, bulk action, and status overview; details handle identity, history, key fields, related objects, and contextual actions.

Apply When

  • CRM, orders, users, moderation, tickets, and knowledge item management.
  • Users need to judge state, scope, risk, or next action quickly.

Avoid

  • The detail page has no path back to filtered results.
  • Irrelevant structure, copy, or decoration is added only to make the UI feel richer.

Knowledge Metadata

Category
Design Systems Page Patterns
Quality
86%
Version
v1
Published
6/6/2026