#### Background
The team has now discussed the flow and [[ https://whimsical.com/ios-suggested-edits-Eit7pTVC7JumhhFj57mw6T | initial design concepts ]] for the feature. We now need to create a clickable prototype to get feedback outside of our team. Here’s the link to [[ https://www.figma.com/proto/OX2V6Lbfi2Jyd0ZVeeXoGQ/iOS-Suggested-Edits%3A-Alt-Text?page-id=166%3A3630&type=design&node-id=168-4708&viewport=937%2C456%2C0.48&t=WSNzPNMQqrl7vDgY-8&scaling=scale-down&starting-point-node-id=168%3A4708&hotspot-hints=0&hide-ui=1 | prototype ]] and [[ https://docs.google.com/document/d/18HQW_dc-TcBGWu-Y8WRkZTqcsckbfWJQxCru1EiURpI/edit | protocol ]].
#### Task
[x] Create a clickable prototype for alt-text suggested edits feature
[x] Write a script to get moderated feedback from participants
#### Must haves for proof of concept
- [x] Entry point in Settings
- [x] **Prominent** guidance for writing good alt-text
- [x] Users ability to get context about the image from the article
- [x] Users ability to access relevant metadata (can take user to Web)
- [x] Detection of which images do not have alt-text
- [x] Ability to store the responses we get to evaluate if they are good alt-text
- [x] A feedback mechanism for users to report about the overall experience of the feature
#### Nice to have
- [ ] Positive Reinforcement
- [ ] Exposing to users how many tasks or edits they've completed
- [ ] Ability to publish alt-text
- [ ] Limits on number of task 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
#### Usability test summary
The unmoderated usability tests have been performed with this [protocol](https://docs.google.com/document/d/18HQW_dc-TcBGWu-Y8WRkZTqcsckbfWJQxCru1EiURpI/edit?usp=sharing) and [prototype](https://www.figma.com/proto/OX2V6Lbfi2Jyd0ZVeeXoGQ/iOS-Suggested-Edits%3A-Alt-Text?page-id=394%3A237&type=design&node-id=394-1274&viewport=-1813%2C296%2C0.42&t=casogpP6FdpDbZyb-8&scaling=scale-down&starting-point-node-id=394%3A1274&hotspot-hints=0&hide-ui=1) on [userlytics.com](https://userlytics.com/) with 5 participants.
**Pool of participants**
1. 25, male, Phillippines, iPhone 6s
2. 36, female, United Kingdom, iPhone 13 Pro Max
3. 37, male, Brazil, iPhone 11
4. 34, male, United States, iPhone SE (2nd generation)
5. 21, male, Mexico, iPhone 8
**Findings**
* 1 user read through the onboarding screens but still was surprised that the task was around describing images.
* 1 user did not notice the image information and had a hard time differentiating between article and image information
* 1 user wanted to edit the alt text on the image info page
* 1 user did not initially see the CTA to add alt text due to its position on the page (under the scroll)
* ‘View examples’ is not tappable, but there is a task around this. This wasn't very clear for 1 user.
* 3 of 5 users were confused about the preview screen – they believed they had published after the initial submission on the editing screen
* 1 user suggested being able to type the text directly on the first screen and then publish vs. going to a secondary screen, seeing a preview, and then having the text be published
**Changes made:**
- Labels have been changed from "Submit" and "Publish" to "Next" and "Submit" to make it more clear it’s a step-by-step process.
- Added a [feedback mechanism](https://www.figma.com/file/OX2V6Lbfi2Jyd0ZVeeXoGQ/iOS-Suggested-Edits%3A-Alt-Text?type=design&node-id=397-1451&mode=design&t=vVB9ToC2HeI0iWgF-4) to prototype to make sure participants at the GLAM conference can submit comments.
- Per conversations with the engineers and not directly related to the usability tests: "Learn more about Suggested edits" and "View examples" links will take users to Mobile Safari to lower engineering costs.