Recorded study · Reviewed September 23, 2026
Duolingo onboarding: from goals to a starting level
Eight moments show how a learning flow turns a few choices into a concrete starting point.
How can setup feel connected to the first useful action?
In this recorded path, questions about language, experience and effort lead to a suggested starting score. The useful design lesson is the visible connection between an answer and the next step.
Evidence and limits
One January 2026 iOS path, recorded for approximately 86 seconds. Timestamps are source step markers rounded to whole seconds; still frames may be slightly later. This is not a timing benchmark or an A/B test.
Watch the recorded path
Muted, looping playback of the supplied onboarding recording. The annotations below use source step timestamps.
Download recordingRead the decisions
01 / Duolingo · Jan 2026 · 0:09
Set expectations before asking questions
What is visible
The introduction says there are seven quick questions before the first lesson. A single Continue button moves forward.
Design interpretation
Explain the work and the reward before asking for information. The recording does not establish how users respond to that promise.
02 / Duolingo · Jan 2026 · 0:16
Choose the subject first
What is visible
French is selected in a language list. The selection has a blue background and the Continue action is enabled.
Design interpretation
Ask for a choice that changes the experience before collecting secondary preferences. Keep selection visible beyond color alone.
03 / Duolingo · Jan 2026 · 0:31
Adjust the starting level
What is visible
The learner chooses how much French they know from a set of progressively stronger statements.
Design interpretation
Use understandable examples instead of expert proficiency terminology when the audience may be new. Offer a route to revise the choice later.
04 / Duolingo · Jan 2026 · 0:46
Allow more than one motivation
What is visible
Three reasons for learning are checked at once. The list uses separate checkbox-like indicators.
Design interpretation
Use multiple selection when goals can coexist. Make the selection rule explicit rather than expecting users to infer it.
05 / Duolingo · Jan 2026 · 0:53
Make the commitment concrete
What is visible
The daily learning goal is expressed in minutes per day, with ten minutes selected.
Design interpretation
Specific effort is easier to evaluate than a vague promise to practice regularly. Let the person change the commitment.
06 / Duolingo · Jan 2026 · 1:01
Explain the reminder benefit
What is visible
The app explains that reminders help make practice a habit. This frame also shows the iOS notification permission dialog.
Design interpretation
Connect a permission to a chosen goal. A screenshot cannot prove that a custom explanation increased permission acceptance.
07 / Duolingo · Jan 2026 · 1:16
Keep a free starting path visible
What is visible
Learn for free is selected beneath Super Duolingo. The message above says an upgrade is available later.
Design interpretation
Separate getting started from purchasing when the product supports a free route. Keep the difference between plans understandable.
08 / Duolingo · Jan 2026 · 1:24
Reflect the choice back
What is visible
The final frame refers to knowing a few words and proposes starting at Score 10.
Design interpretation
Show how an earlier answer changed the recommendation. This study ends before the first lesson, so it cannot establish activation or retention.
What to question
- Seven questions can establish relevance, but still delay the first lesson. Test whether each answer changes the first session.
- A progress bar communicates movement; it does not by itself tell someone how long remains.
- The recording shows one selected route. Returning users, other languages and different subscription states may see other paths.
Try an original implementation
Explore a three-step web onboarding pattern: choose a goal, set a pace, and optionally request a reminder. Go back to revise answers without losing them.
This React example uses native form controls, keyboard navigation and focus management. It is a separate prototype with original copy and styling, not a reproduction of the source apps.
Download React sourceRequires React and Tailwind CSS. Web only; not React Native. MIT license.
Import the named OnboardingExample component into a page. Replace the final preview with your application logic; this example makes no network requests.
Practice studio · Original web demo
Step 1 of 3
What would you like to practice?
Before you ship
- Explain the immediate outcome before setup.
- Use semantic single- and multiple-choice controls.
- Keep answers when a person goes back.
- Show the recommendation and let the person revise it.
Validate these recommendations with your own users. No conversion uplift is claimed.