Tattoos are an incredibly popular form of artistic expression and individuality. Around one third of people in the United States have at least one.
But permanently inking your body doesn't come without ramifications. With so much to consider when getting a tattoo, people are faced with a number of questions and possible hurdles to overcome.
How might we go about identifying these problems and coming up with a viable solution?
Users need a way to explore design inspiration, find information on the tattoo process, and get connected to the right artist for the job because getting a tattoo is a time-consuming, emotional, and impactful experience.
We will know this to be true when we see that a user considering a tattoo is able to have their questions answered, decide on each aspect of a design, and find the right artist, all in a pleasant and efficient manner.
Before moving forward, it is useful to know what other solutions are already on the market. What do they do well and where are the gaps that provide an opportunity for your product to shine?
To build the right solution, it is important to know how a user may interact with such a product.
In order to dive into the mind of the user, it is imperitive to hear a first-hand account of their experiences, needs, motivations, and frustrations.
A preliminary survey and three interviews were conducted to gather vital learning from real people in the target audience.
The preliminary survey allowed for learning some of the high-level needs and desires of the intended audience. The results also helped refine the interview questions. The survey provided useful information that validated previous hypotheses, while also revealing some unexpected findings.
Two females and one male were interviewed, ranging from early 30’s to early 40’s and each a full-time working professional within unique fields. One has no tattoos but has long considered getting one, one has over a dozen in various locations, and one has a concentration of them in the form of a full arm sleeve.
Affinity mapping sample:
Download the full user research analysis, including interview data synthesis, affinity mapping, and key insights.
With the research phase complete, we now have a better idea of who our ideal users would be.
But the “ideal user” can't be an abstract concept. We need a more personal representation to best empathize with and design for.
Personas help to cultivate empathy with target users, prioritize design functionality, and keep the designer motivated and focused by putting a face and personality to the results of their research.
Three personas were developed for this project: Kiara, Travis, and Amber. Each represents a unique type of individual who may use a tattoo app.
Relationship with tattoos:
“Pensive and profound”
Number of tattoos: 0
Kiara is a 21-year-old full-time student at the University of Georgia, a junior majoring in Human Development and Family Science. She leads a busy life, juggling school, work, and an active social calendar. She’s always been intrigued with tattoos, but lacks industry knowledge and has never been invested enough to take the plunge to get one. The loss of a family member has motivated her to get a tattoo in memoriam.
“For years I’ve wanted a tattoo to honor my cousin’s memory, but I’ve never been able to find just the right design — I also keep changing my mind on some of the details, so sometimes it feels impossible to make a decision.”
“I don’t take the decision to get a tattoo lightly — to permanently mark yourself is a big step. I also want it to be really meaningful since the one I want is to honor my cousin. So it’s definitely very personal.”
Relationship with tattoos:
“Casual and cautious”
Number of tattoos: 2
Travis is a 33-year-old full-time professional, working as a product manager for a tech company. He keeps busy at home with his wife and two children, and enjoys working out and playing sports in his free time. He developed an interest in tattoos as a teenager, seeing them as a unique and exciting way to express individual passions. He got his first one in his early 20’s, and a second several years later. He’s very strategic with what he gets tattooed and where they go on his body.
“There are so many things I’d love to get tattooed, but I want to carefully choose the ones I get. I don’t want to become so obsessed that I cover myself in them.”
“I love the versatility of being able to show off my tattoos when I want to, but also hide them when I need to. It’s the best of both worlds.”
Relationship with tattoos:
“Social and stylish”
Number of tattoos: 18
Amber is a 29-year-old full-time professional, working as a fashion designer for a nationally known women’s apparel company. Often described as the “life of the party,” she leads a bustling social life and loves going out with friends after work and on weekends. A tattoo enthusiast, she has amassed almost 20 of them since the time she was 18. She sees tattoos as an outward and public expression of who she is, and relishes their ability to spark interesting conversations.
“I don’t worry so much about whether or not I should get a certain tattoo; my bigger problem is figuring out where to put it and making sure it goes well with the ones I already have.”
“Tattoos are a huge social experience for me. I love talking about mine, telling the stories behind them, and hearing from others on the stories behind theirs.”
With realistic portrayals of our target audience in hand, we can start thinking about the specific tasks that Kiara, Travis, and Amber would be most likely to complete in a tattoo app.
21 • Female
Athens, GA
As a newcomer to the tattoo world, I want to learn details of the tattoo process, so that I can ease any concerns and understand what is actually happening when I get one.
Flow descriptions
Entry
Path
Decision
Success
[Entry point]
Download & open app
Kiara downloads the app to her phone and opens it for the first time.
↓
Launch screen
↓
Create account?
» NO «
OnboardingYES
New account
Kiara uses the guest option because it is quicker and provides less hassle to get to the content she needs.
↓
Onboarding
↓
Home screen
↓
Articles menu
↓
“New to Tattoos?” banner ad
↓
“Getting a Tattoo 101”
↓
Read now?
NO
Reading list» YES «
Read content
↓
[Success criteria]
Read guide “Getting a Tattoo 101”
Kiara found the content she needs and is ready to read!
33 • Male
Alexandria, VA
As a cautious and contemplative consumer, I want to know what a potential tattoo would look like on my body, so that I feel confident in the decision to make it a real tattoo.
Flow descriptions
Entry
Path
Decision
Success
[Entry point]
Download & open app
Travis downloads the app to his phone and opens it for the first time.
↓
Launch screen
↓
Create account?
» NO «
OnboardingYES
New account
Travis uses the guest option because it is quicker and provides less hassle to get to the feature he needs.
↓
Onboarding
↓
Home screen
↓
More Features menu
↓
AR tattoo display
↓
Photo or template?
» PHOTO «
Choose photoTEMPLATE
Choose template
Travis already has a photo saved of the design he is considering, so he will use that rather than an example template provided by the app.
↓
Choose photo from camera roll
↓
Draw mark on body location
↓
Point phone camera to activate
↓
[Success criteria]
View AR tattoo simulation
Travis can now see a representation of how his tattoo design might look!
29 • Female
San Bernardino, CA
As a tattoo enthusiast with limited finances, I want to find out a price estimate for my latest tattoo idea, so that I know whether or not I can afford it right now.
Flow descriptions
Entry
Path
Decision
Success
[Entry point]
Download & open app
Amber downloads the app to her phone and opens it for the first time.
↓
Launch screen
↓
Create account?
NO
Onboarding» YES «
New account
As an avid smartphone user and tattoo enthusiast, Amber decides to make an account, knowing she will likely want to fully engage.
↓
Create new account
↓
Onboarding
↓
Home screen
↓
More Features menu
↓
Search or navigate?
SEARCH
Enter query» NAVIGATE «
Select option
Amber sees a button for the price tool prominently placed and is able to select the option without needing to search.
↓
Price meter tool
↓
Select tattoo studio and artist
↓
Design specifications
↓
[Success criteria]
View price estimate for tattoo design
Amber found a price estimate for her tattoo design!
With competitive analysis and user research complete, user stories defined, personas to design for, and a general idea of task flows, we have enough info to start building the experience.
Hypotheses and research led to the creation of an initial prototype for Think Ink, a versatile app made for both newcomers and enthusiasts in the tattoo community.
The design process started with rough hand-drawn sketches, moving to more detailed sketches within a low-fidelity wireframe, to mid-fidelity wireframes, to high-fidelity, grayscale wireframes.
Design is only useful if it is usable. It is imperative to thoroughly test your prototype to make sure that real people can use it to complete tasks as an actual user would.
Six usability tests were conducted for the Think Ink prototype. Participants completed five tasks related to various core functionality and features including account creation/log in, adjusting settings and filters on the tattoo design gallery, finding an artist, and searching for a specific tattoo article.
The study was a mixture of moderated in-person (four tests) and moderated remote testing via Zoom (two tests). Participants used the Adobe XD interactive prototype to complete given tasks.
Once the design is tested and the results are analyzed, we can fix usability issues and optimize the app in preparation for a final design package.
Usability testing, peer review feedback, and accessibility improvements helped to shape the final design for Think Ink. The following screens showcase the result of the entire design process.
Before a design is fully complete, it is necessary to define clear guidelines for branding, language, iconography and more.
A design language system is a group of rules and standards to help maintain consistency and govern the user experience of a product across multiple platforms and devices.
The design language system for Think Ink details the colors, UI elements, language, tone of voice, accessibility, grids/layouts, typography, and iconography that comprise the final product.
With each element of Think Ink now together, we can finalize the working protoype. All that remains is to take it for a spin...
The interactive prototype for Think Ink provides the necessary UI design and user flow interaction to demonstrate a working product for the launch, sign up, and onboarding screens, as well as the tattoo gallery, artists, and articles sections.
(Note: not all buttons and features are functional.)