Sara Clayton — UX Designer based in Seattle

Copycat - Personal Project

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.

Overview

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 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, optical character recognition (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 and next steps

I wish I would have asked specifically for more interaction feedback initially – a lot of the feedback I received ended up being more focused on the UI. Additional features that I’d like to implement in the future based on user feedback include subcategories and making the user journey even more concise.