Hacker News new | ask | show | jobs
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?

1 comments

First of all thanks for trying the product and sharing your feedback! Really glad you liked the onboarding :)

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

nice one, thanks for that. The product definetly looks slick, but that onboarding style you made makes it feel premium for sure - I have seen that on many platforms in the past and always wondered, would love to be able to emulate that for my own projects as well.

Good luck with the dev and keep going hard.

For sure! Thanks again for noticing it and good luck with your projects as well :)