Ink Think /
The Discovery Experience
Designing an app for discovering tattoo inspiration.
Getting a tattoo is a big decision. Without sufficient confidence in both what you put onto your body, and who does it, tattoos can cause deep anxiety and regret.
To solve this problem, I designed an app that empowers tattoo seekers to realize their tattoo dreams using three core experiences, each tackling a different obstacle of the tattoo process. Below, I'll explore the first experience:
UX Designer during CareerFoundry's UX Design Program (Mentor - Amy Ehlers) / 8 months part-time (April 2020)
End-to-End research and design of a user tested mobile app prototype based on a project brief with design criteria and app requirements
Getting a tattoo can be an incredibly emotional and personal process. Users' actions hinge on their feelings - whether they're excited by the thought, overwhelmed by the research involved or fearful of the permanence. Having learned this, I designed my app to target emotional pain points with its experiences.
• Defining and prioritizing a narrow set of core features that would satisfy user needs, while staying within the project scope • Creating an intuitive and streamlined experience despite the multiple functionalities
I'm proud of the final product as users touted the app’s utility and vocalized their enthusiasm for the tattoo tool. Check out the app in action below!
Understanding the User
• To understand why tattoo seekers might be hesitant or reluctant about getting a tattoo
• To learn how and where people search for inspiration
• To discover what might help reduce potential regret after getting a tattoo
• User Interviews: Remote phone interviews / 3 Participants recruited using my network via social media
• Competitive Analysis: Tattoodo, Instagram, Pinterest
• Affinity Mapping
Before building out the app, I needed to understand who might be using the product and what their goals and motivations were. So using my user interviews and research, I created a persona named Sam who's a tattoo newbie.
Empathizing with the less experienced tattoo seekers helped me ensure that my app was inclusive regardless of whether users already had any tattoos.
User Journey Map
I created a user journey for Sam to more deeply empathize with her motivations and thought processes. Mapping out her emotional experience at each phase of their interaction with the app helped me design experiences and features around users' feelings, helping to quell anxiety and amplify their excitement.
After better understanding users' motivations and needs, I created user flows based on their most pertinent goals. Mapping out the flows helped me identify the key screens to prioritize.
Using my user flows, I sketched wireframes and envisioned how users could progress through the app. Mapping out these paths helped me identify key functionalities and screens that might have otherwise been missed. I also noted various features and capabilities that I wanted to incorporate.
After structuring the flow of information and identifying key screens, I considered the design language and how I could excite and inspire users by using modern, clean design elements and high quality imagery. I created mock-ups to begin visualizing the app's functionalities and crafting the brand's image.
Using my wireframes and mock-ups, I created a prototype to get a sense of the feel and function of the app. Prototyping also helped me consider the interaction design and transitions between screens. Once the first iteration was completed, I was ready to test it with users.
Flow of a user browsing and saving an image to a board:
Usability Test Goals
• To identify and solve for the major pain points that were experienced by the majority of users
• To uncover any usability issues
• To discover opportunities to improve, add, or remove features
• 6 Participants with varying knowledge of and experience getting tattoos, recruited from my network via social media
• Moderated remote tests of scenario tasks recorded with video and audio
I was happy that all users vocalized satisfaction and utility from using the app and mentioned that any initial difficulty they had using the app would no longer be an issue after completing each task once. With the improvements made, future users will have an even easier time navigating through the app with fewer obstacles and an overall better experience.
Next Steps / Reflections
If this project were being shipped, I would consult my developers on their needs so that I can send them an organized collection of Ink Think's exported assets in multiple sizes, style guide, and pattern library for their easy reference, along with a research summary, my wireframes and mock-ups.
Reflections / Opportunities
I conducted a case study retrospective for Ink Think to analyze the strengths, weaknesses, and opportunities of my design process and skills. One major opportunity would have been to recruit a more diverse range of interviewees for both user research and usability tests. Having a broader set of participants would have likely provided more enriched findings and revealed additional pain points my app could solve.
Another opportunity would have been to spend more time sketching wireframes before going digital with my screens. Front ending the brainstorming could have identified possible issues earlier which would have saved some time spent revising my high fidelity screens.
There are a couple of great educational opportunities for me as well. Having more time to learn about tattoo culture and the technicalities of executing tattoos would have given me some great perspective when designing.
Thanks for your time - Have a great day!