Sara Clayton — Interaction Designer & PM based in Seattle

Copycat

bit.ly/2hGbdsf

Copycat is a personal project that I came up with solving the issue of a scattered screenshot management landscape. For this project, I conducted market and user research, delivered wireframes, and created a prototype demonstrating this application’s features.

RoleUX Researcher & Designer DateDecember 2016 to February 2017 (3 months)
ForDesigning the end-to-end vision for Copycat, a machine learning-based screenshot app.
Meet copycat As much as people love to take screenshots, they’ve taken on the reputation of being convenient yet difficult to organize and keep track of. While many apps provide bookmarking features within their ecosystems, albeit closed to keep their users, none of them have sophisticated enough annotation abilities nor are any of them holistic and specific for screenshots.

Cue the genesis of copycat. With copycat, my hope was that I could come up with an app that would serve this need for a smart, holistic mobile screenshot solution. I also used this idea as a chance to put my holistic design skills to the test.
User research To make sure that time would be well spent on this project, I had 55 people fill out a survey asking questions about their screenshot habits. The full results can be found here. Problem
While screenshots are accessible and make sharing a lot of information at once easier, they can be difficult to organize and edit.

Solution
An app that has machine learning, OCR and image content analysis (such as Google's Vision API or Microsoft's Custom Vision) capabilities would make organizing screenshots less of a hassle. This app could also display screenshots in full-height, as opposed to square dimensions.
Design explorations Using the rich insights I had, I created three personas to help in coming up with the different user scenarios for copycat. From there, I conducted competitive research to get inspiration on what other screenshot-related interactions already exist.
Once I had mapped out the various scenarios, I came up with wireframes, detailing the steps from onboarding to uploading and editing screenshots. Wanting to get feedback for this app, I created hi-fi comps of the screens and put them into Invision where I could test for flow logic. The live prototype can be viewed here. Final design I received a lot of good feedback about copycat, particularly the onboarding and concept, and am happy to have delivered what I’d coin as version one of copycat. If time allows in the future, I’d not only be open to coming up with version two, but also looking to partner with anyone interested in further developing this application. Learnings While I was able to get a decent amount of helpful feedback, a lot of it was UI-focused. I wished I had reached out to more UX-focused designers while creating copycat. To remedy this, I’ve been showing copycat to people I have informations with, who have a strong grasp on UX. By doing this, I’ve received feedback that’s been much more helpful and have been able to think of more features that they’ve mentioned such as implementing subcategories and shortening the user journey of the app.