Page MenuHomePhabricator

[S] Create en-specific slides and logic to display
Closed, ResolvedPublic1 Estimated Story Points

Assigned To
None
Authored By
HNordeenWMF
Dec 2 2024, 9:35 PM
Referenced Files
F58138011: image.png
Jan 7 2025, 10:50 AM
F58138009: image.png
Jan 7 2025, 10:50 AM
F58108424: image.png
Jan 3 2025, 12:30 AM
F58107665: IMG_0175.JPG
Jan 2 2025, 7:27 PM
F58029629: image.png
Dec 19 2024, 12:27 PM
F58029624: CleanShot 2024-12-19 at 12.22.04.png
Dec 19 2024, 12:27 PM
F58029632: CleanShot 2024-12-19 at 12.24.57.png
Dec 19 2024, 12:27 PM

Description

Background

The Apps team plans to explore if a Wikipedia in Review feature that displays insights about a user's reading history, editing history, and donation history is engaging for App users, and inspires them to make a donation to the Wikimedia Foundation. For users with English as their primary language, we want to show an altered version of the feature, that repurposes content from the Year in Review microsite.

Requirements
  • PM Finalize copy for EN slides - Finalized with comms but copied into Figma yet!
  • If a logged out user's primary app language is set to English, display the 4 English collective slides instead of the generic ones
  • If a logged in users' primary app language is set to English, display the personalized slides where eligible, and fall back to the English collective slides when they do not have data
  • If a users's primary app language is not English, they should see the generic slides.
  • Strings for these slides should NOT include the year-in-review in their translate.wiki ID, use instead microsite-yir (We don't want these to be priority for translation)

Nice-to-have

  • If a user changes their primary app language and then re-opens YiR, listen for language and make the update to the feature.
Designs
Engineering Notes

Event Timeline

HNordeenWMF updated the task description. (Show Details)
HNordeenWMF updated the task description. (Show Details)
Tsevener renamed this task from Create en-specific slides and logic to display to [S] Create en-specific slides and logic to display.Dec 4 2024, 6:46 PM

Looks good @Tsevener @GOlson-WMF 👏👏👏 Two nitpicks:

1) Slide 2: Overlapping footer:

CleanShot 2024-12-19 at 12.24.57.png (2×1 px, 554 KB)

2) As we can’t indent the numbered list properly, please left-align all text:

ImplementationvsDesign
CleanShot 2024-12-19 at 12.22.04.png (2×1 px, 483 KB)
image.png (1×786 px, 293 KB)

@scblr
Getting it fixed!
For right now, we aren't going to be fixing #1 (the overlapping footer) but we will be fixing it in this ticket: https://phabricator.wikimedia.org/T379979
It requires a lot of custom rework so it's a bit heavy of a lift atm, but will be done (eventually) :)

Can be reviewed again in TestFlight 7.6.3 (4669).

Looks good @Tsevener @GOlson-WMF 👏👏👏 Two nitpicks:

1) Slide 2: Overlapping footer:

CleanShot 2024-12-19 at 12.24.57.png (2×1 px, 554 KB)

For right now, we aren't going to be fixing #1 (the overlapping footer) but we will be fixing it in this ticket: https://phabricator.wikimedia.org/T379979
It requires a lot of custom rework so it's a bit heavy of a lift atm, but will be done (eventually) :)

Thx @GOlson-WMF — I believe addressing this will be crucial for the release since it will impact a large number of users (CC @HNordeenWMF).

2) As we can’t indent the numbered list properly, please left-align all text:

ImplementationvsDesign
CleanShot 2024-12-19 at 12.22.04.png (2×1 px, 483 KB)
image.png (1×786 px, 293 KB)

Looks good now!

@scblr I agree that the overlap is not something we should release without fixing. Before picking up T379979 to fix it, I'm checking if we can cut the copy down. (Either only list top 3, or remove the lead in sentence from first paragraph).

@GOlson-WMF I'm also seeing a less-than ideal display for the sharing view of that slide - is that something we can fix?

IMG_0175.JPG (2×1 px, 325 KB)

Another option if it's simpler: we could have the "share" button on this slide just be the link to the blogpost instead of an image

@scblr could you share steps to recreate the overlap? I'm not seeing it on any of my devices, and trying to get an idea of how many people it will affect. Here's what I see when content overflows (scrollable behind the toolbar)

image.png (2×1 px, 535 KB)

Looks good @Tsevener @GOlson-WMF 👏👏👏 Two nitpicks:

1) Slide 2: Overlapping footer:

CleanShot 2024-12-19 at 12.24.57.png (2×1 px, 554 KB)

@GOlson-WMF @scblr if necessary, we can also shorten the copy on this slide (3 options here, approved by Comms)

HNordeenWMF added a subscriber: ABorbaWMF.

Hi @ABorbaWMF, as you review this: let us know if you see this issue Robin saw. We haven't been able to recreate it easily.

1) Slide 2: Overlapping footer:

CleanShot 2024-12-19 at 12.24.57.png (2×1 px, 554 KB)

@HNordeenWMF @GOlson-WMF @ABorbaWMF

I noticed the overlap with build 210. Just reproduced it again on iOS 18.2 on an iPhone 15 Pro. I didn’t do anything special (region set to United States, light theme):

  1. Installed the build without a reading history or being logged in
  2. Used the sheet entry point (not profile)
  3. Swiped to the second card

Video: https://www.dropbox.com/scl/fi/b8tjqas4flzguq8i8h3ws/yir-overlap.mov?rlkey=a68o6cj8zksrwglf4zubx9qmx&dl=0

Dynamic type setting:

image.png (2×1 px, 124 KB)

App font size setting:

image.png (2×1 px, 264 KB)

I hope that helps!

Thanks @scblr ! I see it now - I had a smaller dynamic type size.
@GOlson-WMF could you try removing this sentence "When people want to learn about our world—the good, bad, weird, and wild alike—they turn to Wikipedia." and see if that solves this? We can function without it!

@GOlson-WMF heads up I'm not seeing the fixes you made to share for the Top 5 Articles slide in the latest Test Flight build either (4683)

HNordeenWMF removed GOlson-WMF as the assignee of this task.