Comment

Comment by lucamark

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

parent lucamark 4 months ago

Discussion

Live from the official Hacker News API

A modern reader for Hacker News · SvelteKit + Skeleton