Background
As part of introducing Reading list on mobile web, we would like to draw people's attention to the feature the first time they encounter it.
User story
As a logged-in reader, I'd like to be notified about the new Reading List feature only once
Design
| Dialog pointing to Save icon | Dialog pointing to user menu |
 |  |
Link to Figma
Requirements
- The first onboarding dialog points to Save icon
- The second onboarding dialog points to user menu after the user saves the first item, to inform them where they can find it later.
For both dialogs:
- The onboarding dialogs should only ever be showed once for users
- Dialog is shown only to accounts in the experiment/eligibility group
- The onboarding dialog only appears when the Save icon or User Menu is visible on the screen
- The dialog can be dismissed by tapping on "Ok" or tapping outside the the dialog
- Ensure we do not add a performance burden for all users (e.g. load the entirety of Codex on page load)
Note: The onboarding dialog on mobile are intentionally different from the the Desktop one. Implementing the mobile version should not affect the Desktop dialogs.
Technical Notes
Reference T400366 - Desktop implementation