Folk's Onboarding Walkthrough
Ever signed up for a new tool and immediately questioned all your life choices? Nothing kills enthusiasm...
Back To Inspiration
ChatGPT
The ChatGPT modal introduces users to the flagship LLM model, GPT-4o, highlighting its capabilities in a clear and concise manner. Instead of flooding users with excessive information, the design keeps it simple—just enough detail to generate interest while maintaining low cognitive load.
To introduce the "Explore GPTs" feature, ChatGPT leverages a tour component rather than a modal—a strategic choice that allows users to continue their workflow while subtly directing attention.
From this tour
Non-intrusive introduction to GPT-4o
The modal introduces users to the flagship LLM model, GPT-4o, highlighting its capabilities in a clear and concise manner. Instead of flooding users with excessive information, the design keeps it simple—just enough detail to generate interest while maintaining low cognitive load.
- Focused messaging: The modal efficiently communicates what’s new and why it matters.
- Minimal friction: A single, well-placed CTA (“Try it now”) encourages action without unnecessary complexity.
- Distraction-free design: The modal appears centrally without interfering with the overall interface.
Smart use of a guided tour for feature discovery
To introduce the "Explore GPTs" feature, ChatGPT leverages a tour component rather than a modal—a strategic choice that allows users to continue their workflow while subtly directing attention.
- Contextual & non-disruptive: Instead of interrupting the user’s session, the tooltip seamlessly integrates into the UI, ensuring smooth discovery.
- High visibility without intrusiveness: The blue banner contrasts well against the dark background, making it noticeable but not intrusive.
- Nudging without forcing: The approach respects user autonomy—users see the prompt but are not forced into engagement.
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...