Page MenuHomePhabricator

[Mobile Reading list] Notify users of the Reading List feature
Closed, ResolvedPublic3 Estimated Story Points

Description

T409861 and T409865 are is prerequisite for this ticket

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 iconDialog pointing to user menu
Article.png (384×699 px, 109 KB)
Article.png (384×699 px, 112 KB)

CTA on tablet is adjusted to not be full width

Screenshot 2026-03-05 at 3.34.52 PM.png (1,684×1,362 px, 188 KB)

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
  • 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

Event Timeline

Sneha raised the priority of this task from High to Needs Triage.Nov 19 2025, 6:50 PM
Sneha triaged this task as High priority.
Sneha moved this task from Backlog to Needs refinement on the Reader Experience Team board.
Sneha moved this task from Needs refinement to Backlog on the Reader Experience Team board.
Sneha raised the priority of this task from High to Needs Triage.Nov 21 2025, 3:09 PM
Sneha updated the task description. (Show Details)
Sneha moved this task from Backlog to Needs refinement on the Reader Experience Team board.
bwang triaged this task as High priority.Nov 24 2025, 6:51 PM
Jdlrobson-WMF set the point value for this task to 3.Dec 2 2025, 5:10 PM

Change #1219883 had a related patch set uploaded (by Aude; author: Aude):

[mediawiki/extensions/ReadingLists@master] POC - Mobile notification popover for ReadingLists

https://gerrit.wikimedia.org/r/1219883

HFan-WMF lowered the priority of this task from High to Medium.Feb 10 2026, 6:32 PM

@HFan-WMF I thought about this a bit more. And I think we should make this higher priority. Especially the second dialogue that appears on first save - the access to save pages is inside a menu which may not be discoverable right away so its important we let users know where to find their saved pages when they first save anything. For the other prompt I think at least during the beta phase it will be good to make it as discoverable as possible for accurate assessment of interest in the feature so we can rule out lack of discovery as an issue.

The reason we should not go with pulsating dot right now is that I think to dismiss it you have to tap on the button (or atleast that is my understading) and we don't want to force users to save something they are not interested in saving just to dismiss the dot.

HFan-WMF raised the priority of this task from Medium to High.Feb 11 2026, 7:10 PM

Change #1247654 had a related patch set uploaded (by Aude; author: Aude):

[mediawiki/extensions/ReadingLists@master] Add tests for the OnboardingPopover

https://gerrit.wikimedia.org/r/1247654

Change #1247686 had a related patch set uploaded (by Aude; author: Aude):

[mediawiki/extensions/ReadingLists@master] Add "Saved pages" popover for Minerva after first page saved

https://gerrit.wikimedia.org/r/1247686

Change #1248090 had a related patch set uploaded (by Aude; author: Aude):

[mediawiki/extensions/ReadingLists@master] Split onboarding popover into skin-specific resource loader modules

https://gerrit.wikimedia.org/r/1248090

Change #1247654 merged by jenkins-bot:

[mediawiki/extensions/ReadingLists@master] Add tests for the OnboardingPopover

https://gerrit.wikimedia.org/r/1247654

Change #1219883 merged by jenkins-bot:

[mediawiki/extensions/ReadingLists@master] Mobile notification popover for ReadingLists

https://gerrit.wikimedia.org/r/1219883

Change #1247686 merged by jenkins-bot:

[mediawiki/extensions/ReadingLists@master] Add "Saved pages" popover for Minerva after first page saved

https://gerrit.wikimedia.org/r/1247686

Change #1248090 merged by jenkins-bot:

[mediawiki/extensions/ReadingLists@master] Split onboarding popover into skin-specific resource loader modules

https://gerrit.wikimedia.org/r/1248090

Etonkovidova subscribed.

Checked on enwiki beta - looks/behaves as expected.

Design - Dialog pointing to Save iconenwiki beta
Article.png (384×699 px, 109 KB)
Screenshot 2026-03-10 at 6.27.09 PM.png (720×1,396 px, 337 KB)
Design - Dialog pointing to user menuenwiki beta
Article.png (384×699 px, 112 KB)
Screenshot 2026-03-10 at 6.27.22 PM.png (748×1,412 px, 345 KB)

Tablet:

Designenwiki beta
Screenshot 2026-03-05 at 3.34.52 PM.png (1,684×1,362 px, 188 KB)
Screenshot 2026-03-10 at 6.28.42 PM.png (1,612×1,420 px, 482 KB)
Screenshot 2026-03-10 at 6.28.55 PM.png (1,636×1,196 px, 424 KB)

@aude, the first h4(?) in the notification has padding enabled, adding too much vertical space on top. We should tackle this for a harmonious layout.