Post-usability study CAT iterations
I have incorporated findings from the usability study (T230918) as well as additional design team input and revised mocks for the community consultation.
Mobile mocks
 |  |  |  |  |  | |
Desktop mocks
 |  |  |  |  |  |
- List of changes
- Subhead changed from “Images to review” to “Image X of Y for review” -- will be the same for both Popular and Personal Uploads. If there is nothing on Personal Uploads, it will say No images for review
- De-emphasized the image title size
- Removed the “X” functionality of the tags and simplified the tag design
- Changed the tag design to bring it more into line with the existing OOUI style
- Added a small image of what file's being tagged to the “Confirm tags” dialog
- Card design adjustment: moved away from the iOS card style to one that resembles the card-like boxes on Content Translation to fit better with mobile/desktop web style
In previous iterations, we've had wider widths position the image to the left of the tags, but in an interest in keeping the card design consistent across widths, the image remains on the top, and all else below it. These are the current image dimensions we're working with:
- Mobile:
- Max height - 786px
- Max width - 100% of the card
- Tablet and above:
- Max height - 600px
- Max width - 800px
Still to do:
Design icons for onboarding and the Personal Uploads empty state, as the current icons are borrowed from iOS and have been used as placeholders.
What we're we've ruled out doing in V1:
Sticky action buttons on mobile. The team has determined that while it'd be a nice to have, we want to spend our efforts elsewhere for the first iteration. Publish/reset/skip buttons will remain in the card since they won't get cut off often even on smaller screens.
Tasks
- update mocks
- upload mocks to Commons for consultation