70% delete the app after the first screen. How to make an onboarding that leaves
Main chat
A chat for vibe coders: news, guides, live cases, marketplace, and finding executors.
The user downloaded the app, opened it, watched the first screen and deleted it. Not because the product is bad. Because in the first 30 seconds, he didn't understand why it was all he wanted and what he was getting for it.
Onboarding is not three screens with illustrations and a “Next” button. This is the first deal between a product and a person: you put attention, we return value. If the transaction is unclear, it is closed by removing the icon. And most teams lose here, not on retension, not on monetization, but on the very first touch.
Next is the analysis of how the onboarding breaks down, how it works, when it works, and what specifically to check before rolling it into sales.
Why onboarding is not an “introductory screen”
The word “onboarding” is heavily discredited. In most people’s minds, it’s a 3-4 slide carousel: illustration, headline, subtitle, “Next.” Registration is sometimes required at the beginning. Sometimes, request push notifications before the user does anything.
In fact, onboarding is the way from installation to the moment when the user received the first tangible value. This path can last 20 seconds, or it can stretch for a week, depending on the product. But the boundaries are:
- **Beginning: First launch, nothing clear yet.
- **End: The user did what he downloaded and realized it worked.
Everything in between is onboarding. The slide carousel is at best a small part of it, at worst an obstacle.
Anti-pattern: "Let's talk to ourselves at the start"
The most common mistake is to turn onboarding into a product presentation. Four screens with what features we have, how smart we are, how good we are. That's not what the user came for. He came to solve the problem of finding a companion, counting calories, transferring money, falling asleep. The presentation postpones the solution of the problem, and for this he is punished by removal.
In metrics, this can be seen as a huge drop-off between the screens of the carousel - 15 to 40% is lost literally on swipes.
First the moment of value, then everything else
The main question that the team must answer before designing onboarding is: ** What is the “first value” in our product and how quickly can we give it away? **
It is called aha-moment, time-to-value, first key action. The point is the moment the user says to himself, “Oh, it works, I need it.”.
Examples from live products:
- In the notes - the first saved note, which was found by the search.
- In a fitness application, the first completed workout is not a profile setting.
- The bank is the first successful transfer, not passport verification.
- Dating is the first match, not uploading five photos.
How to Find Your Moment of Value
On a review of the product, it is useful to run the command through a short exercise:
- Describe in one sentence why someone downloaded your product.
- Find the minimum action that proves the product can do it.
- Calculate how many steps separate the first launch from this action.
- Remove everything that is not necessarily on the way.
If there are more than 5-6 screens between the installation and the moment of value, you are almost guaranteed to have a problem. Especially if they include registration, verification and permission request.
The principle of “deferred obligations”
Every time you force a user to give something—data, time, permission, money—before they get anything, you lose a portion of the audience. That doesn't mean you can't ask. This means that every request must have a queue.
The basic rule is: give first, ask later.
Checklist "what can be postponed"
- Registration – Can I put an account into the product anonymously and ask for an account later when there is something to lose?
- Email/Phone – Is it needed right now or is it enough for the first time?
- Push notifications – does it make sense to ask before the user understands why?
- Geolocation – is it really necessary at the start or only for a specific action?
- Paid plans - show peywall before or after the first value?
- Is profile filling a blocker or can it be done gradually?
Questions for onboarding review
- On which screen does the user get something useful for the first time?
- How many mandatory fields are there up to now?
- What happens if you remove any of the intermediate steps – will the product break down or not?
- What permission requests can be translated into context (“give access to the camera when you click on the scanner”)?
Onboarding loses not where the illustrations are bad, but where there are too many obstacles between the installation and the first value. Remove half and the metrics change faster than any redesign.
How to Diagnose Your Onboarding in an Hour
When a team says "we have bad onboarding," usually no one knows exactly where it's bad. Feels good, no numbers. One day and a couple of tools are enough to move from sensations to solutions.
Step 1. Draw the real path, not the intended one
Take a blank slate and draw all the screens the new user passes through – from tap on the icon to the moment they first benefited. No embellishment. Splash, permissions, language selection, carousel screens, registration, tariff selection, profile filling - everything.
It almost always turns out that in the layouts in Figma, the path is shorter than in the real application. Between these two realities, there are half the problems.
Step 2. Remove the numbers for each step
For each screen, you need one digit – how many percent of users pass next. If there is no analytics, put it before any redesigns, otherwise you will argue with tastes.
The same pattern often pops up on the review: one screen loses twice as much as the others. This is the point of application of the effort. Don’t remake the whole funnel – fix the weak link.
Step 3. Walk the way with your own hands
The most useful thing is to sit next to someone who has never opened your app and watch silently. No clues, no "click here." Five minutes of this observation is more than a week of chatting.
What to write down:
- Where he stopped and re-read.
- Where I pressed the wrong way.
- When you ask a question out loud, it means the screen is not answering itself.
- Where I tried to swipe, but there was no swipe (or vice versa).
Typical errors that can be seen on the layout
Half of the onboarding problems can be caught in Figma before development. But to do this, you need to look at the layout not as a beautiful picture, but as a script.
Error: “One screen, one function, no context”
The designer collects onboarding as a set of individual screens: greeting, permissions, registration, tour. Each screen is normal on its own. No connection between them. The user does not understand why he is in the third step, if the first one did not lead him to anything.
It is treated by screenplay: arrange the screens in a row and read them as a story. If you get "push - press - press - press", there is no history.
Error: Requesting permission without explanation
The iOS or Android system dialog is not part of your interface. You don’t control your text or buttons. If you show it right away, without your screen-explanation (“why do we need a camera”), the percentage of failures increases noticeably. This is often overlooked on the layout because the system dialog is not visible in Figma.
Mistake: peywall instead of value
A paid screen before the user understands the product is almost always a bad idea. The exception is products where the paid function is the product (for example, specialized AI tools). In all other cases, playwall is appropriate after the first wow.
Mistake: Onboarding that doesn't come back
Often all attention goes to the first day. And the third user opens the application and does not remember what to do. Good onboarding is stretched: the first session gives value, the second - teaches something new, the third - consolidates the habit. This is called growth loops or secondary onboarding, and in layouts, this is usually forgotten.
Checklist for review of onboarding layout
- On each screen, it is clear what will happen when the button is pressed.
- Wherever there is a system dialogue, there is an explanatory screen in front of it.
- Between the installation and the first value is no more than 5-6 screens.
- Each mandatory step can be explained to the user by one phrase “why”.
- The user has a way out - you can skip, postpone, come back.
- There is a state of “the user is back on the second day” – what will he see?
- Registration is after the first value or, at least, there is a guest mode.
- Push and geolocation are requested in context, not a list at launch.
How to work this on a team
Onboarding is almost always an inter-command area. Design draws screens, product sets business goals, development implements, marketing drives traffic. And everyone pulls the blanket on themselves: the product wants registration, marketing - email, security - verification, lawyers - consent.
Here, a simple technique works: at an onboarding meeting, hang one question on the wall - ** "When will the user realize that our product works?" - and protect any step up to that point separately. Not “let’s add” but “let’s prove it’s impossible without it.”.
Onboarding is not fixed in Figma, but in the head of the team. First, they agree on what the first value is, then they count the steps to it, then they remove everything that interferes, and only then they begin to draw. In reverse order it is beautiful, but it does not work.
Advanced scenarios: onboarding is not one
Once the team agrees that onboarding is the path to first value, an unpleasant truth emerges: there are several paths. A marketer who comes from contextual advertising and a student who downloads from a friend are different people with different expectations. One universal float serves them equally poorly.
Segmentation at the entrance
The cheapest way to segment is to ask. One screen with 3-5 “why are you here” answers half the problem. Next, the user sees onboarding, in which the first value coincides with his answer.
The main thing is not to turn this screen into a questionnaire. If there are more than two questions, the person thinks they are already being exploited. It goes away before the product shows up.
Return and reactivation
Onboarding is not just the first session. If a person downloaded an app, went through three screens and closed it, you still have a couple of days to return it. It's not "we missed" fluff that works here, but a push with a specific next step from where he left off.
This is almost always forgotten on models. Show Figma not only the "first run," but also the script "returned after 48 hours without finishing the onboarding." What will he see? Same screen? From scratch? From the stop? Each answer is a different hypothesis.
B2B and complex products
In B2B, users often don’t decide if they need a product. He was chosen by the head, and onboarding for him is not “wow”, but “how to close and start working as soon as possible”. It is not history that works here, but speed: minimum screens, maximum ability to boil, a separate path for the administrator and for the ordinary team member.
Where is AI here and how not to break the onboarding
Now almost every second onboarding includes something “smart” – content generation, personalized recommendations, assistant. This creates a new class of errors.
Risk: Empty AI on the first screen
If your product is an AI tool, it almost always has a cold start problem. The user opens the application, sees the input field and ... does not know what to write there. Good onboarding for an AI product is not a tour of the interface, but 2-3 ready-made examples that you can run in one tap and see the result on your data.
Risk: Magic without explanation
If AI is doing something for the user on the first screen, they need to know what it is. Otherwise, trust will not arise, and at the first mistake of the model, a person will leave forever. On the layout of the onboarding AI feature, check whether the user sees what data he gave, and whether he can roll back.
Figma, MCP and Option Generation
Now it is convenient to connect to Figma models via MCP and ask to generate onboarding options - different texts, different step order, different feed angle. This is useful as a way to quickly replicate a hypothesis, but dangerous as a way to make a decision. The model does not know your first value and easily collects a beautiful but empty float.
Work practice: use AI to expand options ("give me 5 value formulations for this segment") and leave selection and assembly to the team. And be sure to run the generated screens through the same checklist as the hand drawn ones.
How to check the quality of onboarding
Onboarding is difficult to measure "by eye" - everyone on the team has their own feeling. Therefore, it is useful to fix 3-4 numbers that you look at regularly.
- The share of those who reached the first value (not the end of the tour).
- Time from installation to first value.
- Proportion of returns on the second and seventh day.
- Where exactly they fall off – on what screen, not at what step the funnel as a whole.
If at least one of the numbers moves after a change, the hypothesis worked. If all four are standing, you repainted the buttons.
Questions for a pre-release review
- Can we formulate the first value in one sentence that the whole team agrees to?
- How many steps are required between installation and this value? Everyone protected?
- What will a user see when they return the second day without finishing?
- Where in the float we decide for the user, and does he understand it?
- Which step will we take out first if the metric goes down?
How to explain the decision to the team
The most common reason for poor onboarding is not a bad designer, but an uncoordinated team. Protecting the solution is as important as the solution itself.
A simple format works: one slide on the left is the user’s path to the first value in steps, on the right is what we removed and why. Not "we made shorter," but "we removed registration from step 2 because it's not needed for the first value, and returns on day two in the prototype have increased." Specifically, tied to the goal, discussed.
And one more thing: write down the decisions. In three months, a new product will arrive and ask why there's no email capcha at launch. If there is no answer, it will appear. And the onboarding will get longer again.
In short, advanced onboarding is no more screens and no smarter than AI. It's a few paths instead of one, honest work on day two, measurable hypotheses and a team that remembers why it all started.
Onboarding readiness checklist
Before you sell, go through the list. If at any point the honest answer is "don't know" is the place where you lose people.
- The first value is formulated in one phrase, understandable not only to the product team
- From installation to this value - no more than three mandatory steps
- Each mandatory step is protected by the argument “without it does not work”, not “so it is accepted”
- There is a separate way for the admin and for the ordinary participant, if the product is commanded
- There is a way to return to the second day: the user does not start again
- Registration and payment are not before the moment when the benefits are visible
- Permission requests (push, geo, contacts) are tied to the point where they are explained
- Any step of the tour can be boiled and it does not break the further experience
- Empty states do not look like “there is nothing here”, but suggest the first action
- If there is AI, there are ready-made examples on the first screen, not an empty field
- You can see what data the user gave, and there is a way to roll it back
- There are 3-4 metrics that the team looks at regularly, and they are connected before release
Anti-patterns that occur most often
This is a list of mistakes that go through the review because they're familiar. Habit is not an argument.
Interface tour instead of first value
Six pop-up clues are "this is the menu, this is the search, this is the profile." The user presses “further” mechanically and remembers nothing. The tour imitates onboarding, but does not bring to value. If without prompts the interface is incomprehensible - the problem is in the interface, not in the absence of a tour.
7 Question Questions to Understand You Better
Normally, no one uses this data, and if they do, on the third or fourth day when they are no longer needed. A questionnaire at the start is justified only if its answers directly change the next screen. Otherwise it's shape for form.
Compulsory registration before the benefit is visible
Enter email to continue on screen two is a request for trust that has not yet been earned. Let the mini-value live first, then ask for contact. Conversion to registration after value is always higher than before.
Push resolution on first launch
Allow notifications in the first 10 seconds is almost guaranteed failure. After the refusal, you can no longer ask through the system. Ask permission when the user wants to receive something specific: a reminder, a response, a status update.
Progress bar that lies
Step 2 of 4, and then suddenly three more screens appear. Trust in the flow drops instantly. Either show all the steps honestly, or do not show the counter.
One Way for All
Team admin and invited participant pass the same screens. The admin lacks control, the participant has unnecessary questions about setting up the workspace, which has already been created. Every B2B story falls apart on that.
Empty screen after onboarding
The user passed the registration, clicked "ready" - and was in the interface without data, without prompts, without the next action. The onboarding ended a step earlier than necessary. The first step inside the product is still onboarding.
Review questions with the team
These questions are useful to ask not the designer, but the whole group: product, development, support. If the answers differ, this is the result of the review.
- What one thing should the user carry from the first session?
- What happens if he closes the app on screen three and comes back in a week?
- What step did we add “just in case” and who is responsible for it?
- Where in the flow do we hide complexity, and where do we show it honestly?
- By what metric do we know that onboarding has gotten worse, not better?
- What in this float won't survive a product change in six months?
Short practical outcome
The onboarding that leaves is based on four things. The first value is formulated and achievable in a minimum of steps. There are different paths for different roles, not one universal one. The second day is as thoughtful as the first screen. Decisions are recorded in writing, metrics are connected before the release, not after.
Everything else - illustrations, animations, button formulations - is customized on top of this frame. Without a frame, any grinding of screens gives a cosmetic effect and does not move retention. With a frame, even a modest visual onboarding overtakes beautiful tours of competitors by the share of those who reached the second day.