Page MenuHomePhabricator

Create Year in Review Highlights Slide
Closed, ResolvedPublic5 Estimated Story Points

Assigned To
Authored By
JTannerWMF
Aug 22 2025, 7:29 PM
Referenced Files
F66055850: IMG_7678.PNG
Sep 18 2025, 4:18 PM
F66055849: IMG_7677.JPG
Sep 18 2025, 4:18 PM
F66026193: IMG_7555.JPG
Sep 16 2025, 4:40 PM
F66026192: IMG_7558.JPG
Sep 16 2025, 4:40 PM
F66026191: IMG_7553.JPG
Sep 16 2025, 4:40 PM
F66026182: Settings 10.jpeg
Sep 16 2025, 4:40 PM
F66026172: IMG_7552.PNG
Sep 16 2025, 4:40 PM
F66026166: Settings 9.jpeg
Sep 16 2025, 4:40 PM

Description

Background

This year we would like to offer users highlights from their Year in Review that they would be able to share to social media.

Requirements

  • The presentation when downloaded should resemble a Wikipedia infobox
  • There should be a prominent share button on the highlights slide
  • Highlights should vary based on if a user is logged-in and if they have EN wiki has their primary language Wikipedia
  • [Added Nov 6] Omit the highlights slide completly if the user does not have at least 2 insights to display in the slide.
Logged-out EN Wiki

Highlights should include:

  • Most popular articles on EN Wiki
  • # of Hours spent reading
  • # of changes editors made
Logged-out non-EN Wiki

Highlights should include:

  • # of articles viewed collectively
  • # of reading lists made
  • Editors on-app
  • How often Wikipedia was edited
Logged-in

Highlights should include:

  • Articles read the longest (show in blue link color but does not have to be clickable)
  • Time spent
  • Favorite day to read
  • Articles saved
  • Categories that interested me
  • # of articles edited (if 0 do not show)

Engineering Notes

  • All of the personalized information that we need for this will have already been fetched and persisted for the individual slides, so there's no need to create a new slide data controller for this.
  • Create a new highlights view model and view for display in the feature.
  • In WMFYearInReviewViewModel, when slide view models are instantiated and organized into a flow, you can initiate the new highlights slide view model and insert it in the correct location for V3. You should already have easy access to the persisted personalized slide data that you need from instantiating the other slide view models.
  • Create new sharing view for exporting as an image to share.
Testing Notes

Test in latest Wikipedia (white icon) TestFlight 7.8.6 build.
Can toggle Year in Review on in developer settings to bypass config active date, or change device time to see feature.

Event Timeline

Tsevener set the point value for this task to 5.Aug 26 2025, 2:06 PM

This needs to be tackled near the end, once we have all the data crunched from the other individual slides. Moving to Blocked/Waiting to reflect that.

Tsevener triaged this task as Medium priority.Sep 2 2025, 8:32 PM

Hi @SChekfa-WMF I just noticed the logged-in slide mentions "minutes read" whereas the time spent slide calculates time spent in hours. Is this difference intentional? Can they both be calculated in hours?

Screenshot 2025-09-09 at 10.19.22 AM.png (543×442 px, 77 KB)

@Tsevener ah sorry about the confusion!

@JTannerWMF how would you feel about rendering this number in minutes? my concern here is that (like we discussed earlier) there is a chance most people have not spent hours on the app, so the number might be more remarkable in minutes — what do you think? (if you prefer hours across the board I can just change all references to hours.)

@SChekfa-WMF This can be design reviewed in Staging 7.8.3 (106).

You can reference the test steps in https://phabricator.wikimedia.org/T402680#11183218 to trigger the 4 different configurations, but note that on the collective highlights (logged out), we do not yet have final numbers.

Thanks!

@Tsevener thank you! some notes:

logged in variant (EN and non-EN)

Settings 9.jpeg (2×1 px, 1 MB)

  1. can we make sure the categories are not blue-linked?
  2. can we reduce the padding between the CTA and the footer so that it is at 16px, in keeping with the Donate CTA in the slide right before it?
  3. if a user is an editor, that "articles edited" line should appear at the bottom of the social share, rather than below "articles saved."
  4. would it be possible to send me logged-in screenshots of this screen featuring very long article names and category names so I can ensure the truncation is working correctly, capping each line item at 3 lines?

logged-out, non-EN variant

IMG_7552.PNG (2×1 px, 569 KB)

  1. can we make sure the width of the infobox is consistent with the logged-in version? it seems to have shrunk a lot for the logged-out versions.
  2. can we make sure there are 12px margins between each line item? it seems a bit tight.
  3. Jaz confirmed yesterday that "editors on-app" should actually say "Edits on app" — can we please update?
  4. "Number of reading lists created" should not be a line item for logged-out non-EN users.

logged-out, EN variant

Settings 10.jpeg (2×1 px, 1 MB)

  1. can we make sure the entire title is seen for every line item — looking specifically at "Most popular articles on English Wikipedia," which is truncated currently.
  2. there should be 5 top English articles, per the schema from last year.

social share image

IMG_7553.JPG (2×1 px, 248 KB)

IMG_7558.JPG (2×1 px, 260 KB)

IMG_7555.JPG (2×1 px, 296 KB)

  1. it looks like the font rendering "#WikipediaYearInReview," image caption, and titles "articles I read the longest," etc — is not Helvetica — can we make sure it's using Helvetica everywhere within the social graphic, and that all type sizes (font size, line-height) follow the spec. you already have it right in the highlights screen, so if we can just ensure that copies over to the actual social share image that would be great.
  2. the margins on the social share image are also off — can we make sure they follow the dimensions in the highlights screen?
  1. also, one last note — Jaz confirmed yesterday that for logged-in users who edited, that line item should read "Times edited," not "Articles edit," in alignment with the mention in the slides. can we please fix this? TY

See Staging 7.8.3 (107) for design review build. You can reuse test steps from https://phabricator.wikimedia.org/T402680#11183218.

hi @Tsevener, I'm trying to review and followed the instructions you link, but the YIR toggle is missing, please see video below:

https://drive.google.com/file/d/1rEUp6e4C_fqKwri2riWR7aNj8gwiYWwH/view?usp=sharing

do you know what might be happening?

@SChekfa-WMF Please try this one again! Same build on Staging. There was an issue with the config, it should work now.

hi @Tsevener , thank you for fixing!

just a few last things that need to be updated that I don't see captured here:

  1. Jaz confirmed that for logged-in users who edited, that line item should read "Times edited," not "Articles edited" in alignment with the mention in the slides. can we please fix this? TY
  1. The social share image still seems to be pulling the incorrect type token/margins compared to the correctly rendered highlights screen — see the difference below:

IMG_7677.JPG (2×1 px, 309 KB)
vs

IMG_7678.PNG (2×1 px, 571 KB)

  1. Would it be possible to send me logged-in screenshots of this screen featuring very long article names and category names so I can ensure the truncation is working correctly, capping each line item at 3 lines?

This feedback isn't necessary to address before user testing since it's quite minor, but let's please get this into the production build. TY

also just one last thing — the infobox in the highlights screen is not fully centered in the middle of the screen. can we make sure this is addressed for production? not a big deal for testing.

@SChekfa-WMF Hi! Can you design review this again? It will be on the main Wikipedia TestFlight app, version 7.8.3 (5839).

Test steps:

  1. Delete all Wikipedia apps on device. Fresh install on device, EN primary app language, log in on app.
  2. Visit articles many, save many articles, visit many Articles from Places.
  3. Go to YiR Developer settings, enable V3 flag.
  4. Go through feature, ensure highlights slide looks right.
  5. Change primary app language to Test Wiki (assuming your account has edits). Go back through Year in Review through Profile, ensure highlights looks right.
  6. Log out. Go back through Year in Review through Profile, ensure highlights looks right.
  7. Change primary app language back to EN Wiki. Go back through Year in Review via profile, ensure highlights looks right.

We're updating the highlights slide quite a bit in https://phabricator.wikimedia.org/T406944, so I'll move this to Blocked until that is done.

Tsevener renamed this task from Create Year in Review Highlights Slide to Create Year in Review Highlights Slide.Oct 28 2025, 10:14 PM
Tsevener updated the task description. (Show Details)

@SChekfa-WMF Moving this original ticket + user testing updates task (https://phabricator.wikimedia.org/T406944) back to design review. No more Staging builds, you should be able to test against the latest main TestFlight (white icon) Wikipedia build (7.8.5).

Per slack: I added the requirement

[Added Nov 6] Omit the highlights slide completly if the user does not have at least 2 insights to display in the slide.
ABorbaWMF subscribed.

Looks good to me on 7.8.6 (5885). Tested on iPhone 16 on iOS 26, iPad 12.9 on iPadOS 26, and iPhone 11 on iOS 18.

HNordeenWMF claimed this task.