Patterns · friction reduction
Progress Indicators
Visual indicators showing where the user is in a multi-step process — 'Step 2 of 4', a progress bar, or breadcrumbs. Reduce abandonment by setting expectations, making completion feel achievable, and activating the Zeigarnik Effect: the psychological tendency to remember and be drawn toward completing unfinished tasks. Progress indicators make the end of a process visible, which reduces perceived effort.
When it works
Multi-step checkout (3 or more steps). Long signup or onboarding flows. Application forms. Survey completions. Most effective when users can see the end from where they are — the remaining effort feels finite and manageable.
When it backfires
Single-page forms where a progress bar adds visual noise without benefit. When the indicator reveals more steps than expected (users abandon on discovering Step 2 of 7 after expecting 3 steps). Short 2-step flows where a bar feels overcomplicated.
Ethical notes
Never show a progress bar that hides the true number of steps. Displaying 'Step 2 of 4' that then shows a Step 5 is a trust-destroying dark pattern — users feel deceived and abandonment spikes at the hidden step. Always show the true total step count in the indicator.
Examples in the wild
Three-step visual (Shipping, Payment, Review) showing current position; sets expectations precisely, reduces stops from uncertainty
Horizontal bar fill showing percent complete; data from Unbounce studies shows meaningful reduction in form abandonment vs. no indicator
Post-signup onboarding with explicit percent complete; uses Zeigarnik Effect to drive profile completion — directly applicable to SaaS onboarding flows