All articles

Side-peek patterns: context without losing your place

Three ways to open a record beside a list — drawers, split views and inline peeks — and when each one earns its space.

Usama Memon

Usama Memon

5 min read

Most tools that manage lists — patients, tickets, orders — share one problem: people need the detail of a single record without losing their place in the list. Opening a new page breaks that flow. A side-peek keeps both in view.

There are three common ways to do it. None of them is always right; each trades screen space against focus.

1. The drawer

A panel slides in from the edge and sits over the list. It is the cheapest to build and works at every screen size, because it does not reflow the page underneath.

  • Best for quick checks and single edits.
  • Keep it narrow enough that the list stays partly visible.
  • Close on Escape and on a click outside — people expect both.

2. The split view

The list shrinks and the detail takes a permanent column beside it. Moving through records becomes a single click, which makes it the strongest choice when people review many items in a row.

If people open the detail more than they scan the list, give the detail a permanent home.
A split view keeps the list and the open record side by side.

3. The inline peek

The row itself expands to show the key facts. It is the lightest of the three and keeps the eye in one place, but it only works when the detail is short.

Choosing between them

  1. Watch how often people open records versus scan the list.
  2. Measure how much detail they actually need in the moment.
  3. Check the smallest screen you must support before committing.

Whichever you pick, keep selection visible in the list and make keyboard navigation work in both places. That is what makes a side-peek feel like part of the list rather than a pop-up.

Usama Memon

UI/UX designer for healthcare and AI products, with an engineering background — so designs make it to production intact.

Discuss a project
All articles →