Skip to content
The Product Guys

The moves, named.

60 interface and growth patterns. A teardown of one company's screen goes stale the week they redesign it. A named pattern you can recognise anywhere does not.

60 of 60

onboarding

The Empty State

The first screen a new account sees, treated as a designed surface rather than a blank.

5 min read

onboarding

Progressive Onboarding

Teach each capability at the moment it is needed instead of all of it upfront.

5 min read

onboarding

Seeded Sample Data

Ship a new account with realistic content already in it so the product can be understood.

5 min read

onboarding

The Setup Checklist

A short visible list of setup steps that tracks progress and survives leaving the page.

5 min read

onboarding

The Tooltip Tour

A sequence of overlaid callouts pointing at interface elements, and why it is usually a patch.

5 min read

onboarding

Permission Priming

Ask for the reason before the operating system asks for the permission.

4 min read

onboarding

Time To First Value

Measure the gap between signing up and getting something useful, then attack it.

5 min read

onboarding

The Magic Moment

The single interaction where the product earns belief, staged so it cannot be missed.

5 min read

onboarding

The Setup Wizard

A linear multi step flow for configuration that genuinely has to happen before anything works.

5 min read

onboarding

Social Import

Offer to bring in the people a new user already knows, with consent and visible control.

5 min read

onboarding

The Template Gallery

Let new users start from a finished example instead of an empty document.

5 min read

onboarding

Personalisation Questions

A short set of setup questions whose answers visibly change what the user sees next.

5 min read

onboarding

Skippable Onboarding

Let confident users leave the guided path without losing the ability to come back to it.

4 min read

onboarding

Guest Mode

Let people use the product before creating an account, then attach the account to the work.

5 min read

onboarding

Demo Mode

A populated read only version of the product that anyone can walk through before committing.

4 min read

onboarding

Progressive Profiling

Collect user information across many small moments instead of one long form at signup.

5 min read

onboarding

The Welcome Email

The one message with reliable attention, used to return the user to an unfinished task.

4 min read

onboarding

In Product Education

Teaching that lives inside the interface permanently rather than as a flow shown once.

5 min read

onboarding

The Activation Metric

One measurable event that separates accounts likely to stay from accounts likely to leave.

6 min read

onboarding

The Aha Moment Audit

A structured review of where understanding arrives, and how much work sits before it.

6 min read

retention

The Streak

A visible run of consecutive days the user would rather not break.

6 min read

retention

The Digest Email

One scheduled summary replaces a stream of interruptions with a single readable moment.

5 min read

retention

Notification Strategy

Deciding what deserves an interruption, and accepting the cost when it does not.

6 min read

retention

The Weekly Review

A scheduled moment where the user looks back, closes loops, and sets the next week.

5 min read

retention

The Progress Dashboard

A persistent view of how far the user has come against something they chose.

5 min read

retention

Saved State and Resumability

The product remembers exactly where the user stopped and offers it back.

5 min read

retention

Collections and Saving

Letting users keep things builds a personal library they will not rebuild elsewhere.

5 min read

retention

Reminders and Habit Anchors

Tie the action to a moment the user already has, then remind them there.

5 min read

retention

Milestone Celebration

Mark the moment a user crosses a threshold that meant something to them.

4 min read

retention

Leaderboards

Ranking users against each other to convert comparison into repeated effort.

6 min read

retention

Social Accountability

Another person expects the user to show up, so the user shows up.

5 min read

retention

The Year in Review

An annual summary that hands the user a story about themselves.

5 min read

retention

Personal Stats

Always-available numbers about the user's own behaviour, on their terms.

4 min read

retention

Content Refresh and Recency

Something is different since last time, so returning is worth doing.

5 min read

retention

The Reactivation Email

One well-aimed message to someone who stopped, sent before they forget you.

5 min read

retention

The Win-Back Offer

A discount or credit aimed at someone who already decided to leave.

5 min read

retention

The Comeback Flow

What a returning user sees in the first thirty seconds after a long absence.

5 min read

retention

The Churn Survey

Ask why at the exit, briefly, without using the question to block the door.

4 min read

retention

The Pause Option

Offer a hold instead of a cancellation, for users whose reason is temporary.

5 min read

retention

The Engagement Ceiling

Decide the point past which more usage is bad for the user, then stop pushing.

6 min read

monetisation

The Paywall

A gate that stops access until someone pays, registers, or proves an entitlement.

6 min read

monetisation

The Free Trial

Time-boxed full access, given on the bet that habit will outlast the clock.

5 min read

monetisation

The Freemium Gate

A permanent free tier whose edges are drawn where paying starts to make sense.

6 min read

monetisation

Usage Limits and Metering

Pricing tied to a counted unit, with the count shown before it runs out.

6 min read

monetisation

The Upgrade Prompt

An in-product ask for money, placed at the moment the ceiling is felt.

5 min read

monetisation

The Pricing Page

The one screen where a visitor decides both what to buy and whether to buy.

6 min read

monetisation

The Cancellation Flow

The path out of a subscription, and the clearest test of whether a company means it.

6 min read

navigation

Search

A box that takes what someone already knows and returns what they wanted.

6 min read

navigation

Filters and Faceted Browse

Narrowing a large set by attributes, without stranding anyone at zero results.

5 min read

navigation

The Command Palette

One keyboard shortcut that opens a searchable index of everything the product can do.

5 min read

navigation

Breadcrumbs and Wayfinding

Showing where someone is and how to get back up without using the browser button.

4 min read

input

The Form

A structured request for information, where every field asked costs someone finishing.

6 min read

input

Inline Validation

Checking a field as it is filled, so errors surface next to the thing that caused them.

5 min read

input

Autosave

Persisting work continuously so nobody has to remember to press save.

5 min read

input

The File Upload

Moving a file from someone's machine into yours, with the failures handled up front.

5 min read

input

The Date and Time Picker

Capturing a moment correctly, across formats, time zones, and people who prefer typing.

5 min read

feedback

The Loading State

What the interface says while it waits, which shapes how long the wait feels.

5 min read

feedback

The Error Message

What you say when something breaks, which is when writing matters most.

5 min read

feedback

Undo

Letting an action happen immediately, and letting the person take it back.

5 min read

feedback

The Confirmation Dialog

A modal asking are you sure, which is usually a design failure undo would solve better.

4 min read