Loading
Design Examples
Easy Onboarding Tips
Onboarding teardowns from Arc, Lovable, Granola, HubSpot and Wispr Flow, including reactive tips that fire when users stall, and onboarding you tap rather than read.
Examples on Built for Mars include
Food Llama shows just 2 tips
Lovable reacts to frustration
Arc makes you toggle the ads
Real world examples:
When taking a photo food entry for the first time, FoodLlama will show you two clear tips with example photos.
More context
What's great here is that 2 is really easy to digest.
There's no faff, and the examples are really clear.
Go to UX BiteView#1093
If you send multiple negative prompts in a row, Lovable will trigger onboarding for creating a plan.
Go to UX BiteView#1168
During onboarding, Wispr Flow asks you what you’re going to use it for, and then demonstrates the app in action in the exact context you specified.
More context
Even better, if you choose more than one context, it’ll follow with a quick cycle through all the scenarios/apps.
Go to UX BiteView#1267
When creating a private folder in Granola, they’ll show contextual onboarding inline.
More context
This is displayed every time, and helps remind you why you would use a private folder in the first place.
Go to UX BiteView#1147
During onboarding, Arc will encourage you to toggle adverts on a webpage on and off, to demonstrate the difference in experience (and the value they're adding).
More context
This works really well because it's interactive. It uses your curiosity to deliver a (maybe) Aha! Moment.
A video, or a text callout wouldn't work nearly as well.