Folk's Onboarding Walkthrough
Ever signed up for a new tool and immediately questioned all your life choices? Nothing kills enthusiasm...
Back To Inspiration
DataCamp User Onboarding Tour
A stepped-out Tour from DataCamp that introduces new users to the app’s interface. Uses a Lightbox and clear CTAs to direct users to valuable actions.
From this tour
Why is it a good user experience?
đź‘Ź Introducing the app interface along with the learning flow and enabling new users to reach aha moments faster.
Usability
It’s clear to users what this is about and they can see how much they have to invest to complete the Tour; it's also easy to move through and review the information.
Intention
New users get a good overview of the app and how they can use it and jumpstart their own flow.
Autonomy
Allows users to skip or complete the Tour; although shrouded, they don't feel blocked.
Want to replicate this?
Here’s how to build in Chameleon
Use Tours: As long as it has a pointer it’s a contextual Tooltip; with Tours, you can create a stepped-out Walkthrough.
Lightbox & Pointer
Attract attention to key new features while providing more insight
Progress bar
Meet your users with clear expectations and show them how much they have to invest in your Tour
Dismiss
Allow users to exit or snooze your Tour; some of them will want to explore on their own and launch it later
More Tour, & User Onboarding examples
Shortcut's Release Notes Slideout
Shortcut uses a native element in their app - "News," to trigger Slideover, which communicates product...
Mosaic's Onboarding Walkthrough
An onboarding Walkthrough that uses Lightboxes to guide users through the Mosaic dashboard and shows a get...
Asana
This Asana onboarding tour is playful yet practical, guiding users through key features while keeping...
Canva
This Canva whiteboard tour is straightforward yet lively, gently nudging users to start their creative...
Chrome's Redesign Tour
Google Chrome’s customization tour is a gentle nudge towards personalization, guiding users step-by-step...