Chili Piper's Research Panel Recruitment Modal
Most research recruitment experiences read like they survived a legal review: they explain the study,...
Back To Inspiration
Slack's Activity Feed Redesign Tour
Redesigns create a peculiar onboarding problem: the user already knows how to use your product, but not this version of it. Sending a welcome tour feels patronizing. Doing nothing leaves them confused. Slack addresses this on the redesigned Activity feed with a compact three-step tooltip tour that fires on first visit. Each tooltip parks next to the exact UI element it describes, covers one feature in two sentences, then moves on. The sequence ends with "Got it" rather than "Next," a small signal that the orientation is complete and the user is ready to explore on their own.
From this tour
Why it works
Lead with the pain, not the feature
The first tooltip doesn't open with a feature name. It opens with a user fear: missing something. "Don't miss an unread" names the anxiety that anyone managing a busy notifications inbox already carries. The feature explanation follows, but only after the headline has earned attention by speaking to something the user feels.
The upgrade that earns a habit
Step 2 introduces the ability to name and save filter combinations for quick reference. This is deliberate sequencing: step one establishes that filters exist and are useful; step two reveals that those filters can be made permanent. The upgrade from "useful this one time" to "useful every time" is what converts a feature into a habit. Many users would apply the unread filter once and never realize they could save it. This step exists to close that gap.
Save the efficiency unlock for last
Dense mode is the feature most likely to matter to heavy users of an activity feed: people who need to triage a high volume of notifications quickly. By step three, users are already oriented and primed to engage with the most advanced feature in the sequence. Swapping the CTA from "Next" to "Got it" at this point signals that the tour is complete and hands control back to the user, rather than leaving them wondering if there's more to come.
Replicate this with Chameleon
Build a tour to orient users to a redesigned section of your product on their first visit.
- Target users on their first visit to the updated page, not on general login
- Anchor each tooltip to the UI element it describes and keep each step to one idea
- End on your highest-value power feature and close with a completion CTA to signal the tour is done
More Tour, Redesign, & User Onboarding examples
Chameleon's New User Activation Banner
Most new users don't fail to publish because they're not interested. They log in, poke around, and then...
Folk's Onboarding Walkthrough
Ever signed up for a new tool and immediately questioned all your life choices? Nothing kills enthusiasm...
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...
