Skip to content
Browse docs

Review the states, not only the happy path

Put the meaningful conditions of each screen beside the main journey so feedback can address product behavior, not an isolated ideal.

On this page

A flow exposes the questions between screens

A collection of polished screenshots can show whether individual pages look finished. It does not show whether the journey makes sense. Reviewers still have to reconstruct the order, remember what changed, and ask which screen comes after a failure or an empty result.

Mockspace places one user journey in a row. The steps read from left to right, so the sequence is visible before anyone comments on a button or a color. A labelled alternate path can explain a meaningful shortcut without turning the main row into a map of every link.

That structure changes the first review question from “Does this page look right?” to “Does this journey contain the right decisions?” Read Flows for the model.

One screen can carry different decisions

The default screen is rarely the whole product. Search results can be populated, empty, or failed. A form can be untouched, invalid, or ready to submit. A booking can be confirmed while a downstream notification is still pending.

Mockspace stacks these meaningful states beneath the screen they belong to. The vertical relationship is useful: it says these frames are conditions of one product surface, not extra steps in the journey.

Only include a state when it changes behavior, layout, or a decision a reviewer needs to make. Two labels for the same rendered result do not improve coverage. Screens and states explains how a URL or an interaction can reach each condition.

Arrange the evidence before discussing polish

When the happy path and its important states are visible together, feedback becomes more specific. A reviewer can point to the empty result and ask whether it still offers a useful next action. They can compare an open dialog with the full page behind it. They can notice that an error appears only after a later step has already implied success.

This does not replace interactive testing. It creates a stable review surface for questions that are otherwise scattered across screenshots, tickets, and memory.

Prepare a focused first review

Start small and choose evidence from the application rather than from a generic checklist.

  • Name one journey a person is trying to complete.
  • Put its screens in the order that person encounters them.
  • Add states that expose a different product decision or layout.
  • Remove duplicate frames that do not add a question.
  • Read the finished row from beginning to end before sharing it.

A reviewer with an authorized link can inspect the captured flow without installing the CLI. They can move through the row, compare states, and keep comments attached to the relevant frame or canvas context. Review and share describes that reading workflow and the boundary between a live canvas and an inert capture.