Back to Gallery

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.

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.

Learn more about Tours
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

Boost product adoption and
reduce churn

Get started free in our sandbox or book a personalized call with our product experts