Background

The team has now discussed the flow and 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 prototype and protocol.

Task

• Create a clickable prototype for alt-text suggested edits feature
• Write a script to get moderated feedback from participants

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
• 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 and prototype on userlytics.com with 5 participants.

Pool of participants

• Age: 21-37
• Countries: Philippines, United Kingdom, Brazil, United States, Mexico
• Devices: iPhone 6s, iPhone 8, iPhone 11, iPhone SE (2nd gen), iPhone 13 Pro Max
• Sex: 1x female, 4x 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 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.