Back Interface

Master-Detail Pattern

Splitting the view to allow browsing a list while inspecting a specific record.

The Master-Detail pattern (also known as List/Detail) is essential when users need to review multiple records sequentially without losing their place in the broader list.

When to Use

Use Master-Detail when the primary task is triaging or rapid sequential processing (e.g., an inbox, a queue of support tickets, or a list of flagged transactions).

Layout Considerations

The master list is typically placed on the left, taking up 25-35% of the viewport width. The detail view occupies the remaining space. Avoid rendering the detail view as a modal if the user needs to process more than 3 items in a row.

See also: Data Grid, Density Essay.