#### 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
#### 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- Age: 21-37
2.- Countries: Philippines, 36United Kingdom, femaleBrazil, United KingdomStates, iPhone 13 Pro MaxMexico
3.- Devices: iPhone 6s, 37iPhone 8, maleiPhone 11, BraziliPhone SE (2nd gen), iPhone 113 Pro Max
4. 34, male, United States, iPhone SE (2nd generation)
5. 21, male, Mexico- Sex: 1x female, iPhone 84x male
**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.