Paddington - Design Audit Platform
UI/UX Redesign
Summary:
This project showcases a redesign of an existing internal Amazon tool which assists Design Quality Auditors to audit images from studios that go on Amazon Prime Video Channels.
I began by designing the customers/personas/user experience in the application.
Below are the personas who will interact with the application & their experience
Persona Name: Design Quality Auditor (DQA)
Persona Experience:
- I want the ability to go over and audit each image provided by the studio
- I want the ability to view the image provided by the studio next to the same image with the Amazon visual guidelines over it
- I also want the ability to provide my feedback next to the comparison
- I want the ability to provide feedback via a repository of common issues as tags
- I also want the ability to provide additional feedback as text if the above mentioned tags do not address my feedback
- I also want the ability to use a pencil tool over the image to provide visual queues for my feedback
- I also want the ability to upload attachments to my feedback
- I want the ability to review my feedback before I submit it
Persona Name: Studio POC
Persona Experience:
This experience will be fleshed out as part of Phase 2
Design tenets:
- Avoid context switching by providing all tooling necessary for personas in-house
- Provide all interaction points for the persona in a single UI
- Avoid overloading the visual experience of the persona by providing minimum interaction points
- Remove the need of special skill currently required in the audit process
- Avoid color oriented interaction points and favor icon/text oriented ones
- Use rounded edges to provide a visually friendly experience
Below is the UI mockup of the tool redesign
Step 1 –
The user will provide feedback on each image in the set
Step 2 –
After providing all the feedback, the user can review all the feedback provided on this set of images
Step 3 –
After reviewing all the feedback given, the user can click 'submit' and begin QAing the next set of images
Dark mode
I made another preview of the same tool in dark mode so that it will consume less of the users' computers' RAM as many of them are using lower quality Windows systems which may crash easily
Step 1
Step 2
Step 3
Thanks for viewing :)
