INK TANK is a mobile application focused on promoting tattoo culture and helping to connect people that are looking for a new unique tattoo design with artists from around the world. The application offers a variety of features such as advanced search engines, booking appointments, and social media.
Ink Tank was designed as my project for the UX Designer course at Career Foundry. The reason why I choose to work on this project is to study the competitive landscape and completely understand the key point of applications and user expectations.
Purpose and Context
Tattoo enthusiasts need an all-in-one, authoritative tattoo application. The user needs to feel like they can find the right place that will help them in expressing their emotions in the form of a tattoo. An ideal application needs to integrate the key features that are available out on the market - such as AR technology, geolocation search options, booking appointments, making boards, socializing, and messaging. Users need to be able to intuitively and easily search for both their tattoo inspiration, as well as for specific artists and studios. An easy way to create visual catalogs of their tattoo inspiration, to organize their thoughts and decisions. Finding the right artist or a studio that will deliver a quality tattoo is possibly the most important step.
An app must act as a mediator in establishing the feeling of trust between the client and a product provider. By creating an account, the application should offer Pinterest-like options to create inspiration boards for users by discovering and organizing new designs. Having an option to read tattoo artists’ biographies, users can get to know their work history, and provide the user with additional information that will make the decision process easier.
01. COMPETITIVE ANALYSIS
Conducting research and comparison of websites and applications. Writing down key points for future reference.
02. USER SURVEY AND INTERVIEWS
Utilizing a user survey was a crucial method in establishing the application's core functionality, which helped us to quickly determine what should be the key options.
03. USER SCENARIOS
Creating proto personas, mental models, and user journeys based on research made in competitive analysis.
Provides crucial elements of functions available in the app based on audience definition, proto persona, and survey.
Contains first ideas, sketches, and visual thoughts gathered throughout the project. Creating a high-def prototype based on all data and testing the functionality of an app with potential users.
05. USER TESTING
Conducting a user test with employees and clients of tattoo shops. Collecting feedback regarding frictions as well as triggers from users and making adjustments as needed
Utilizing the (AR) augmented reality technology to try different tattoo designs. Large catalog of the different tattoo artists and their designs. Ability to link pictures taken within the app to social media.
Having the capability to contact and book the artist directly from the application.
Very limited functionality.
Lack of any significant updates since the release. Users can't create boards and categorize favorite
The competitor app has the capability of linking potential clients with artists. Inability to find the tattoo studios by geolocation. Due to the fact that the INKHUNTER is heavily relying on Instagram, users are being redirected outside of the app itself.
Allows users to create customized profiles tailored to their specific tastes. Daily content updates. Video content that concentrates on spotlighting tattoo artists, tattoo studios, and reviewing tattoo conventions. Mood board feature to create a personalized collection. Users are able to book appointments directly through the app.
The only gap in this particular app is not utilizing the AR technology.
The only thing that this app is lacking in comparison to the competitor is the AR ability.
The only threat compared to other applications in that category in the lack of AR technology.
Creating proto personas, mental models, and user journeys based on research made in competitive analysis. For a detailed presentation click here.
Influences, Motivation and Preferences
Aesthetics play a very important role in choosing the right tattoo
Being influenced by the environment might have an impact on decision making
Quality of the tattoo plays a key factor for interviewed people
Inspiration and Research
Instagram is a commonplace to look for tattoo inspiration
Google and blogs are additional places to search for tattoos
It's more common for someone to know what kind of tattoo design they want before visiting the studio
Most people are not willing to travel to get a tattoo
Trying on a tattoo using AR technology in the app was very well received by interviewees
Most are willing to download and try out the tattoo applications before making the final decision
The interviews provided me with a range of convincing data about potential users’ approach to getting a tattoo. Questions were constructed in a specific order to capture people’s emotional state in each step of the planning. From the first feelings that motivate them, to contemplating and developing the idea, to how determined they have to be through that process to make the final choice and decision.
Creating a screen-by-screen flow for a checkout process
UX Design concepts transform with time to find a connection and a happy medium between aesthetics, logic, and human behavior.
As a result of closed card sort studies, I have applied the following changes to the sitemap. "PROFILE" and "EXPLORE" were the groups with the most adjustments applied as a result of a conducted study on 5 participants.
Renaming certain functions could bring a better understanding of the user flow and the reason behind the group activity for potential Users. Most of the functions assigned to the "BOOKING" and "SEARCH" categories remained in their original placement as it was overlapping with card sort studies, that confirmed its correct placement.
Usability Test Plan And Results
Two usability tests will be conducted at moderators' house as moderated in-person, and two others will be moderate remote tests over Skype.
The test will take place between December 16th and 18th, 2019.
Each usability test session is planning to be 10-15 min long. Additional time for general product introduction and consent form review will be applied. Estimated total time 20-25 min.
iPhone Xs MacBook Pro Adobe XD
For detailed Test Script, including a list of tasks and additional information click here.
INK TANK Usability Test (Mobile )
by Maciej Surowiec
INK TANK is a web, and mobile application focused on promoting tattoo culture and connecting like-minded people. The main intention of the application is to link users with tattoo artists and prestige studios from around the world.
The goal of the study is to measure the learnability process by monitoring the participants' ability to understand and complete the tasks.
● To determine if the participants can use the search
● Book appointment.
● To see if participants can access the payment options.
Usability Test Report
“Home Screen gives her the feeling that it is getting updated frequently.”
“The profile option gives an extra feature to socialize with others."
“I like the search option based on geolocation.”
“Messages were easy to find”
“I could not find how to go back to the home screen.”
“Menu bar buttons are too small.”
“ I would like to see payment info in my profile."
“I would look for payment info in my profile.”
The rainbow sheet: a visual method for research analysis. Click here.
Login screen background picture blending too much with the login input boxes
Replacing the background graphic with something more contrasting with the login input fields.
4/5 Tested participants were distracted by the background image. Some of the could not describe what sort of screen they are on.
Errors and Solutions
Errors and Solutions
Navigation Bar buttons (icons) are too small
Resize the icons in the navigation bar and make tappable surface bigger.
One User found the navigation button too small.
Did not know what the "explore" icon in the navigation bar was.
Remove the inactive icon from the navigation bar. Or add screens to the prototype
that will be active and linked to the function.
4/5 Tested participators could not describe the compass icon in the navigation bar. This icon was the only one of the main menu that was inactive not required to complete the tasks.
Errors and Solutions
Errors and Solutions
Lack of in-app notifications for appointment reminders and new messages.
Add notification icons.
2/5 Users have mentioned the lack of in-app notifications.
Design Language System
Evolution of Studio
Studio Profile screen allows users to get the most essential information about the business, send the message, and book an appointment. The concept and its content haven't been changed from the beginning, the “message” and “follow” button has been added in the last sage of design to allow the user and the studio direct interaction with each other.