pattern · gamification
Steps left
also called completeness meter (ui-patterns), step 2 of 5 (community)
Telling the reader where they are in a multi step task and how many steps are still to come, so the end of the task is visible from the start.
Steps left is a promise, not a widget. The interface commits to a length (“Step 2 of 4”) and from then on the reader can price the task: what is behind them, what is in front, and whether they have time for it now. That is the whole mechanism. People rarely abandon a form because it is long. They abandon it because it might be long, and an unbounded sequence of screens gives them no way to find out except by finishing it. Naming the remainder converts an open question into a small, boring number.
Everything then rests on the number being true. Do not grow the count while someone is inside it: discovering a fifth step on the fourth screen costs more trust than the honest “5” would have cost at the start. Branching flows should collapse the branch into one nominal step or drop the count and say something else, because a total that changes is worse than no total. Where the length genuinely cannot be known, a time estimate (“about 2 minutes”) or a plain description of what is coming does the same work without lying. And a percentage is not a substitute: “50%” tells a reader how far they have come, while “Step 2 of 4, next: payment” tells them what is left, which is the question they actually asked.
The pattern has a well studied engine behind it, the goal gradient effect: effort rises as a goal gets visibly closer. Ran Kivetz and colleagues demonstrated it with coffee loyalty cards in 2006, including the endowed progress variant, where a card with ten spaces and two stamps already given is completed faster than a card with eight empty ones. That is a real finding about loyalty cards, and it is the point where this pattern can turn. Showing progress the reader has genuinely made is disclosure; inventing a head start, or splitting one screen into three to make the bar move, is a dark pattern wearing a progress bar. The test is whether the count would still be defensible if the reader could see the flow’s source.
Three neighbouring words are worth keeping straight. A step indicator is the component that draws the stages as a numbered row, a wizard is the flow those stages belong to, and stepper on this site is the small plus and minus control for a quantity. Steps left is none of those: it is the disclosure itself, which is why it can be satisfied by one line of text above a form, by a segmented bar, or by a sentence in a confirmation email saying two things remain.
Which word?
| If you want | say |
|---|---|
| the flow says step 2 of 5 | steps left |
| showing progress through a numbered flow | step indicator |
| the progress bar starts at 20 percent before you did anything | endowed progress |
Related
See also: Goal gradient