Folk's Onboarding Walkthrough
Ever signed up for a new tool and immediately questioned all your life choices? Nothing kills enthusiasm...
Back to Redesigns
Airbnb Design Change Modal
Welcome modal to announce a layout and functionality redesign
What this user experience is
A modal that tells users what has changed to the product, and gives a CTA to view those updates, or skip it altogether.
Experience Type
Feature announcement modal
What it's trying to achieve
This modal is trying to educate users and make the adoption of the changes easier for users.
Why is it a good user experience?
Autonomy
It does not force the updates onto the user. Instead, it lets people skip it.
Usability
Though it fills up the screen with a shroud, the user has two options to easily exit the modal, either by the ‘x’ in the upper left corner, or press ‘skip’.
Simplicity
Copy is super simple and short without overwhelming the user with details. The CTA is straightforward.
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
- Decide how it will be triggered
Build your own announcement modal
Replicate the Airbnb modal within minutes with Chameleon
More Modal, User Onboarding, & Redesign examples
Rydoo's Feature Update Modal
A Modal with catchy media that shows a feature update in action and communicates how users can use it.
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...
Chrome's Redesign Tour
Google Chrome’s customization tour is a gentle nudge towards personalization, guiding users step-by-step...
DocuSign’s Sending Experience Coachmarks
DocuSign’s onboarding for their updated interface combines coachmarks with a subtle banner to guide users...