|
|
|
|
|
by bigjick
1 day ago
|
|
woah that's awesome can you explain what or how you used to make the onboarding flows? I like the simple UX intro, shows you what you can do, simple next and highlights the active screen what do you call that type of UX and hows it made? |
|
I think the closest term is probably contextual onboarding or guided onboarding. This onboarding system is created around concrete real-world examples so users don't feel disoriented. The user starts from a working model and then the UI highlights the next meaningful step.
Technically it is a pretty minimal implementation without using external libraries - I generally avoid the use of libraries when possible. Given an example model, define a sequence of expected actions, store the current onboarding step in app state, and render a hint/highlight near the next control until the user completes that action. Then just optimize the transitions timing and appearance