Page MenuHomePhabricator

[WE 3.1.15] Create a "Discover" settings screen
Closed, ResolvedPublic5 Estimated Story Points

Description

Create a Discover settings screen

  • Settings options such as how many articles, the frequency of updates...etc.
  • Links to other screens for selecting base and articles.
  • Add "Discover settings" option in the general Settings screen

Figma - Settings Screen
Figma - Global Settings
user flow

Event Timeline

Seddon updated the task description. (Show Details)
cooltey set the point value for this task to 5.May 15 2025, 5:45 PM

HI @SChekfa-WMF , this is ready for design review.
https://github.com/wikimedia/apps-android-wikipedia/actions/runs/15352717358

Note
1. Interest screen will not open because it is still in development. The actual notification functionality is in different ticket. However, all design elements and options are now ready for review.

thanks for working on this!

some notes:

  1. right now the Discover reading list item containing the switch that toggles the list on/off is set very high on the screen — can we ensure it's placed lower, like other settings components? it should be 16px below the top app bar.
  1. can we make sure that the styling of the switch, both on/off, aligns with the styling of the switch in the other settings options outside the discover list? I realized that the styles aren't inheriting properly — I've updated the Figma file to reflect this. also, there should be no border around the on switch. same goes for the switch associated with "notifications."
  1. can we make sure the margin around the dividers is always 24px? right now the top margin associated with the divider below "Updates weekly" and the bottom border associated with the divider above "Notifications" look a bit narrow.
  1. can we makes sure the dividers are referencing the <border> color token at 1px? it looks a bit dark/thick right now.
  1. can we switch the order of the CTAs in the notification dialog so that "Turn them off" is on the left and "No, keep them on" is on the right?

other than that, I know you mentioned Interests don't work just yet — has the configuration for setting up a list with reading history / saved articles been set up? it's not showing up for me (the reason I ask is because I want to test that the # of articles being recommended is correct).

Hi @SChekfa-WMF, thank you for your review.

3. can we make sure the margin around the dividers is always 24px? right now the top margin associated with the divider below "Updates weekly" and the bottom border associated with the divider above "Notifications" look a bit narrow.

design_review2.png (1,080×2,424 px, 152 KB)

Are you referring to the areas I marked in red?

other than that, I know you mentioned Interests don't work just yet — has the configuration for setting up a list with reading history / saved articles been set up? it's not showing up for me (the reason I ask is because I want to test that the # of articles being recommended is correct).

You should be able to select them from How discover is built option.
https://drive.google.com/file/d/1ZF4xoHKs4g_R4wF_Dkh1Pq93CS0RTM5o/view?usp=sharing

hi @WRai-WMF, thank you for following up —

  1. yes!
  2. yes, that's the process I followed, but for some reason the Discover list did not show up for me under Saved — see below screenshots of my settings / Saved:

Screenshot 2025-06-03 at 12.55.29 PM.png (952×1,958 px, 186 KB)

Screenshot 2025-06-03 at 12.55.24 PM.png (932×1,956 px, 432 KB)

Hi @SChekfa-WMF , the work for displaying the Discover list is currently in progress and is part of the Discover List PR. Apologies for not mentioning that earlier. I submitted this for design review to get feedback on the settings designs and some of the functionality that has already been merged.

Here is the APK with the updated ui fixes.
https://github.com/wikimedia/apps-android-wikipedia/actions/runs/15424150083

hi @WRai-WMF, thank you for fixing! looks great, just one last thing — 

can we make sure the CTAs for turning Discover off reference "it" rather than "them"?

here's how it is now:

Screenshot 2025-06-03 at 3.19.02 PM.png (1,024×2,058 px, 800 KB)

here's how it should be:

Screenshot 2025-06-03 at 3.19.09 PM.png (416×800 px, 52 KB)

thank you!