Mosaic's Onboarding Walkthrough
An onboarding Walkthrough that uses Lightboxes to guide users through the Mosaic dashboard and shows a get...
Back To Inspiration
Canva Onboarding Tooltip
Encouraging a simple action for new users to personalize their experience
What this user experience is
A simple tooltip that tells the user what action they should take.
Experience Type
Tooltip
What it's trying to achieve
Canva is trying to get the user to take an action and kick off their UX flow as quickly as possible wihtout getting blocked.
Why is it a good user experience?
Intention
It is perfectly aligned with the user's context on-screen.
Usability
The tooltip is minimally intrusive. It is lined up right against the relevant feature, but doesn't obstruct it at all.
Simplicity
The copy is super short and simple, giving just enough for the user to get started.
How to build this experience with Chameleon
Here's how you can replicate this with the Chameleon Builder using the Tour feature.
- Create an Announcement Tour
- Add a Step and configure it in the Builder
- Set its position anchored to an element
- Add a pointer to indicate where it is being applied
- Add an on-page trigger
Create your own Tooltip in minutes
Try Chameleon to build an onboarding Tooltips just like Canva's
More Tooltip, & User Onboarding examples
Asana
This Asana onboarding tour is playful yet practical, guiding users through key features while keeping...
Google Meet's Tooltip
Google Meet’s new update filters out unwanted background noise, making sure your voice shines through...
HubSpot
This HubSpot project tour strikes a balance between practicality and subtle nudging. The modals provide...
Intercom
This Intercom microsurvey smartly captures feedback at peak engagement, offering quick insights without...
PayScale's Onboading Tour
The PayScale tour you’ve shared offers a clear, data-driven onboarding experience, guiding users step by...