SlideShare a Scribd company logo
1 of 10
Download to read offline
Art Pro
Project Overview
A minimalistic, professional
tattoo app for tattoo
enthusiastā€™s & tattoo artists
in your local community
Designed by 
Nicoline Thostrup
The Design Process
Competitive Analysis
Online Survey
User Interviews
User Cantered
Design Problem
Statement
User personas
User Journeys
User Stories
User Flows
Task Analysis
Journey Maps
Sketching
Wireframing
Prototyping
Refinement
Iterating
Usability Testing
Test Analysing 
Reporting
Research to help
define the
Learn about users
through testing
Test create new
ideas for the
Test reveal insights that
refine the problem
Learn from
prototypes to
spark new ideas
Pro 

rt


INK 
A 
Art Pro INK Splash Screen
Art Pro INK is a mobile application that allows tattoo enthusiasts to discover and connect with tattoo
artists and studios in their local community. The goal for Art Pro INK is to give users a simple and intuitive
way to browse, collect and store tattoo inspiration, and get familiar with the artists and studios work. Art
Pro INK allows users to feel more comfortable with searching for new inspiration and finding the right
tattoo artist for their next tattoo.
Research Define
 Idiate
 Build Test
Role
User experience 
& Interface 
designer, User 
Research
Client
CareerFoundry 
UX Design 
Immersion 
Project
Tools
Adobe Xd
Balsamiq
UsabilityHub
InVision
Timeline
4 
Moths
Platform
Supported 
Platform 
iOS 
iPhone X
Project Process
My entire UX process can be shown in a 6-part journey
The Research phase encapsulates identifying a problem and value a proposition, followed by a
competitive analysis of competitors with in the market of tattoo applications, ending with surveys and
interviews to better understand what problems users encounter, that the app might solve.
Next, the Define phase, User Design focuses on developing user personas and journey maps to illustrate
the appā€™s user-in-mind and target audience.
The Ideation phase highlights the information architecture of the app through user flows, card sorting
and a visual piracy of the app.
The Wire-framing and Prototyping phase implements the research, survey and interviews insights,
personas, and task user flows into the creation of the app screens. There are three degrees of
prototyping: low-fidelity which focuses on building the architecture of the app, mid-fidelity which
translates the low-fidelity images in to a simple mockup, followed by a high-fidelity prototype which
reflects how the app will actually look on the users phone.
The minimum viable product (MVP) ready, Usability testing offers the product to be tested for major
errors, user flows issues, and design errors.
Lastly, thanking the critiques and implementing the changes into the product is the Design Iterations
phase. For this project the design have been alternated 7 times.
Interviews
Problem Statement
Competitive Analysis
Competitive Analysis Insights
User Interviews
Survey and Interview Insights
Online Survey
I conducted a competitive analysis of two competitors on the app market, offering their users the
possibility to browse tattoo inspiration and book appointments with tattoo artists & studios.
The two competitor apps I conducted a competitive analysis for were InkSquad and Tattoodo.
This gave me insight to what the
competitors had to offer their users,
where in the market they had their
strengths and weaknesses.
Conducting the competitive analysis offered me an insight to design a user centred
tattoo application, offering the users a setup, with a selection of preferred features, with
a focus on tattoo inspiration and connection to the tattoo artist.
I used the new insight from the online survey, to set up a script, for some in person user
interviews with participants in my target audience group.
The following questions were used as a base for the interviews, to gain insight about the
participants wants and needs, when searching for inspiration and tattoo artists, as well as
their experiences.
Is was important for me that the participants felt comfortable during the interviews, and had
the chance to tell their stories, therefore the interviews were scheduled over a couple of days.
In the competitors analysis, I gained a good insight of what the app marked had to offer tattoo
enthusiasts, in their search for inspiration, next tattoo, tattoo artists and studios. This gave me a
solid base to begin researching for my project.
The first step in my research were an online survey, conducted via Google Forms. The survey were
posted in 2 social media groups and had a total of 82 responses, from variated age ranges (21 to 50+),
all with an interest in tattoos. The survey provided me with sufficient data, to analysis and insights to
Research
1
Read recommendations and ratings from other users,
regarding their experience with the tattoo artist.
Search filters (ratings, style, design, theme etc.)
Add own designs (Drawing, photos).
A way to get in touch with the artists.
Categorised inspiration (picture database, tattoo
designs, actually tattoos etc.)
Location setting, in order to find tattoo artists within a
reasonable distance.
A way to save and share favourite tattoos, photos or
drawings.
Understand what sources tattoo enthusiasts used while browsing inspiration and where
they saved it.
Understand what criteriaā€™s they would have for a tattoo artist or a tattoo studio.
Understand what concerns or thoughts they might had to overcome.
Do you plan on getting a tattoo in the foreseeable future?
Do you have any tattoos?Ā 
How old were you, when you got your first tattoo?Ā 
Are you happy with your first tattoo?
What is most important to you, when getting a tattoo?
Where do you usually find your tattoo inspiration?
Have you used Augmented Reality to preview a tattoo, before getting it?Ā 
Would you use a temporary tattoo, to make sure you like a design, before
getting inked?Ā 
Would you download an app that certifies the quality the tattoo artist?
Did you had a tattoo done while traveling?
What problems do you face trying to get a new tattoo?
Sample Questions
Survey Insights
Interview Insights
Potential solutions
To be able to help the user through this process the app will need to provide the user with:
The survey was designed to understand the following:
https://docs.google.com/spreadsheets/d/e/2PACX-1vQpiecEhFnKsLDiU2-ZNfDF4a9_SVXvgWro1vM3mUgbs1IKpsqRYNhpesZTBO1_-
SWOT
Survey
My tattoo application, need to be capable of guiding the users in the process from dreaming about
getting a tattoo, through wanting a tattoo, to actually getting in touch with the right tattoo artist in the local
area.
Ā 
By allowing the user to search for different tattoo designs linked with the artists the user can be inspired,
see what previous work the tattoo artist have done as well as getting in touch with the artist. It will also be
necessary for the user to see other user ratings for the tattoo artists.
ā€œIā€™m an expat living in Berlin, I have recently decided that I will like to have a
new tattoo, but have difficulties with finding a trustworthy tattoo artist who
can make exactly that tattoo Iā€™m dreaming about.ā€
Ā 
ā€œIā€™m really keen to the idea of having a tattoo done, but Iā€™m not exactly sure
what style will fit me, so I need a place to get inspiredā€ 


Target audience:
The survey fits the wished target audience, the majority
of the participants were to 18 ā€“ 40 years of age.
The survey showed that itā€™s a small amount of the
participants that got their first tattoo before the age of
18 or after the age of 40.
The local tattoo artist: 
Itā€™s important to provide users with an artist portfolio so
the user can have insight in the artists previous work.
Preferable a link to their Instagram account, because itā€™s
the second most desired place to search inspiration
Augmented reality (AR):
Not many participants knows this feature, this tells that
itā€™s still an unknown feature to most users. Therefore itā€™ll
be worth to gain further knowledge about this feature in
particular, to figure out if itā€™s a good thing to include the
feature or dismiss the idea before we move on with the
Overall, it seems that the participants largely used personal references, Instagram and own unique tattoo ideas
when researching for their next tattoo. Choice of tattoo artist and distance were somehow less mentioned as
important factors, when deciding what tattoo they wanted to have done, however it was important that they could
see previous work from the artist to ensure that the artist had the right skillset, to do what they were dreaming
about. Most of the participants didnā€™t preferred a specific artist, and didnā€™t minded to travel to get the tattoo done.
In fact all the interviewees live in smaller villages n the countryside, with no local tattoo studios within 20
kilometers (30 minutes by car) distance from their home.
All of the interviewees mentioned that they see their tattoos as a unique personal thing, as no one could take from
them, as reminders for them self to care, about someone special in their life or something they find difficult where
they are using the tattoo as an emotional support.
After having the first tattoo, they donā€™t seem to have any fears. Hygiene standards in Denmark , is by law really
high and therefore they donā€™t worry about getting infections etc.
What all the interviewees have in common is that they all are thinking about their next tattoo, or alterations on
those they already have. For them itā€™s important that the tattoos they have are looking good and have a meaning
to them.
What we also can see is that the ones which have been done spontaneously not always equals regrets.
None of the interviewees had ever used AR for their tattoos, and most havenā€™t even thought about using a tattoo
app for their research trying to find inspiration for their next tattoo. So if we have to make a tattoo app itā€™ll be
First tattoo:
Itā€™s clear that not all tattoo artists have the skillset a good
job as a tattoo artist. Regrets not only to the content of the
tattoo but also badly done tattoos, low quality of ink.
Therefore a certain skillset must be shown by the tattoo
artists in y application.
2Personas
User Journeys
With the insight gained from the research phase, I created three user personas which were an
excellent example on future users of my tattoo application. I named the three personas: Thomas,
Camilla and Annie.
It was important for me to
cover as many aspects
as possible for my project
and therefore I created
two personas to reflect
the users of my tattoo
app, and also a user
persona with an artist
perspective. These
personas all have a clear
definition of my target
Based on the user personas I sketched out some user journey maps, making sure to
accommodate their needs and wants best possible.
Personas
Define
Tattoo
Artist
Tattoo
Enthusiast
User Flows
Information Architecture
With the user personas journey mapping in place I created user flows, based on the important user stories
from the journey maps you see above. I made sure, that every interaction, the user must take to complete a
task or achieve a goal were included in the user flows.
The user flows have an entry
point and an end point, when
the task is completed. The
user flow follows a userā€™s
progress to complete the
task or goal throughout the
diagram.
The Information architecture of my app was created using a sitemap to serve as a visual piracy. With the first
version of the sitemap (Site Map V1), I conducted a closed card sorting exercise with 6 participants, which
offered me valuable insights to revise the IA and make interactions to my site map (Site Map V2).
Further more the site map determinate where the different content from my user flows should go, I created a
sitemap, this would also help me to figure out how the navigation structure should be.
IA
Ideation
3
SITE MAP V1
After conducting the digital
closed card sort, and analyzing
the results the following changes
have been done to the sitemap
to increase the user experience
of the app.
Names of categories
changed to be easier for
the user to understand
Menu changed to
settings and will be
accessible from the
home page
Filter added in
tattoo styles
SITE MAP V2
Low Fidelity Wireframes
With the information gathered from the ideation phase of my UX process, I began sketching out some low
fidelity wireframes, putting the new knowledge and my ideas down on paper.
This part required lots of thought, and laid the foundation for my appā€™s navigation and architecture.
I worked on the 3 user flows I created under the ideation phase, here I will show 2 of my user flows:
1: Browse images, and find artist profile
2: Find tattoo image and contact Tattoo Artist.
Keeping the basic design and the 3 user-flows in mind, I the process to create greyscale mid-
fidelity prototypes using first Balsamiq. But that wasnā€™t satisfied, so later I decided to use Adobe
Xd for my mid-fidelity prototypes.
At this time in the design process, I wasnā€™t really happy with my mid-fidelity prototype and
decided to continue working on the layout, to create a more simple and minimalistic feeling. Some
of the alterations can bee seen under usability test finds below, and also in Design Iterations.
Paper
Prototypes
1
1
2
2
4Wireframes & Prototypes
Midt to High Fidelity Prototypes

Browse Images, And
Find Artist Profile

Low-Fidelity Prototype

Browse Images, And
Find Artist Profile

Mid-Fidelity Prototype

Find Tattoo Image And
Contact Tattoo Artist. 

Low-Fidelity Prototype

Find Tattoo Image And
Contact Tattoo Artist. 

Mid-Fidelity Prototype
5Usability Testing
Art Pro Ink Usability Testing
Goal
Methodology
Test Results
Usability Test Findings
For a detailed look at the test script, including all the tasks the participants were asked to conduct:
Sign up & onboarding, Navigate the main menu, Browsing tattoo styles, Save and share and
thoughts with a tattoo artist, Find a tattoo artists profile and portfolio.
The usability testing were preformed using moderated Remote method one usability test was
preformed Moderated in-person.
The goal of this usability test is to determinate whether or not some core features in the ArtPro Ink
app are easy and straight forward to use for first time users, just as well as figuring out if the
ArtPro Ink app have what it takes to be competitive on the tattoo app market. Will users keep
coming back to the app for tattoo inspiration and share their tattoo inspiration with their local tattoo
The usability testing were preformed using moderated Remote method and one usability test was
preformed Moderated in-person. The moderated Remote moderate usability testing were held
through the video-chatting software Skype on desktop with 5 participants, where all sessions were
screen recorded for future playback analysis.
The test included a short briefing, task performance with Art Pro INK through an Adobe Xd
prototype, and ended with a debriefing.
Using the test recordings and notes, I then proceeded to conduct anther round of infinity
mapping to isolate information and determinate its relation to four main categories:
Observations, Positive Quotes, Negative Quotes, and Errors.
Based on the affinity map, I were able to create a rainbow spreadsheet, to organize the
information and create a visual pattern of the participants thoughts from the usability testing
sessions.
Six usability tests were carried out for the early stage of the ArtPro Ink prototype. Most participants
were able to complete each task without any major issues. Although there werenā€™t made many
errors with completing the tasks, the usability testing sessions revealed some places where the
usability could be improved.
Furthermore, most participants had gained a good insight during the testing sessions and gave me
feedback about what could improve the usability of the app navigation, and core functions.
After the usability test the following 5 issues have been altered for a better user flow in the app.
The severity issues are rating from low to high severity for the usability my application.

Issue #1: Navigation Tab Bar
Severity: High 

Issue #2: Main Manu setup
Severity: High 

Issue #3: Sub menu Tattoo INK
Severity: High 

Issue #4: Sign Up & Onboarding
Severity: Low

Issue #5: Tattoo Gallery Setup & Functionality
Severity: medium
Findings: 
50% of the participants hesitated to sign up to the Art Pro Ink app, without
any information of the app content. They felt it could be unreliable and
therefore they didnā€™t want to give out any kind of personal information prior
to seeing the app features. This was a low severity issue to the usability, but
will increase the number of new users of the ArtPro Ink app.
Suggested Changes: 
Moving the onboarding screens prior to the sign up to create a larger trust /
liability with new users, will maybe be beneficial for the application and can
get more users to sign up.
Evidence: 
Onboarding moved prior to sign up and create account.
Findings: 
Most participants had issues with navigating the menu setup without help.
Some participants overlooked content in the main menu.
Suggested Changes:
Incorporate a ā€˜Landing Pageā€™ to give users an overview of the features with
buttons as can be clicked on, as well as a change each of the features
ā€˜front pageā€™.
Evidence: 
Changes to feature front-
page: Frame whit button
function, replaced with image
with clickable function. Added
a page indicator < x of x >
with clickable function for
horizontal navigation if the
user doesnā€™t find the swipe
Evaluate how users respond / react to the ā€˜Signupā€™ and ā€˜Onboardingā€™ of the app.
Evaluate how well users are able to understand and navigate the ā€˜Main-menuā€™ of
the ArtPro Ink app.
See whether or not if the ā€˜Tattoo Stylesā€™ and ā€˜Galleryā€™ are allowing the user easily to
browse and explore tattoo style.
Determinate if the current steps to share saved tattoo inspiration and as well, as
userā€™s thoughts are a viable solution or if the process needs to be simplified.
Determinate if the artist / studio profile is viable to the user.
5 Test Objectives
Findings:
The submenu: ā€˜Tattoo INKā€™
didnā€™t made sense for most
participants, and was an extra
click to explore tattoo styles,
and therefore I found it
important to move the sub
menu in tattoo ink to another
location in the app. This was a
high severity issue to the
usability.
Evidence: 
The sub menu will be
removed, and ā€˜Trending
Tattoosā€™ and ā€˜Featured
Tattoosā€™ moved into filter
settings under Tattoo
Styles.
Findings: 
While exploring tattoo styles,
participants wanted to see more tattoos
at once.
An overload of information was stopping
them in their flow. Also saving tattoos
they wanted to save as inspiration for
their next tattoo was too complicated.
Suggested Changes: 
Change setup, create overlay pop-ups
to inform the users.

Evidence:
By allowing the users to browse several
tattoo pictures on the screen at the
same time, with less information will
benefit the user flow. When the user
clicks on an image the information
regarding tattoo artist as well as
comments and a kebab menu will
Findings:
During the usability test I discovered that more of the participants tried to
click on the navigation bar but the buttons were too small for participants
to find in first attempt.
Suggested Changes: 
Create a larger clickable area in navigation bar. Change icons for Tattoo
ink t and Augmented Reality (AR).
Evidence:
Six usability tests were carried out for the early stage of the ArtPro Ink prototype. Most
participants were able to complete each task without any major issues. Although there
werenā€™t made many errors with completing the tasks, the usability testing sessions revealed
some places where the usability could be improved.
Furthermore, most participants had gained a good insight during the testing sessions and
gave me feedback about what could improve the usability of the app navigation, and core
functions.
After the usability test the following 5 issues have been altered for a better user flow in the
Usability Test Summary
A/B Testing
Design Decisions
The Design Process
Style Guide
Throughout the process I ran
several preference tests, to
ensure that I made
understandable and
functional design decisions.
It was quickly clear that the
participants wanted an app
with a dark theme.
Votes
Votes
Before After
Design &
Iteration process
Create Account
I used the A/B testing to
make my final decision
regarding the CTA color,
using one of the onboarding
screens.
After that I launched another
A/B test to make the final
decision about the
background color of the app.
In order to proceed with my design decisions, I conducted a series of A/B testing to determinate which
designs were preferred, the A/B test were conducted with respectively 20 and 16 participants.
The test results offered useful insight in choosing, main colors, patterns and over all design.
In addition to the A/B Testing, I learned about best practices in design to apply to my iterations.
For example, implementing iOS human interface guidelines, such as removing the logo from the top
and replace it with directive copy. In addition, I applied rues of hierarchy and laws of proximity and
similarity to the design, in the figure below is an example of Gestalt principles.
After that I shared my prototype with fellow students to do a peer review, the feedback
and insights it gave me, I used to make improvements in the app visually and navigation
wise.
In the example below I added a tab bar, to improve the navigation of my application.
With the feedback and new insights I had gained from the design decision process, I
polished off my application and updated the style guide.
Balance 
In order to give more balanced
feeling of the layout, the font weight
have been alternated from thin to a
medium font. Page name and
location have been given the CTA
color of the app so the user know
their whereabouts in the app.
Law of similarity 
Icons and text in the menu bar is
matching style and with the same
size and font.
Law of Common Fate
Animated app navigation between
the main features in the ArtPro INK
app. Make it possible to swipe from
Message page 
Some of the feedback I received
were regarding readability, in the
message areas of the prototype.
ā€™Itā€™s important that the background
isnā€™t disturbing the users when they
have to read important information.
I made changes to background
image to the same graphics as in the
onboarding, providing the users with
a calm background for their
messages.
Landing page 
I received feedback about the
missing tab bar, which will include
the same as on the screen.
I reduced the font size to match the
rest of the screens, and added the
navigation bar, however itā€™s not
necessary but it complete the view of
the landing page.
6Design Iterations

Onboarding
A/B Testing 

Background Color
A/B Testing 
TEST 
WINNER
TEST 
WINNER
0 2 4 6 8 10
0 2 4 6 8 10 12
Throughout the project there have been multiple iterations due to new knowledge, usability
testing and preference testing etc. Hereā€™s a glimpse of the design process from start to
finish on one of the Create Account page.
01 Color palette
02 Typography
03 UI Elements
05 Copy / language Guidelines
06 Doā€™s & Donā€™t
04 Imagery/Illustration
- Do update images in menu so they are following trends
- Do update images in Tattoo style menu to most liked in
the tattoo style.
- Do only verify certiļ¬ed artists and studios.
- Do kindly ask artists and studios to select and use their
own picture for their button in sub menu, to enter their proļ¬le.
ArtPro INKā€™s voice is human, its familiar, friendly and straight forward. Our priority is to provide tattoo enthusiasts and tattoo artists & stud
with an app, where they can be inspired, collect tattoo ideas and connect with the artists in their local community.
Any hateful rhetoric will not be allowed, and all tattoo artists and studios have to be approved, and live up to out standards, so we can p
a safe environment for our users.
- No light backgrounds
- No black text
- Donā€™t change text style
- Donā€™t change image sizes
- Donā€™t allow bad and discriminating language at any point.
- Do not use gradient color or gradient background.
Buttons
Input ļ¬elds
Navigation Bar
Icons
Primary buttons 
Used for positive actions, 
main CTAā€™s and s
Login button 
Used for negative actions, 
cancel or clear all
Filter button 
Used for setting search ļ¬lters
in tattoo styles and tattoo artists
Menu buttons 
Used for main menu, and sub 
Menuā€™s

Artist proļ¬les and user proļ¬le
Proļ¬le sections 
Used for main Artist & studio 
proļ¬les Portfolio and reviews
Active state
Default state
Toggle
To be used to remember 
user login information, and use 
location in settings.
Default state Active state
Onboarding
Search bar
Text input messages
Primary button
Back
Message
Artists & 
Studios
Artists & 
Studios
Home
Home
Calendar
Calendar
Augmented
Reality
Augmented
Reality
Tattoo INK
Forward
Tattoo INK
Settings
Exit
New 
message
Send
Meat ball 
Menu
Add
Search
Like
Photo
Attach ļ¬le Facebook
User e-mail
Google
UserSave
Password
Search 
by image
Comment
Fitler
Tattoo ArtistTattoo Artist
Aa
SF Pro Dispaly
Bold

Semibold

Medium

Light
Thin
Style name
Headline large Light 42 Headline, artist and user name
Medium 24
Information text
under headline
Medium 22
Button text in main menus,
name in titlebar messages
Medium 18 Titlebar
Medium 20
Medium 16
Light 16
Buttons
Search-bar, body text,
location pop up request
Body text, image description, chat text
SF Pro ColorsSize Use
Menu text
Titlebar
Headline small
Button text
Text areas
Body text
Default
Active
AaAa
AaAa
CTA Onboraring
SettingsSettings
Login buttonLogin button
PortfolioPortfolio ReviewsReviews
Search BarSearch Bar
Title: ArtPro INK Logo
Artist: Nicoline Thostrup
File Name: Logo_ArtPro_INK2020
Title: Black & Grey
Artist: Artist Name
File name: BandG_menu.jpg
Use: Swipe Tattoo style menu
Tilte: Fine-Line
Photo by: James Doe
File name: Fine_line.jpg
Use: Swipe Tattoo style menu
Title: Lettering
Photo by: James Langreen
File name:Letter_menu.jpg
Use: Swipe Tattoo style menu
Title: Realism
Artist: Annie Laki
File name: Real_menu.jpg
Use: Swipe Tattoo style menu
Title: Watercolor
Photo by: James Norm
File Name: W.Cl_menu.jpg
Use: Swipe Tattoo style menu
Pr
NKNK
rtA
Title: Tattoo styles
Artist: unknown
File Name: ZX.jpg
Use: Swipe Tattoo style menu
Title: Artists & Studios
Photographer: unknown
File name: Artist_menu.jpg
Use: Swipe Tattoo style menu
Tilte: Working Artist
Photo by: James Doe
File name: Onb_bg_2
Title: Calendar Tattoo
Photo by: James Langreen
File name: BandG_main.jpg
Use: Swipe Tattoo style menu
Title: User Proļ¬le
Artist: Annie Laki
File name: WCl4.jpg
Use: Swipe Tattoo style menu
Title: Tattoo Artist
Photo by: James Norm
File Name: Tattoo_Artist_woman
Artist nameArtist name
Country, CityCountry, City
#00958F #0C7EF0 #FD0000#CCC8C8 #000000 #FFFFFF#4B4B4B #3E3E3E #F0F0F0#F0F0F0 #FFFFFF
40%
#EBB31B
Art.Pro@ink.com
Enter Password
Enter name
Final Design
Before the Design for Art pro INK were final, I run another series of usability testing to
ensure that the user flow, visual design and navigation was acceptable in the prototype.
To see more of my final design,
please feel free to test
out the user flows in my
clickable prototype below.
https://xd.adobe.com/embed/
5e855b8d-4243-4434-9119-6dcb8f6864e0-0bd6/
screen/5bf85216-7fe1-45d8-92a7-15effd79de65
Filtersettings
Tattoogallery
TattooArtistprofile
UserProfile&
TattoostylesmenuMainmenu
Login/Signup
Onboarding
7Clickable Prototype
Final Comments
Next Steps
This project was a great opportunity for me to fully comprehend and understand the user experience design
process. Each step was crucial and relevant to create a responsive application from scratch to the final
prototype. This project allowed me to connect with the user through usability testing and using that
information and new knowledge to create an easy to use application with a user-friendly interface.
Throughout this project I gained a wealth of knowledge and have learned to understand the importance of
thorough research, user empathy and impractical iterations.
If I were to continue to work on my application I would implement the features of book an appointment with a
tattoo artist, and work on the augmented reality part of the app.
Throughout this project I gained a wealth of knowledge and have learned to understand the importance of
thorough research, user emphatic and impractical iterations.
8Final comments & Next steps
9Agile Retrospectives
What went well?What went well? What didnā€™t go well?What didnā€™t go well? What can be improved?What can be improved?
In order to create a solid
fundament for my mobile
application I conducted a
series of user interviews and
with the findings I created
User Personas as an example
of the future users of my app.
Skills:
User interviews, User
personas, Problem statement
Process:
User Centred Design,
Problem statement



Solution:
Creating personas will help
you to understand your usersā€™
needs, experiences,
behaviours and goals.
Do this for every UX project.
I spend too much energy and
time on designing and
redesigning my prototype
before conducting the first
round of usability testing.
Skills:
Paper sketching, usability
testing, wire-framing.
Process:
Share
Skill gap:
Time management and
understanding of the design
process
Solution:
Always conduct the first
round of usability testing early
in the design process, to
avoid unnecessary time
consumsion on design prior
to usability testing.
My proficiency with digital
prototyping is limited, as
evidenced a limited amount of
features in my prototype.
Skills:
Prototyping
Process:
Using an industry-standard
too to create a prototype
Skill gap:
Adobe xD, Digital Prototyping
Solution:
Work more on projects in
Adobe xD, review more
tutorials, and keep updated
with new features is released,
work on creating the missing
features and complete the
app. Until I really get the hang
of the tool
A minimalistic, professional tattoo app
for tattoo enthusiastā€™s & tattoo artists
in your local community
Designed by
Nicoline Thostrup
Pro
INKrtA

More Related Content

Similar to UX Design - Case Study - Art Pro INK

The Pixel Lab 2014_Paul Tyler_Content is king, but content is his mistress
The Pixel Lab 2014_Paul Tyler_Content is king, but content is his mistressThe Pixel Lab 2014_Paul Tyler_Content is king, but content is his mistress
The Pixel Lab 2014_Paul Tyler_Content is king, but content is his mistresspower to the pixel
Ā 
The Right Research Method For Any Problem (And Budget)
The Right Research Method For Any Problem (And Budget)The Right Research Method For Any Problem (And Budget)
The Right Research Method For Any Problem (And Budget)Leah Buley
Ā 
A Brief Introduction to User Research
A Brief Introduction to User ResearchA Brief Introduction to User Research
A Brief Introduction to User ResearchRachel Price
Ā 
Growth Hacking with Lean UX
Growth Hacking with Lean UXGrowth Hacking with Lean UX
Growth Hacking with Lean UXJohn Rockson
Ā 
Everything You Always Wanted to Know About Bad UX Research But Were Afraid to...
Everything You Always Wanted to Know About Bad UX Research But Were Afraid to...Everything You Always Wanted to Know About Bad UX Research But Were Afraid to...
Everything You Always Wanted to Know About Bad UX Research But Were Afraid to...Valsplat
Ā 
Kim Liu - Portfolio Mar 2015
Kim Liu - Portfolio Mar 2015Kim Liu - Portfolio Mar 2015
Kim Liu - Portfolio Mar 2015Kim Liu
Ā 
NehaKulkarni_Portfolio_UX
NehaKulkarni_Portfolio_UXNehaKulkarni_Portfolio_UX
NehaKulkarni_Portfolio_UXNeha Kulkarni
Ā 
Andrea Roberts UX Portfolio
Andrea Roberts UX PortfolioAndrea Roberts UX Portfolio
Andrea Roberts UX PortfolioAndrea Roberts
Ā 
Franki Chamaki. Design Thinking. Human Thinking.
Franki Chamaki.  Design Thinking. Human Thinking.Franki Chamaki.  Design Thinking. Human Thinking.
Franki Chamaki. Design Thinking. Human Thinking.Franki Chamaki
Ā 
Veronika_Strnova_Master_Thesis (1).pdf
Veronika_Strnova_Master_Thesis (1).pdfVeronika_Strnova_Master_Thesis (1).pdf
Veronika_Strnova_Master_Thesis (1).pdfJoanaCerejo3
Ā 
Bootstrapping the Information Architecture (Italian IA Summit)
Bootstrapping the Information Architecture (Italian IA Summit)Bootstrapping the Information Architecture (Italian IA Summit)
Bootstrapping the Information Architecture (Italian IA Summit)Peter Boersma
Ā 
Design academy lecture & workshop
Design academy lecture & workshopDesign academy lecture & workshop
Design academy lecture & workshopCarmenMartnezFreile
Ā 
Understanding User Experience Workshop - Interlink Conference 2012
Understanding User Experience Workshop - Interlink Conference 2012Understanding User Experience Workshop - Interlink Conference 2012
Understanding User Experience Workshop - Interlink Conference 2012Lynne Polischuik
Ā 
Jorden prussing fa102 b powpoint final
Jorden prussing fa102 b powpoint finalJorden prussing fa102 b powpoint final
Jorden prussing fa102 b powpoint finalJorden Prussing
Ā 
Songkick Product Discovery FOWA (Michelle You)
Songkick Product Discovery FOWA (Michelle You)Songkick Product Discovery FOWA (Michelle You)
Songkick Product Discovery FOWA (Michelle You)Michelle You
Ā 
Jorden prussing fa102 b powpoint 3.26
Jorden prussing fa102 b powpoint 3.26Jorden prussing fa102 b powpoint 3.26
Jorden prussing fa102 b powpoint 3.26Jorden Prussing
Ā 
WUD Rome 2018 | User friendly, Abuser unfriendly
WUD Rome 2018 | User friendly, Abuser unfriendly WUD Rome 2018 | User friendly, Abuser unfriendly
WUD Rome 2018 | User friendly, Abuser unfriendly Vincenzo Di Maria
Ā 
Fundamentals and practices of UX research
Fundamentals and practices of UX research Fundamentals and practices of UX research
Fundamentals and practices of UX research Lucia Trezova
Ā 

Similar to UX Design - Case Study - Art Pro INK (20)

Portfolio
PortfolioPortfolio
Portfolio
Ā 
The Pixel Lab 2014_Paul Tyler_Content is king, but content is his mistress
The Pixel Lab 2014_Paul Tyler_Content is king, but content is his mistressThe Pixel Lab 2014_Paul Tyler_Content is king, but content is his mistress
The Pixel Lab 2014_Paul Tyler_Content is king, but content is his mistress
Ā 
The Right Research Method For Any Problem (And Budget)
The Right Research Method For Any Problem (And Budget)The Right Research Method For Any Problem (And Budget)
The Right Research Method For Any Problem (And Budget)
Ā 
A Brief Introduction to User Research
A Brief Introduction to User ResearchA Brief Introduction to User Research
A Brief Introduction to User Research
Ā 
Growth Hacking with Lean UX
Growth Hacking with Lean UXGrowth Hacking with Lean UX
Growth Hacking with Lean UX
Ā 
Everything You Always Wanted to Know About Bad UX Research But Were Afraid to...
Everything You Always Wanted to Know About Bad UX Research But Were Afraid to...Everything You Always Wanted to Know About Bad UX Research But Were Afraid to...
Everything You Always Wanted to Know About Bad UX Research But Were Afraid to...
Ā 
Kim Liu - Portfolio Mar 2015
Kim Liu - Portfolio Mar 2015Kim Liu - Portfolio Mar 2015
Kim Liu - Portfolio Mar 2015
Ā 
mypf
mypfmypf
mypf
Ā 
NehaKulkarni_Portfolio_UX
NehaKulkarni_Portfolio_UXNehaKulkarni_Portfolio_UX
NehaKulkarni_Portfolio_UX
Ā 
Andrea Roberts UX Portfolio
Andrea Roberts UX PortfolioAndrea Roberts UX Portfolio
Andrea Roberts UX Portfolio
Ā 
Franki Chamaki. Design Thinking. Human Thinking.
Franki Chamaki.  Design Thinking. Human Thinking.Franki Chamaki.  Design Thinking. Human Thinking.
Franki Chamaki. Design Thinking. Human Thinking.
Ā 
Veronika_Strnova_Master_Thesis (1).pdf
Veronika_Strnova_Master_Thesis (1).pdfVeronika_Strnova_Master_Thesis (1).pdf
Veronika_Strnova_Master_Thesis (1).pdf
Ā 
Bootstrapping the Information Architecture (Italian IA Summit)
Bootstrapping the Information Architecture (Italian IA Summit)Bootstrapping the Information Architecture (Italian IA Summit)
Bootstrapping the Information Architecture (Italian IA Summit)
Ā 
Design academy lecture & workshop
Design academy lecture & workshopDesign academy lecture & workshop
Design academy lecture & workshop
Ā 
Understanding User Experience Workshop - Interlink Conference 2012
Understanding User Experience Workshop - Interlink Conference 2012Understanding User Experience Workshop - Interlink Conference 2012
Understanding User Experience Workshop - Interlink Conference 2012
Ā 
Jorden prussing fa102 b powpoint final
Jorden prussing fa102 b powpoint finalJorden prussing fa102 b powpoint final
Jorden prussing fa102 b powpoint final
Ā 
Songkick Product Discovery FOWA (Michelle You)
Songkick Product Discovery FOWA (Michelle You)Songkick Product Discovery FOWA (Michelle You)
Songkick Product Discovery FOWA (Michelle You)
Ā 
Jorden prussing fa102 b powpoint 3.26
Jorden prussing fa102 b powpoint 3.26Jorden prussing fa102 b powpoint 3.26
Jorden prussing fa102 b powpoint 3.26
Ā 
WUD Rome 2018 | User friendly, Abuser unfriendly
WUD Rome 2018 | User friendly, Abuser unfriendly WUD Rome 2018 | User friendly, Abuser unfriendly
WUD Rome 2018 | User friendly, Abuser unfriendly
Ā 
Fundamentals and practices of UX research
Fundamentals and practices of UX research Fundamentals and practices of UX research
Fundamentals and practices of UX research
Ā 

Recently uploaded

AMBER GRAIN EMBROIDERY | Growing folklore elements | Root-based materials, w...
AMBER GRAIN EMBROIDERY | Growing folklore elements |  Root-based materials, w...AMBER GRAIN EMBROIDERY | Growing folklore elements |  Root-based materials, w...
AMBER GRAIN EMBROIDERY | Growing folklore elements | Root-based materials, w...BarusRa
Ā 
VIP Call Girl Amravati Aashi 8250192130 Independent Escort Service Amravati
VIP Call Girl Amravati Aashi 8250192130 Independent Escort Service AmravatiVIP Call Girl Amravati Aashi 8250192130 Independent Escort Service Amravati
VIP Call Girl Amravati Aashi 8250192130 Independent Escort Service AmravatiSuhani Kapoor
Ā 
VIP Kolkata Call Girl Gariahat šŸ‘‰ 8250192130 Available With Room
VIP Kolkata Call Girl Gariahat šŸ‘‰ 8250192130  Available With RoomVIP Kolkata Call Girl Gariahat šŸ‘‰ 8250192130  Available With Room
VIP Kolkata Call Girl Gariahat šŸ‘‰ 8250192130 Available With Roomdivyansh0kumar0
Ā 
(AISHA) Ambegaon Khurd Call Girls Just Call 7001035870 [ Cash on Delivery ] P...
(AISHA) Ambegaon Khurd Call Girls Just Call 7001035870 [ Cash on Delivery ] P...(AISHA) Ambegaon Khurd Call Girls Just Call 7001035870 [ Cash on Delivery ] P...
(AISHA) Ambegaon Khurd Call Girls Just Call 7001035870 [ Cash on Delivery ] P...ranjana rawat
Ā 
Top Rated Pune Call Girls Koregaon Park āŸŸ 6297143586 āŸŸ Call Me For Genuine S...
Top Rated  Pune Call Girls Koregaon Park āŸŸ 6297143586 āŸŸ Call Me For Genuine S...Top Rated  Pune Call Girls Koregaon Park āŸŸ 6297143586 āŸŸ Call Me For Genuine S...
Top Rated Pune Call Girls Koregaon Park āŸŸ 6297143586 āŸŸ Call Me For Genuine S...Call Girls in Nagpur High Profile
Ā 
CALL ON āž„8923113531 šŸ”Call Girls Aminabad Lucknow best Night Fun service
CALL ON āž„8923113531 šŸ”Call Girls Aminabad Lucknow best Night Fun serviceCALL ON āž„8923113531 šŸ”Call Girls Aminabad Lucknow best Night Fun service
CALL ON āž„8923113531 šŸ”Call Girls Aminabad Lucknow best Night Fun serviceanilsa9823
Ā 
Chapter 19_DDA_TOD Policy_First Draft 2012.pdf
Chapter 19_DDA_TOD Policy_First Draft 2012.pdfChapter 19_DDA_TOD Policy_First Draft 2012.pdf
Chapter 19_DDA_TOD Policy_First Draft 2012.pdfParomita Roy
Ā 
VVIP Pune Call Girls Hadapsar (7001035870) Pune Escorts Nearby with Complete ...
VVIP Pune Call Girls Hadapsar (7001035870) Pune Escorts Nearby with Complete ...VVIP Pune Call Girls Hadapsar (7001035870) Pune Escorts Nearby with Complete ...
VVIP Pune Call Girls Hadapsar (7001035870) Pune Escorts Nearby with Complete ...Call Girls in Nagpur High Profile
Ā 
VIP Call Girls Bhiwandi Ananya 8250192130 Independent Escort Service Bhiwandi
VIP Call Girls Bhiwandi Ananya 8250192130 Independent Escort Service BhiwandiVIP Call Girls Bhiwandi Ananya 8250192130 Independent Escort Service Bhiwandi
VIP Call Girls Bhiwandi Ananya 8250192130 Independent Escort Service BhiwandiSuhani Kapoor
Ā 
CBD Belapur Individual Call Girls In 08976425520 Panvel Only Genuine Call Girls
CBD Belapur Individual Call Girls In 08976425520 Panvel Only Genuine Call GirlsCBD Belapur Individual Call Girls In 08976425520 Panvel Only Genuine Call Girls
CBD Belapur Individual Call Girls In 08976425520 Panvel Only Genuine Call Girlsmodelanjalisharma4
Ā 
Kurla Call Girls Pooja NehwalšŸ“ž 9892124323 āœ… Vashi Call Service Available Nea...
Kurla Call Girls Pooja NehwalšŸ“ž 9892124323 āœ…  Vashi Call Service Available Nea...Kurla Call Girls Pooja NehwalšŸ“ž 9892124323 āœ…  Vashi Call Service Available Nea...
Kurla Call Girls Pooja NehwalšŸ“ž 9892124323 āœ… Vashi Call Service Available Nea...Pooja Nehwal
Ā 
CALL ON āž„8923113531 šŸ”Call Girls Kalyanpur Lucknow best Female service šŸ§µ
CALL ON āž„8923113531 šŸ”Call Girls Kalyanpur Lucknow best Female service  šŸ§µCALL ON āž„8923113531 šŸ”Call Girls Kalyanpur Lucknow best Female service  šŸ§µ
CALL ON āž„8923113531 šŸ”Call Girls Kalyanpur Lucknow best Female service šŸ§µanilsa9823
Ā 
WAEC Carpentry and Joinery Past Questions
WAEC Carpentry and Joinery Past QuestionsWAEC Carpentry and Joinery Past Questions
WAEC Carpentry and Joinery Past QuestionsCharles Obaleagbon
Ā 
Kindergarten Assessment Questions Via LessonUp
Kindergarten Assessment Questions Via LessonUpKindergarten Assessment Questions Via LessonUp
Kindergarten Assessment Questions Via LessonUpmainac1
Ā 
SD_The MATATAG Curriculum Training Design.pptx
SD_The MATATAG Curriculum Training Design.pptxSD_The MATATAG Curriculum Training Design.pptx
SD_The MATATAG Curriculum Training Design.pptxjanettecruzeiro1
Ā 
Cosumer Willingness to Pay for Sustainable Bricks
Cosumer Willingness to Pay for Sustainable BricksCosumer Willingness to Pay for Sustainable Bricks
Cosumer Willingness to Pay for Sustainable Bricksabhishekparmar618
Ā 
NO1 Trending kala jadu Love Marriage Black Magic Punjab Powerful Black Magic ...
NO1 Trending kala jadu Love Marriage Black Magic Punjab Powerful Black Magic ...NO1 Trending kala jadu Love Marriage Black Magic Punjab Powerful Black Magic ...
NO1 Trending kala jadu Love Marriage Black Magic Punjab Powerful Black Magic ...Amil baba
Ā 
Call Girls in Kalkaji Delhi 8264348440 call girls ā¤ļø
Call Girls in Kalkaji Delhi 8264348440 call girls ā¤ļøCall Girls in Kalkaji Delhi 8264348440 call girls ā¤ļø
Call Girls in Kalkaji Delhi 8264348440 call girls ā¤ļøsoniya singh
Ā 

Recently uploaded (20)

AMBER GRAIN EMBROIDERY | Growing folklore elements | Root-based materials, w...
AMBER GRAIN EMBROIDERY | Growing folklore elements |  Root-based materials, w...AMBER GRAIN EMBROIDERY | Growing folklore elements |  Root-based materials, w...
AMBER GRAIN EMBROIDERY | Growing folklore elements | Root-based materials, w...
Ā 
VIP Call Girl Amravati Aashi 8250192130 Independent Escort Service Amravati
VIP Call Girl Amravati Aashi 8250192130 Independent Escort Service AmravatiVIP Call Girl Amravati Aashi 8250192130 Independent Escort Service Amravati
VIP Call Girl Amravati Aashi 8250192130 Independent Escort Service Amravati
Ā 
VIP Kolkata Call Girl Gariahat šŸ‘‰ 8250192130 Available With Room
VIP Kolkata Call Girl Gariahat šŸ‘‰ 8250192130  Available With RoomVIP Kolkata Call Girl Gariahat šŸ‘‰ 8250192130  Available With Room
VIP Kolkata Call Girl Gariahat šŸ‘‰ 8250192130 Available With Room
Ā 
(AISHA) Ambegaon Khurd Call Girls Just Call 7001035870 [ Cash on Delivery ] P...
(AISHA) Ambegaon Khurd Call Girls Just Call 7001035870 [ Cash on Delivery ] P...(AISHA) Ambegaon Khurd Call Girls Just Call 7001035870 [ Cash on Delivery ] P...
(AISHA) Ambegaon Khurd Call Girls Just Call 7001035870 [ Cash on Delivery ] P...
Ā 
escort service sasti (*~Call Girls in Prasad Nagar Metroā¤ļø9953056974
escort service sasti (*~Call Girls in Prasad Nagar Metroā¤ļø9953056974escort service sasti (*~Call Girls in Prasad Nagar Metroā¤ļø9953056974
escort service sasti (*~Call Girls in Prasad Nagar Metroā¤ļø9953056974
Ā 
Top Rated Pune Call Girls Koregaon Park āŸŸ 6297143586 āŸŸ Call Me For Genuine S...
Top Rated  Pune Call Girls Koregaon Park āŸŸ 6297143586 āŸŸ Call Me For Genuine S...Top Rated  Pune Call Girls Koregaon Park āŸŸ 6297143586 āŸŸ Call Me For Genuine S...
Top Rated Pune Call Girls Koregaon Park āŸŸ 6297143586 āŸŸ Call Me For Genuine S...
Ā 
CALL ON āž„8923113531 šŸ”Call Girls Aminabad Lucknow best Night Fun service
CALL ON āž„8923113531 šŸ”Call Girls Aminabad Lucknow best Night Fun serviceCALL ON āž„8923113531 šŸ”Call Girls Aminabad Lucknow best Night Fun service
CALL ON āž„8923113531 šŸ”Call Girls Aminabad Lucknow best Night Fun service
Ā 
Chapter 19_DDA_TOD Policy_First Draft 2012.pdf
Chapter 19_DDA_TOD Policy_First Draft 2012.pdfChapter 19_DDA_TOD Policy_First Draft 2012.pdf
Chapter 19_DDA_TOD Policy_First Draft 2012.pdf
Ā 
young call girls in Pandav nagar šŸ” 9953056974 šŸ” Delhi escort Service
young call girls in Pandav nagar šŸ” 9953056974 šŸ” Delhi escort Serviceyoung call girls in Pandav nagar šŸ” 9953056974 šŸ” Delhi escort Service
young call girls in Pandav nagar šŸ” 9953056974 šŸ” Delhi escort Service
Ā 
VVIP Pune Call Girls Hadapsar (7001035870) Pune Escorts Nearby with Complete ...
VVIP Pune Call Girls Hadapsar (7001035870) Pune Escorts Nearby with Complete ...VVIP Pune Call Girls Hadapsar (7001035870) Pune Escorts Nearby with Complete ...
VVIP Pune Call Girls Hadapsar (7001035870) Pune Escorts Nearby with Complete ...
Ā 
VIP Call Girls Bhiwandi Ananya 8250192130 Independent Escort Service Bhiwandi
VIP Call Girls Bhiwandi Ananya 8250192130 Independent Escort Service BhiwandiVIP Call Girls Bhiwandi Ananya 8250192130 Independent Escort Service Bhiwandi
VIP Call Girls Bhiwandi Ananya 8250192130 Independent Escort Service Bhiwandi
Ā 
CBD Belapur Individual Call Girls In 08976425520 Panvel Only Genuine Call Girls
CBD Belapur Individual Call Girls In 08976425520 Panvel Only Genuine Call GirlsCBD Belapur Individual Call Girls In 08976425520 Panvel Only Genuine Call Girls
CBD Belapur Individual Call Girls In 08976425520 Panvel Only Genuine Call Girls
Ā 
Kurla Call Girls Pooja NehwalšŸ“ž 9892124323 āœ… Vashi Call Service Available Nea...
Kurla Call Girls Pooja NehwalšŸ“ž 9892124323 āœ…  Vashi Call Service Available Nea...Kurla Call Girls Pooja NehwalšŸ“ž 9892124323 āœ…  Vashi Call Service Available Nea...
Kurla Call Girls Pooja NehwalšŸ“ž 9892124323 āœ… Vashi Call Service Available Nea...
Ā 
CALL ON āž„8923113531 šŸ”Call Girls Kalyanpur Lucknow best Female service šŸ§µ
CALL ON āž„8923113531 šŸ”Call Girls Kalyanpur Lucknow best Female service  šŸ§µCALL ON āž„8923113531 šŸ”Call Girls Kalyanpur Lucknow best Female service  šŸ§µ
CALL ON āž„8923113531 šŸ”Call Girls Kalyanpur Lucknow best Female service šŸ§µ
Ā 
WAEC Carpentry and Joinery Past Questions
WAEC Carpentry and Joinery Past QuestionsWAEC Carpentry and Joinery Past Questions
WAEC Carpentry and Joinery Past Questions
Ā 
Kindergarten Assessment Questions Via LessonUp
Kindergarten Assessment Questions Via LessonUpKindergarten Assessment Questions Via LessonUp
Kindergarten Assessment Questions Via LessonUp
Ā 
SD_The MATATAG Curriculum Training Design.pptx
SD_The MATATAG Curriculum Training Design.pptxSD_The MATATAG Curriculum Training Design.pptx
SD_The MATATAG Curriculum Training Design.pptx
Ā 
Cosumer Willingness to Pay for Sustainable Bricks
Cosumer Willingness to Pay for Sustainable BricksCosumer Willingness to Pay for Sustainable Bricks
Cosumer Willingness to Pay for Sustainable Bricks
Ā 
NO1 Trending kala jadu Love Marriage Black Magic Punjab Powerful Black Magic ...
NO1 Trending kala jadu Love Marriage Black Magic Punjab Powerful Black Magic ...NO1 Trending kala jadu Love Marriage Black Magic Punjab Powerful Black Magic ...
NO1 Trending kala jadu Love Marriage Black Magic Punjab Powerful Black Magic ...
Ā 
Call Girls in Kalkaji Delhi 8264348440 call girls ā¤ļø
Call Girls in Kalkaji Delhi 8264348440 call girls ā¤ļøCall Girls in Kalkaji Delhi 8264348440 call girls ā¤ļø
Call Girls in Kalkaji Delhi 8264348440 call girls ā¤ļø
Ā 

UX Design - Case Study - Art Pro INK

  • 1. Art Pro Project Overview A minimalistic, professional tattoo app for tattoo enthusiastā€™s & tattoo artists in your local community Designed by Nicoline Thostrup The Design Process Competitive Analysis Online Survey User Interviews User Cantered Design Problem Statement User personas User Journeys User Stories User Flows Task Analysis Journey Maps Sketching Wireframing Prototyping Refinement Iterating Usability Testing Test Analysing Reporting Research to help define the Learn about users through testing Test create new ideas for the Test reveal insights that refine the problem Learn from prototypes to spark new ideas Pro rt INK A Art Pro INK Splash Screen Art Pro INK is a mobile application that allows tattoo enthusiasts to discover and connect with tattoo artists and studios in their local community. The goal for Art Pro INK is to give users a simple and intuitive way to browse, collect and store tattoo inspiration, and get familiar with the artists and studios work. Art Pro INK allows users to feel more comfortable with searching for new inspiration and finding the right tattoo artist for their next tattoo. Research Define Idiate Build Test Role User experience & Interface designer, User Research Client CareerFoundry UX Design Immersion Project Tools Adobe Xd Balsamiq UsabilityHub InVision Timeline 4 Moths Platform Supported Platform iOS iPhone X Project Process My entire UX process can be shown in a 6-part journey The Research phase encapsulates identifying a problem and value a proposition, followed by a competitive analysis of competitors with in the market of tattoo applications, ending with surveys and interviews to better understand what problems users encounter, that the app might solve. Next, the Define phase, User Design focuses on developing user personas and journey maps to illustrate the appā€™s user-in-mind and target audience. The Ideation phase highlights the information architecture of the app through user flows, card sorting and a visual piracy of the app. The Wire-framing and Prototyping phase implements the research, survey and interviews insights, personas, and task user flows into the creation of the app screens. There are three degrees of prototyping: low-fidelity which focuses on building the architecture of the app, mid-fidelity which translates the low-fidelity images in to a simple mockup, followed by a high-fidelity prototype which reflects how the app will actually look on the users phone. The minimum viable product (MVP) ready, Usability testing offers the product to be tested for major errors, user flows issues, and design errors. Lastly, thanking the critiques and implementing the changes into the product is the Design Iterations phase. For this project the design have been alternated 7 times.
  • 2. Interviews Problem Statement Competitive Analysis Competitive Analysis Insights User Interviews Survey and Interview Insights Online Survey I conducted a competitive analysis of two competitors on the app market, offering their users the possibility to browse tattoo inspiration and book appointments with tattoo artists & studios. The two competitor apps I conducted a competitive analysis for were InkSquad and Tattoodo. This gave me insight to what the competitors had to offer their users, where in the market they had their strengths and weaknesses. Conducting the competitive analysis offered me an insight to design a user centred tattoo application, offering the users a setup, with a selection of preferred features, with a focus on tattoo inspiration and connection to the tattoo artist. I used the new insight from the online survey, to set up a script, for some in person user interviews with participants in my target audience group. The following questions were used as a base for the interviews, to gain insight about the participants wants and needs, when searching for inspiration and tattoo artists, as well as their experiences. Is was important for me that the participants felt comfortable during the interviews, and had the chance to tell their stories, therefore the interviews were scheduled over a couple of days. In the competitors analysis, I gained a good insight of what the app marked had to offer tattoo enthusiasts, in their search for inspiration, next tattoo, tattoo artists and studios. This gave me a solid base to begin researching for my project. The first step in my research were an online survey, conducted via Google Forms. The survey were posted in 2 social media groups and had a total of 82 responses, from variated age ranges (21 to 50+), all with an interest in tattoos. The survey provided me with sufficient data, to analysis and insights to Research 1 Read recommendations and ratings from other users, regarding their experience with the tattoo artist. Search filters (ratings, style, design, theme etc.) Add own designs (Drawing, photos). A way to get in touch with the artists. Categorised inspiration (picture database, tattoo designs, actually tattoos etc.) Location setting, in order to find tattoo artists within a reasonable distance. A way to save and share favourite tattoos, photos or drawings. Understand what sources tattoo enthusiasts used while browsing inspiration and where they saved it. Understand what criteriaā€™s they would have for a tattoo artist or a tattoo studio. Understand what concerns or thoughts they might had to overcome. Do you plan on getting a tattoo in the foreseeable future? Do you have any tattoos?Ā  How old were you, when you got your first tattoo?Ā  Are you happy with your first tattoo? What is most important to you, when getting a tattoo? Where do you usually find your tattoo inspiration? Have you used Augmented Reality to preview a tattoo, before getting it?Ā  Would you use a temporary tattoo, to make sure you like a design, before getting inked?Ā  Would you download an app that certifies the quality the tattoo artist? Did you had a tattoo done while traveling? What problems do you face trying to get a new tattoo? Sample Questions Survey Insights Interview Insights Potential solutions To be able to help the user through this process the app will need to provide the user with: The survey was designed to understand the following: https://docs.google.com/spreadsheets/d/e/2PACX-1vQpiecEhFnKsLDiU2-ZNfDF4a9_SVXvgWro1vM3mUgbs1IKpsqRYNhpesZTBO1_- SWOT Survey My tattoo application, need to be capable of guiding the users in the process from dreaming about getting a tattoo, through wanting a tattoo, to actually getting in touch with the right tattoo artist in the local area. Ā  By allowing the user to search for different tattoo designs linked with the artists the user can be inspired, see what previous work the tattoo artist have done as well as getting in touch with the artist. It will also be necessary for the user to see other user ratings for the tattoo artists. ā€œIā€™m an expat living in Berlin, I have recently decided that I will like to have a new tattoo, but have difficulties with finding a trustworthy tattoo artist who can make exactly that tattoo Iā€™m dreaming about.ā€ Ā  ā€œIā€™m really keen to the idea of having a tattoo done, but Iā€™m not exactly sure what style will fit me, so I need a place to get inspiredā€ Target audience: The survey fits the wished target audience, the majority of the participants were to 18 ā€“ 40 years of age. The survey showed that itā€™s a small amount of the participants that got their first tattoo before the age of 18 or after the age of 40. The local tattoo artist: Itā€™s important to provide users with an artist portfolio so the user can have insight in the artists previous work. Preferable a link to their Instagram account, because itā€™s the second most desired place to search inspiration Augmented reality (AR): Not many participants knows this feature, this tells that itā€™s still an unknown feature to most users. Therefore itā€™ll be worth to gain further knowledge about this feature in particular, to figure out if itā€™s a good thing to include the feature or dismiss the idea before we move on with the Overall, it seems that the participants largely used personal references, Instagram and own unique tattoo ideas when researching for their next tattoo. Choice of tattoo artist and distance were somehow less mentioned as important factors, when deciding what tattoo they wanted to have done, however it was important that they could see previous work from the artist to ensure that the artist had the right skillset, to do what they were dreaming about. Most of the participants didnā€™t preferred a specific artist, and didnā€™t minded to travel to get the tattoo done. In fact all the interviewees live in smaller villages n the countryside, with no local tattoo studios within 20 kilometers (30 minutes by car) distance from their home. All of the interviewees mentioned that they see their tattoos as a unique personal thing, as no one could take from them, as reminders for them self to care, about someone special in their life or something they find difficult where they are using the tattoo as an emotional support. After having the first tattoo, they donā€™t seem to have any fears. Hygiene standards in Denmark , is by law really high and therefore they donā€™t worry about getting infections etc. What all the interviewees have in common is that they all are thinking about their next tattoo, or alterations on those they already have. For them itā€™s important that the tattoos they have are looking good and have a meaning to them. What we also can see is that the ones which have been done spontaneously not always equals regrets. None of the interviewees had ever used AR for their tattoos, and most havenā€™t even thought about using a tattoo app for their research trying to find inspiration for their next tattoo. So if we have to make a tattoo app itā€™ll be First tattoo: Itā€™s clear that not all tattoo artists have the skillset a good job as a tattoo artist. Regrets not only to the content of the tattoo but also badly done tattoos, low quality of ink. Therefore a certain skillset must be shown by the tattoo artists in y application.
  • 3. 2Personas User Journeys With the insight gained from the research phase, I created three user personas which were an excellent example on future users of my tattoo application. I named the three personas: Thomas, Camilla and Annie. It was important for me to cover as many aspects as possible for my project and therefore I created two personas to reflect the users of my tattoo app, and also a user persona with an artist perspective. These personas all have a clear definition of my target Based on the user personas I sketched out some user journey maps, making sure to accommodate their needs and wants best possible. Personas Define Tattoo Artist Tattoo Enthusiast
  • 4. User Flows Information Architecture With the user personas journey mapping in place I created user flows, based on the important user stories from the journey maps you see above. I made sure, that every interaction, the user must take to complete a task or achieve a goal were included in the user flows. The user flows have an entry point and an end point, when the task is completed. The user flow follows a userā€™s progress to complete the task or goal throughout the diagram. The Information architecture of my app was created using a sitemap to serve as a visual piracy. With the first version of the sitemap (Site Map V1), I conducted a closed card sorting exercise with 6 participants, which offered me valuable insights to revise the IA and make interactions to my site map (Site Map V2). Further more the site map determinate where the different content from my user flows should go, I created a sitemap, this would also help me to figure out how the navigation structure should be. IA Ideation 3 SITE MAP V1 After conducting the digital closed card sort, and analyzing the results the following changes have been done to the sitemap to increase the user experience of the app. Names of categories changed to be easier for the user to understand Menu changed to settings and will be accessible from the home page Filter added in tattoo styles SITE MAP V2
  • 5. Low Fidelity Wireframes With the information gathered from the ideation phase of my UX process, I began sketching out some low fidelity wireframes, putting the new knowledge and my ideas down on paper. This part required lots of thought, and laid the foundation for my appā€™s navigation and architecture. I worked on the 3 user flows I created under the ideation phase, here I will show 2 of my user flows: 1: Browse images, and find artist profile 2: Find tattoo image and contact Tattoo Artist. Keeping the basic design and the 3 user-flows in mind, I the process to create greyscale mid- fidelity prototypes using first Balsamiq. But that wasnā€™t satisfied, so later I decided to use Adobe Xd for my mid-fidelity prototypes. At this time in the design process, I wasnā€™t really happy with my mid-fidelity prototype and decided to continue working on the layout, to create a more simple and minimalistic feeling. Some of the alterations can bee seen under usability test finds below, and also in Design Iterations. Paper Prototypes 1 1 2 2 4Wireframes & Prototypes Midt to High Fidelity Prototypes Browse Images, And Find Artist Profile Low-Fidelity Prototype Browse Images, And Find Artist Profile Mid-Fidelity Prototype Find Tattoo Image And Contact Tattoo Artist. Low-Fidelity Prototype Find Tattoo Image And Contact Tattoo Artist. Mid-Fidelity Prototype
  • 6. 5Usability Testing Art Pro Ink Usability Testing Goal Methodology Test Results Usability Test Findings For a detailed look at the test script, including all the tasks the participants were asked to conduct: Sign up & onboarding, Navigate the main menu, Browsing tattoo styles, Save and share and thoughts with a tattoo artist, Find a tattoo artists profile and portfolio. The usability testing were preformed using moderated Remote method one usability test was preformed Moderated in-person. The goal of this usability test is to determinate whether or not some core features in the ArtPro Ink app are easy and straight forward to use for first time users, just as well as figuring out if the ArtPro Ink app have what it takes to be competitive on the tattoo app market. Will users keep coming back to the app for tattoo inspiration and share their tattoo inspiration with their local tattoo The usability testing were preformed using moderated Remote method and one usability test was preformed Moderated in-person. The moderated Remote moderate usability testing were held through the video-chatting software Skype on desktop with 5 participants, where all sessions were screen recorded for future playback analysis. The test included a short briefing, task performance with Art Pro INK through an Adobe Xd prototype, and ended with a debriefing. Using the test recordings and notes, I then proceeded to conduct anther round of infinity mapping to isolate information and determinate its relation to four main categories: Observations, Positive Quotes, Negative Quotes, and Errors. Based on the affinity map, I were able to create a rainbow spreadsheet, to organize the information and create a visual pattern of the participants thoughts from the usability testing sessions. Six usability tests were carried out for the early stage of the ArtPro Ink prototype. Most participants were able to complete each task without any major issues. Although there werenā€™t made many errors with completing the tasks, the usability testing sessions revealed some places where the usability could be improved. Furthermore, most participants had gained a good insight during the testing sessions and gave me feedback about what could improve the usability of the app navigation, and core functions. After the usability test the following 5 issues have been altered for a better user flow in the app. The severity issues are rating from low to high severity for the usability my application. Issue #1: Navigation Tab Bar Severity: High Issue #2: Main Manu setup Severity: High Issue #3: Sub menu Tattoo INK Severity: High Issue #4: Sign Up & Onboarding Severity: Low Issue #5: Tattoo Gallery Setup & Functionality Severity: medium Findings: 50% of the participants hesitated to sign up to the Art Pro Ink app, without any information of the app content. They felt it could be unreliable and therefore they didnā€™t want to give out any kind of personal information prior to seeing the app features. This was a low severity issue to the usability, but will increase the number of new users of the ArtPro Ink app. Suggested Changes: Moving the onboarding screens prior to the sign up to create a larger trust / liability with new users, will maybe be beneficial for the application and can get more users to sign up. Evidence: Onboarding moved prior to sign up and create account. Findings: Most participants had issues with navigating the menu setup without help. Some participants overlooked content in the main menu. Suggested Changes: Incorporate a ā€˜Landing Pageā€™ to give users an overview of the features with buttons as can be clicked on, as well as a change each of the features ā€˜front pageā€™. Evidence: Changes to feature front- page: Frame whit button function, replaced with image with clickable function. Added a page indicator < x of x > with clickable function for horizontal navigation if the user doesnā€™t find the swipe Evaluate how users respond / react to the ā€˜Signupā€™ and ā€˜Onboardingā€™ of the app. Evaluate how well users are able to understand and navigate the ā€˜Main-menuā€™ of the ArtPro Ink app. See whether or not if the ā€˜Tattoo Stylesā€™ and ā€˜Galleryā€™ are allowing the user easily to browse and explore tattoo style. Determinate if the current steps to share saved tattoo inspiration and as well, as userā€™s thoughts are a viable solution or if the process needs to be simplified. Determinate if the artist / studio profile is viable to the user. 5 Test Objectives Findings: The submenu: ā€˜Tattoo INKā€™ didnā€™t made sense for most participants, and was an extra click to explore tattoo styles, and therefore I found it important to move the sub menu in tattoo ink to another location in the app. This was a high severity issue to the usability. Evidence: The sub menu will be removed, and ā€˜Trending Tattoosā€™ and ā€˜Featured Tattoosā€™ moved into filter settings under Tattoo Styles. Findings: While exploring tattoo styles, participants wanted to see more tattoos at once. An overload of information was stopping them in their flow. Also saving tattoos they wanted to save as inspiration for their next tattoo was too complicated. Suggested Changes: Change setup, create overlay pop-ups to inform the users. Evidence: By allowing the users to browse several tattoo pictures on the screen at the same time, with less information will benefit the user flow. When the user clicks on an image the information regarding tattoo artist as well as comments and a kebab menu will Findings: During the usability test I discovered that more of the participants tried to click on the navigation bar but the buttons were too small for participants to find in first attempt. Suggested Changes: Create a larger clickable area in navigation bar. Change icons for Tattoo ink t and Augmented Reality (AR). Evidence: Six usability tests were carried out for the early stage of the ArtPro Ink prototype. Most participants were able to complete each task without any major issues. Although there werenā€™t made many errors with completing the tasks, the usability testing sessions revealed some places where the usability could be improved. Furthermore, most participants had gained a good insight during the testing sessions and gave me feedback about what could improve the usability of the app navigation, and core functions. After the usability test the following 5 issues have been altered for a better user flow in the Usability Test Summary
  • 7. A/B Testing Design Decisions The Design Process Style Guide Throughout the process I ran several preference tests, to ensure that I made understandable and functional design decisions. It was quickly clear that the participants wanted an app with a dark theme. Votes Votes Before After Design & Iteration process Create Account I used the A/B testing to make my final decision regarding the CTA color, using one of the onboarding screens. After that I launched another A/B test to make the final decision about the background color of the app. In order to proceed with my design decisions, I conducted a series of A/B testing to determinate which designs were preferred, the A/B test were conducted with respectively 20 and 16 participants. The test results offered useful insight in choosing, main colors, patterns and over all design. In addition to the A/B Testing, I learned about best practices in design to apply to my iterations. For example, implementing iOS human interface guidelines, such as removing the logo from the top and replace it with directive copy. In addition, I applied rues of hierarchy and laws of proximity and similarity to the design, in the figure below is an example of Gestalt principles. After that I shared my prototype with fellow students to do a peer review, the feedback and insights it gave me, I used to make improvements in the app visually and navigation wise. In the example below I added a tab bar, to improve the navigation of my application. With the feedback and new insights I had gained from the design decision process, I polished off my application and updated the style guide. Balance In order to give more balanced feeling of the layout, the font weight have been alternated from thin to a medium font. Page name and location have been given the CTA color of the app so the user know their whereabouts in the app. Law of similarity Icons and text in the menu bar is matching style and with the same size and font. Law of Common Fate Animated app navigation between the main features in the ArtPro INK app. Make it possible to swipe from Message page Some of the feedback I received were regarding readability, in the message areas of the prototype. ā€™Itā€™s important that the background isnā€™t disturbing the users when they have to read important information. I made changes to background image to the same graphics as in the onboarding, providing the users with a calm background for their messages. Landing page I received feedback about the missing tab bar, which will include the same as on the screen. I reduced the font size to match the rest of the screens, and added the navigation bar, however itā€™s not necessary but it complete the view of the landing page. 6Design Iterations Onboarding A/B Testing Background Color A/B Testing TEST WINNER TEST WINNER 0 2 4 6 8 10 0 2 4 6 8 10 12 Throughout the project there have been multiple iterations due to new knowledge, usability testing and preference testing etc. Hereā€™s a glimpse of the design process from start to finish on one of the Create Account page. 01 Color palette 02 Typography 03 UI Elements 05 Copy / language Guidelines 06 Doā€™s & Donā€™t 04 Imagery/Illustration - Do update images in menu so they are following trends - Do update images in Tattoo style menu to most liked in the tattoo style. - Do only verify certiļ¬ed artists and studios. - Do kindly ask artists and studios to select and use their own picture for their button in sub menu, to enter their proļ¬le. ArtPro INKā€™s voice is human, its familiar, friendly and straight forward. Our priority is to provide tattoo enthusiasts and tattoo artists & stud with an app, where they can be inspired, collect tattoo ideas and connect with the artists in their local community. Any hateful rhetoric will not be allowed, and all tattoo artists and studios have to be approved, and live up to out standards, so we can p a safe environment for our users. - No light backgrounds - No black text - Donā€™t change text style - Donā€™t change image sizes - Donā€™t allow bad and discriminating language at any point. - Do not use gradient color or gradient background. Buttons Input ļ¬elds Navigation Bar Icons Primary buttons Used for positive actions, main CTAā€™s and s Login button Used for negative actions, cancel or clear all Filter button Used for setting search ļ¬lters in tattoo styles and tattoo artists Menu buttons Used for main menu, and sub Menuā€™s Artist proļ¬les and user proļ¬le Proļ¬le sections Used for main Artist & studio proļ¬les Portfolio and reviews Active state Default state Toggle To be used to remember user login information, and use location in settings. Default state Active state Onboarding Search bar Text input messages Primary button Back Message Artists & Studios Artists & Studios Home Home Calendar Calendar Augmented Reality Augmented Reality Tattoo INK Forward Tattoo INK Settings Exit New message Send Meat ball Menu Add Search Like Photo Attach ļ¬le Facebook User e-mail Google UserSave Password Search by image Comment Fitler Tattoo ArtistTattoo Artist Aa SF Pro Dispaly Bold Semibold Medium Light Thin Style name Headline large Light 42 Headline, artist and user name Medium 24 Information text under headline Medium 22 Button text in main menus, name in titlebar messages Medium 18 Titlebar Medium 20 Medium 16 Light 16 Buttons Search-bar, body text, location pop up request Body text, image description, chat text SF Pro ColorsSize Use Menu text Titlebar Headline small Button text Text areas Body text Default Active AaAa AaAa CTA Onboraring SettingsSettings Login buttonLogin button PortfolioPortfolio ReviewsReviews Search BarSearch Bar Title: ArtPro INK Logo Artist: Nicoline Thostrup File Name: Logo_ArtPro_INK2020 Title: Black & Grey Artist: Artist Name File name: BandG_menu.jpg Use: Swipe Tattoo style menu Tilte: Fine-Line Photo by: James Doe File name: Fine_line.jpg Use: Swipe Tattoo style menu Title: Lettering Photo by: James Langreen File name:Letter_menu.jpg Use: Swipe Tattoo style menu Title: Realism Artist: Annie Laki File name: Real_menu.jpg Use: Swipe Tattoo style menu Title: Watercolor Photo by: James Norm File Name: W.Cl_menu.jpg Use: Swipe Tattoo style menu Pr NKNK rtA Title: Tattoo styles Artist: unknown File Name: ZX.jpg Use: Swipe Tattoo style menu Title: Artists & Studios Photographer: unknown File name: Artist_menu.jpg Use: Swipe Tattoo style menu Tilte: Working Artist Photo by: James Doe File name: Onb_bg_2 Title: Calendar Tattoo Photo by: James Langreen File name: BandG_main.jpg Use: Swipe Tattoo style menu Title: User Proļ¬le Artist: Annie Laki File name: WCl4.jpg Use: Swipe Tattoo style menu Title: Tattoo Artist Photo by: James Norm File Name: Tattoo_Artist_woman Artist nameArtist name Country, CityCountry, City #00958F #0C7EF0 #FD0000#CCC8C8 #000000 #FFFFFF#4B4B4B #3E3E3E #F0F0F0#F0F0F0 #FFFFFF 40% #EBB31B Art.Pro@ink.com Enter Password Enter name
  • 8. Final Design Before the Design for Art pro INK were final, I run another series of usability testing to ensure that the user flow, visual design and navigation was acceptable in the prototype. To see more of my final design, please feel free to test out the user flows in my clickable prototype below. https://xd.adobe.com/embed/ 5e855b8d-4243-4434-9119-6dcb8f6864e0-0bd6/ screen/5bf85216-7fe1-45d8-92a7-15effd79de65 Filtersettings Tattoogallery TattooArtistprofile UserProfile& TattoostylesmenuMainmenu Login/Signup Onboarding 7Clickable Prototype
  • 9. Final Comments Next Steps This project was a great opportunity for me to fully comprehend and understand the user experience design process. Each step was crucial and relevant to create a responsive application from scratch to the final prototype. This project allowed me to connect with the user through usability testing and using that information and new knowledge to create an easy to use application with a user-friendly interface. Throughout this project I gained a wealth of knowledge and have learned to understand the importance of thorough research, user empathy and impractical iterations. If I were to continue to work on my application I would implement the features of book an appointment with a tattoo artist, and work on the augmented reality part of the app. Throughout this project I gained a wealth of knowledge and have learned to understand the importance of thorough research, user emphatic and impractical iterations. 8Final comments & Next steps
  • 10. 9Agile Retrospectives What went well?What went well? What didnā€™t go well?What didnā€™t go well? What can be improved?What can be improved? In order to create a solid fundament for my mobile application I conducted a series of user interviews and with the findings I created User Personas as an example of the future users of my app. Skills: User interviews, User personas, Problem statement Process: User Centred Design, Problem statement Solution: Creating personas will help you to understand your usersā€™ needs, experiences, behaviours and goals. Do this for every UX project. I spend too much energy and time on designing and redesigning my prototype before conducting the first round of usability testing. Skills: Paper sketching, usability testing, wire-framing. Process: Share Skill gap: Time management and understanding of the design process Solution: Always conduct the first round of usability testing early in the design process, to avoid unnecessary time consumsion on design prior to usability testing. My proficiency with digital prototyping is limited, as evidenced a limited amount of features in my prototype. Skills: Prototyping Process: Using an industry-standard too to create a prototype Skill gap: Adobe xD, Digital Prototyping Solution: Work more on projects in Adobe xD, review more tutorials, and keep updated with new features is released, work on creating the missing features and complete the app. Until I really get the hang of the tool A minimalistic, professional tattoo app for tattoo enthusiastā€™s & tattoo artists in your local community Designed by Nicoline Thostrup Pro INKrtA