Page MenuHomePhabricator

[Engineering Epic] Suggested Edits Alt-Text Proof of Concept
Closed, ResolvedPublic

Assigned To
Authored By
JTannerWMF
Sep 22 2023, 12:39 AM
Referenced Files
F37808494: suggested edits-13.png
Sep 27 2023, 10:02 AM
F37808490: suggested edits-12.png
Sep 27 2023, 10:02 AM
F37808475: suggested edits-11.png
Sep 27 2023, 10:02 AM
F37808978: suggested edits-10.png
Sep 27 2023, 10:02 AM
F37808973: suggested edits-09.png
Sep 27 2023, 10:02 AM
F37808456: suggested edits-08.png
Sep 27 2023, 10:02 AM
F37808449: suggested edits-07.png
Sep 27 2023, 10:02 AM
F37808446: suggested edits-06.png
Sep 27 2023, 10:02 AM

Description

Background

This fiscal year, the iOS team is seeking to increase unreverted mobile contributions. One of our hypotheses to achieve this growth is by introducing Suggested Edits to the iOS app. We would like to explore a Suggested Edits task that encourages users to add helpful and accurate alt-text to the 95% of images across Wikipedias that are missing them. Before investing too much into this idea, we will start with a proof of concept and get feedback at the GLAM conference in Uruguay and with LATAM and Caribbean users. If the task proves successful, we will build out the full feature and scale it, if it is unsuccessful, we will pivot to Image Recommendations or Article Descriptions.

Must haves for proof of concept
  • Entry point in Settings
  • Prominent guidance for writing good alt-text
  • Users ability to get context about the image from the article
  • Users ability to access relevant metadata (can take user to Web)
  • Detection of which images do not have alt-text
  • Ability to store the responses we get to evaluate if they are good alt-text
  • Ability for users to provide feedback to us about the feature overall with the entry point being in the feature
Nice to have for proof of concept
  • Positive Reinforcement
  • Exposing to users how many tasks or edits they've completed
  • Ability to publish alt-text
  • Limits on the number of tasks that can be completed in a given day or session if it is being published to Wikipedia
  • Entry point via Explore Feed
  • Do not allow users to copy and paste in image caption
User stories

Primarily

  • As a participant at the GLAM Conference in Uruguay, I want to test out an alt-text Suggested Edits Task, to get a concrete idea of the concept and provide meaningful feedback
  • As the Director of Product, I want concrete proof an alt-text Suggested Edits would increase edits on iOS, without creating a burden for patrollers
Designs (Figma )
1. Entry point
suggested edits-03.png (1×786 px, 115 KB)
2. Onboarding
suggested edits-04.png (1×786 px, 91 KB)
3. Learn more
suggested edits-05.png (1×786 px, 160 KB)
4. Feed experience
suggested edits-06.png (1×786 px, 291 KB)
5. Image details
suggested edits-07.png (1×786 px, 524 KB)
6. Article details
suggested edits-08.png (1×786 px, 345 KB)
7. Add alt text
suggested edits-09.png (1×786 px, 132 KB)
8. Filled
suggested edits-10.png (1×786 px, 197 KB)
9. Preview
suggested edits-11.png (1×786 px, 297 KB)
10. Toast
suggested edits-12.png (1×786 px, 648 KB)
11. Next suggestion
suggested edits-13.png (1×786 px, 635 KB)
  1. Entry point
    • Suggested edits entry point within "Settings"
    • The current plan is that this link will lead users to a home page of Suggested edits in the future (Figma)
  2. Onboarding
  3. Learn more
    • The "Learn more about Suggested edits" link leads to an in-app web view of a MediaWiki page (link/contents to be defined by @JTannerWMF)
  4. Feed experience
    • Features article images that lack alt text (and Wikimedia Commons icon), the article title, description, and excerpt
    • The info "i" button at the top right reshows the onboarding screen (2)
    • "View image details →" leads users to an in-app web view of the Commons file detail page (5)
    • "Read full article" leads users to the native article reading view (6)
    • "Suggest alt text for image" leads users to add alt text screen (7)
    • Tapping "Skip suggestion" leads users to the next suggestion (11)
  5. Image details (in-app web view)
  6. Article details (native view)
  7. Add alt text
    • The keyboard is intentionally disabled to make sure users see the "Guidance for writing alt text" section
      • Reuses most parts of the existing wikitext image upload experience from the iOS app (Changes: no image caption field, additional "Guidance for writing alt text" section)
      • Adding alt text from this screen is *mandatory*; that’s why the "Submit" button is disabled until the text field contains a value
      • "View examples" leads to an "Examples" section on the "Learn more about Suggested edits" link/page (3)
      • Optional if easy to implement: Character counter for alt text per @JTannerWMF’s research/external input
  8. Filled state
    • With the enabled "Submit" button
  9. Preview
    • Mostly reuses the designs from the feed experience (4)
    • Features the user's text from the "Add alt text" experience from 7.
    • Two accessibility icons replace the Wikimedia Commons icon to convey its purpose (people with screen readers)
  10. Toast
    • Confirms that the alt text suggestion is submitted
  11. Next suggestion
    • State after dismissing the "Toast" (10) or if users Skip a suggestion (4)
Task
  • Breakdown engineering tasks for this work and create subtasks [Project Lead Engineer]
  • Repurpose this task as an engineering task ask needed

Event Timeline

JTannerWMF created this task.

@scblr please move this to Ready for Dev once you've added the scaled down designs

Seddon renamed this task from Engineering Task for Suggested Edits Alt-Text Proof of Concept to [Engineering Epic] Suggested Edits Alt-Text Proof of Concept .Oct 17 2023, 2:32 PM
JTannerWMF claimed this task.