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 | 2. Onboarding | 3. Learn more | 4. Feed experience | 5. Image details | 6. Article details | 7. Add alt text | 8. Filled | 9. Preview | 10. Toast | 11. Next suggestion |
- 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)
- Onboarding
- Exact contents to be defined by @JTannerWMF
- 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)
- 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)
- Image details (in-app web view)
- Article details (native view)
- 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
- The keyboard is intentionally disabled to make sure users see the "Guidance for writing alt text" section
- Filled state
- With the enabled "Submit" button
- 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)
- Toast
- Confirms that the alt text suggestion is submitted
- 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