Design Tasks

• RS Create a Figma file
• RS Get final sign-off from Product and then add screens to this task
• RS Create translations request for interface to be translated into target languages
• TS Review screens and add any questions or possible constraints to consider on the task

Requirements

Must Haves

• Share at least 2 personalized insights on App usage or editing for logged-in app users
• Personalized Insights should cover at least 30 days of activity
• Share at least 1 insight collective insight for each category: Reading trends, editing trends, Foundation Impact & Fundraising effectiveness for logged-in and logged-out users
• Allow users to share individual slides
• Ask satisfaction at the end, and collect text feedback
• Present opportunity to donate for countries where we accept donations from
• Ask users to opt-in to more robust tracking for a future iteration in the App
• Prompt logged-out users to create an account, or log in
• Where data comes from should be transparent to the user (link to media.wiki page). It should be clear that reading data is only from a user’s App usage, and does not contain reading insights from Web
• Edits should be confined to Wikipedia edits, and include those made outside the app
• API calls for Editing Data should not cause strain on core APIs
• Users should be able to view their year in review multiple times
• Allow users to dismiss/clear their year in review
• Label the feature as beta or experimental
• Feature is fully accessible using dynamic type and VoiceOver
• Articles that are filtered out of Top Read should also be filtered out of insights

Nice-to-have

• Compare personalized insights to all App users, or collective insights
• Personalized Insights cover a longer period of time, ideally the calendar year of 2024
• The share feature includes a CTA for others to download the iOS App, with a custom app store link for tracking downloads that come from it

User Stories

Primarily:

• As a Wikipedia reader, I want to be visually struck and leave the experience remembering how cool and useful Wikipedia is —inspired and in awe at the breadth and depth of human knowledge that can happen over the course of a year and ready to give back with a donation.
• As a Wikipedia reader, I want to see a breakdown of my reading habits in the App, so I share my quirky Wikipedia reading habits with friends on social media.

Secondarily:

• As an editor on Wikipedia, I want to see insights about my editing contributions to Wikipedia so I can understand my overall impact this year and share them with friends.

Designs (Figma)

Core flow

Start

1) Reuses new feature announcement modal from T358894
2)

• "Hide this feature" triggers the dialog outlined in 19
• Tapping "Done" and swiping down the sheet trigger the tooltip outlined in 15

Personalized slides

3) Slide design consists of:

• Illustration (or article image)
• Share (leads to share flow outlined in 20)
• Donate (leads to donation flow outlined in 27)
• Done (leads to tooltip outlined in 15
• Next (goes to next slide)
• Info icon (contains more information about the data presented on the slide, leads to 15

4)

• Prepare this slide to have different illustrations per weekday.
• Show non-personalized slide when no user data is available.

5) Ideal scenario: use an image carousel from the user’s saved articles (disabled swipe gestures, automatic, fade-in/out, 3s, with 10 articles from the user saved articles, same design as for 6). Alternative: static illustration as for the other slides.

6)

• Ideal scenario: use header image from the user’s top-read article. Alternative: static illustration as for the other slides (see 7)
• Show non-personalized slide when no user data is available

8)

• Slide feasibility still pending (go @Tsevener ✨)

9) Show non-personalized slide when no user data is available

10) Show non-personalized slide when no user data is available

11) Show this slide if the user has donated before, so we’re not asking for another donation.

Non-personalized slides

These slides replace the personalized slides in case there’s no user data. The minimum experience for users will be to see the slides below.

End

12) Reuse component from T370308
13) Confirmation toast (design can differ, if a large content viewer is easier @Tsevener, please go with it. Background: I’d like us to move away from toasts in the future, as they’re non-native to the platform. Reference: Apple Music:

14) Log-in dialog if users are not logged in

Additional notes

Tooltips

15)

• @HNordeenWMF define content per slide
• Ideal scenario: Tooltip supports links (to project page). Alternative: Tooltip only supports plain text.

Dismisses half-sheet

16)

• Ideal scenario: If users exit throughout the experience either through tapping "Done", swiping to dismiss, or making a "Donation" via the Donate link (26), they see this tooltip to continue their journey. In any case, the tooltip is only shown once.
• A notification dot also indicates to users that a feature’s been added to the Profile

17) The profile view contains the "Year in Review" item for logged-in users

18) The item contains helper text for logged-out users.

Taps "Hide this feature"

19)

• The feature can be re-enabled with a setting added below "Explore feed" within Settings.
• Label: Wikipedia Year in Review (SF symbol: timelapse). Reference for toggle → iOS Date & Time:

Share flow

21) Sharing triggers the native share sheet

22) Logged-in variant of the image features the contents of the current slide plus username and hashtag. The image is generated and attached once the user chooses the destination.

23) The logged-out variant of the image does not contain the username.

24) Copy: Here’s my Wikipedia Year in Review 2024, created with the Wikipedia iOS app (https://apps.apple.com/ch/app/wikipedia/id324715238?l=en) #WikipediaYearinReview

Donation flow

Goes through the same donation flow as in other places of the app. If they’ve donated via the donate link (26), they’d see a tooltip, either:

They don’t see a sheet if they donated via the "Donate now" CTA on the last slide.

Copy & Translations

• Submitted for translations (FR, IT) on Oct 4 to @Bethany
• Can be found here