Page MenuHomePhabricator

[User story] [L] Saving & unsaving menu updates
Open, HighPublic2 Estimated Story Points

Description

Background

The Android and iOS mobile apps have had the saved tab and custom reading lists for many years now. They have had slightly different functions on Android versus iOS, but custom lists have always been shared and synced on the server. This year, the Web team is adding a "Saved" function, and they will support saving articles to one list, and soon after custom lists. We want to make sure that the experience matches across Web and the mobile apps when users simply saves something, and adds it to a custom list.

User story

As a Wikipedia reader who saves articles, I want saving from articles and organizing into collections to work the same way across Android, iOS, and Web, so that I can efficiently save and organize articles, and get back to reading.

Requirements

Saving from article view

  • Upon tapping Save on an article, show an updated bottom sheet that includes:
    • Confirmation that the article was saved
    • Entry point to create a new collection (use existing behavior for Create from article view)
    • The 3 most recently created collections, with the ability to access the full list by swiping up (match existing Android behavior upon "Move to reading list")
  • Bottom sheet dismisses automatically after the article is added to a collection or any single action is taken
  • Show a toast after save with confirmation and a "View list" option that takes the user to the collection
  • If no collection selection is made, leave the bottom sheet up until the user dismisses

Unsaving from article view

  • Tapping the save icon again always re-triggers the bottom sheet
  • If an article has been saved but not added to any collections, the user can unsave by tapping the top item
  • If an article has been saved and added to collections, the user can unsave from all collections by tapping the top item (show confirmation that it will also remove it from any collections)
  • If an article has been saved and added to collections, the user can unsave from individual collections by tapping each collection
  • Bottom sheet dismisses automatically after the article is unsaved from a collection or any single action is taken

Places saving

  • After a user taps a location on Places, update the behavior to match article view
  • If an article is unsaved, show "Save" on bottom sheet. Tapping "Save" triggers bottom sheet
  • If an article is saved, show "Saved" on bottom sheet. Tapping "Saved" triggers bottom sheet
    • Remove these options completely: "Remove from Saved", "move to another reading list" and "add to another reading list"

Featured article saving

  • Update the save behavior for the save icon on Featured article in "Community"
  • If an article is unsaved, show "Save" icon unfilled Tapping "Save" triggers bottom sheet
  • If an article is saved, show "Saved" icon filled in menu. Tapping "Saved" triggers bottom sheet
    • Remove these options completely: "Remove from Saved", "move to another reading list" and "add to another reading list"

Long-press/overflow menus from anywhere in the app other than Saved

  • Update the relevant save options shown when a user long-presses on an article link, taps an overflow menu in Community, long-presses on an article in Search, taps the overflow menu in the Games results screen article cards, taps overflow menu in "For you" card
  • If an article is unsaved, show "Save" in the menu. Tapping "Save" triggers bottom sheet
  • If an article is saved, show "Saved" in the menu. Tapping "Saved" triggers bottom sheet
    • Remove these options completely: "Remove from Saved", "move to another reading list" and "add to another reading list"

Long-press bottom sheet menu from Saved

  • Update the bottom sheet menu triggered after long-pressing an article title within "Saved"
    • Remove the option to "add to another reading list" and "move to another reading list" all together
    • When an article is in 0 reading lists (do not count "Saved" as a reading list), show the "Add to a collection" option, and it triggers the bottom sheet (same as in article view)
    • When an article is in 1 reading list (do not count "Saved" as a reading list), show "In 1 collection" option, and tapping triggers the bottom sheet (same as in article view)
    • When an article is in 2 reading lists (do not count "Saved" as a reading list), show "In 2 collections" option, and tapping triggers the bottom sheet (same as in article view)
Design

https://www.figma.com/design/Xuxn2U14hNcxmDdi3TpIhO/Reading-lists?node-id=311-4400&p=f&t=LEbqJfLKotMg9OD4-0

Event Timeline

HNordeenWMF raised the priority of this task from Low to Medium.Jun 29 2026, 2:46 PM
WRai-WMF renamed this task from [User story] Saving & unsaving from article view to [User story] [L] Saving & unsaving from article view.Jul 1 2026, 1:59 PM
WRai-WMF set the point value for this task to 8.
HNordeenWMF raised the priority of this task from Medium to High.Jul 15 2026, 2:42 PM
HNordeenWMF lowered the priority of this task from High to Medium.Mon, Jul 20, 4:36 PM
HNordeenWMF raised the priority of this task from Medium to High.Wed, Jul 29, 2:32 PM

Hi @HNordeenWMF and @SChekfa-WMF,
I’d like to confirm a few details about the expected behavior for the new flow.
Current flow

  1. The user taps the bookmark on an article.
  2. The article is immediately added to the built-in Saved list.
  3. A snackbar appears with text: “Saved {article name}. Do you want to add it to a list?”, and an "Add to list" action.
  4. Tapping Add to list opens the list-selection bottom sheet.

If the user taps the filled bookmark again from the article screen, currently it shows a small popup menu with options such as Add to another list, Move from A to B, and Remove from A.

Questions about the new flow

  1. When the user first taps Save or bookmark icon, the new bottom sheet opens immediately and the article is added to the built-in Saved list. The requirement says the sheet should include “confirmation that the article was saved.” Is the filled bookmark in the top article row intended to be that confirmation, or should the sheet also show a written confirmation such as “Saved”? Figma Link
  2. When the user taps the filled bookmark again from the article, should the new bottom sheet replace the current popup menu entirely?
    Screenshot_20260731_105401.png (1,080×2,424 px, 1 MB)
  3. Does “the top item” mean the article row containing the title, description, thumbnail, and bookmark icon? If so, is the entire row clickable to save/unsave the article, or only the bookmark icon? Figma Link
  4. Does the collection count exclude the built-in Saved list?
  • Since every saved article is already in Saved (Default list), I assume:
    • 0 collections means the article is only in Saved.
    • 1 collection means it is in Saved plus one custom collection.
    • 2 collections means it is in Saved plus two custom collections.

Is that correct?

I'll give my understanding, Sarah feel free to correct

  1. Is the filled bookmark in the top article row intended to be that confirmation, or should the sheet also show a written confirmation such as “Saved”? Figma Link

The filled bookmark in the top article row is the first confirmation.

  1. When the user taps the filled bookmark again from the article, should the new bottom sheet replace the current popup menu entirely?

Yes

  1. Does “the top item” mean the article row containing the title, description, thumbnail, and bookmark icon? If so, is the entire row clickable to save/unsave the article, or only the bookmark icon? Figma Link

Yes.
For unsaving, tapping on the entire row including the bookmark icon unsaves.

  1. Does the collection count exclude the built-in Saved list?

Your assumptions are correct - collection count does not include "Saved" default list

HNordeenWMF renamed this task from [User story] [L] Saving & unsaving from article view to [User story] [L] Saving & unsaving menu updates.Thu, Aug 6, 5:02 PM
HNordeenWMF updated the task description. (Show Details)
HNordeenWMF updated the task description. (Show Details)
HNordeenWMF updated the task description. (Show Details)
WRai-WMF changed the point value for this task from 8 to 2.Tue, Aug 11, 4:23 PM
WRai-WMF set Final Story Points to 8.