iOS & Desktop
PsyDerm
PsyDerm
PsyDerm
PsyDerm is a telehealth mobile app that aims to assist with skin recovery by providing access to mental health professionals that can determine the right mental health program for users.
PsyDerm is a telehealth mobile app that aims to assist with skin recovery by providing access to mental health professionals that can determine the right mental health program for users.
PsyDerm is a telehealth mobile app that aims to assist with skin recovery by providing access to mental health professionals that can determine the right mental health program for users.
Project Overview
Role: UX Designer
Duration: 10 weeks
Tools: Figma, Adobe Photoshop & After Effects
Role: UX Designer
Duration: 10 weeks
Tools: Figma, Adobe Photoshop & After Effects
Role: UX Designer
Duration: 10 weeks
Tools: Figma, Adobe Photoshop & After Effects
Project Brief
Develop and end-to-end mobile product focusing on human-centered research to create and design a hi-fidelity digital mobile solution that addresses a problem space, focusing on empathy to establish functional and design solutions.
Project Brief
Develop and end-to-end mobile product focusing on human-centered research to create and design a hi-fidelity digital mobile solution that addresses a problem space, focusing on empathy to establish functional and design solutions.
Project Brief
Develop and end-to-end mobile product focusing on human-centered research to create and design a hi-fidelity digital mobile solution that addresses a problem space, focusing on empathy to establish functional and design solutions.
Project Brief
Develop and end-to-end mobile product focusing on human-centered research to create and design a hi-fidelity digital mobile solution that addresses a problem space, focusing on empathy to establish functional and design solutions.
Design Process
To understand the experiences through the eyes of the user, I continued with a human-centered approach and iterative design process. The process includes targeting a problem space, empathizing with user needs and experiences, then digitizing a solution through user testing and implementation. The outcome ends with implementing changes from the user testing then designing a finalized hi-fidelity solution.
To understand the experiences through the eyes of the user, I continued with a human-centered approach and iterative design process. The process includes targeting a problem space, empathizing with user needs and experiences, then digitizing a solution through user testing and implementation. The outcome ends with implementing changes from the user testing then designing a finalized hi-fidelity solution.
To understand the experiences through the eyes of the user, I continued with a human-centered approach and iterative design process. The process includes targeting a problem space, empathizing with user needs and experiences, then digitizing a solution through user testing and implementation. The outcome ends with implementing changes from the user testing then designing a finalized hi-fidelity solution.
Project Outcome
PsyDerm
PsyDerm
PsyDerm
Have you ever felt so stressed that your skin condition starting flaring up? Individuals with skin conditions display higher rates of mental health issues that may affect the quality of life.
Psyderm is a telehealth mobile app that connects users with skin conditions to mental health professionals and programs to assist with skin recovery.
Have you ever felt so stressed that your skin condition starting flaring up? Individuals with skin conditions display higher rates of mental health issues that may affect the quality of life.
Psyderm is a telehealth mobile app that connects users with skin conditions to mental health professionals and programs to assist with skin recovery.
Have you ever felt so stressed that your skin condition starting flaring up? Individuals with skin conditions display higher rates of mental health issues that may affect the quality of life.
Psyderm is a telehealth mobile app that connects users with skin conditions to mental health professionals and programs to assist with skin recovery.
View Prototype
View Prototype
STEP 1
Empathize
STEP 1
Empathize
What is the problem?
What is the problem?
9 out of 10 dermatologists don't think enough importance is placed on the psychological effects of skin conditions. Mental health and skin conditions are interrelated. Research shows that individuals with skin conditions display higher rates of mental health issues. Reversely, mental health issues can exacerbate or worsen these skin conditions.
9 out of 10 dermatologists don't think enough importance is placed on the psychological effects of skin conditions. Mental health and skin conditions are interrelated. Research shows that individuals with skin conditions display higher rates of mental health issues. Reversely, mental health issues can exacerbate or worsen these skin conditions.
"In a vicious circle, stress, depression and other kinds of mental health problems can exacerbate the skin conditions."
"In a vicious circle, stress, depression and other kinds of mental health problems can exacerbate the skin conditions."
Prevalence of Skin Conditions Worldwide
4th
4th
4th
Skin diseases is the 4th
most common cause of all human disease & disability.
Skin diseases is the 4th most common cause of all human disease & disability.
Skin diseases is the 4th
most common cause of all human disease & disability.
125M
125M
2-3% of the world population is diagnosed with psoriasis, about 125 million people
2-3% of the world population is diagnosed with psoriasis, about 125 million people
85%
85%
85%
of people from ages 12-24 are affected by acne.
of people from ages 12-24 are affected by acne.
of people from ages 12-24 are affected by acne.
175M
2-3% of the world population is diagnosed with psoriasis, about 125 million people
Mental Health associated
with Skin Conditions
Mental Health associated with Skin Conditions
55%
55%
55%
Depression affects 9-55%
of surveyed patients with diagnosed psoriasis.
Depression affects 9-55% of surveyed patients with diagnosed psoriasis.
24%
24%
24%
of patients with vitiligo has been diagnosed with depression.
of patients with vitiligo has been diagnosed with depression.
30%
30%
30%
of people with atopic dermatitis (eczema) were diagnosed with depression and/or anxiety.
Depression affects 9-55% of surveyed patients with diagnosed psoriasis.
of people with atopic dermatitis (eczema) were diagnosed with depression and/or anxiety.
40%
40%
40%
of individuals with acne showed high prevalence rates of depression & anxiety.
of individuals with acne showed high prevalence rates of depression & anxiety.
of individuals with acne showed high prevalence rates of depression & anxiety.
Interview Findings
Interview Findings
Insights
User interview findings were synthesized under categories:
Goals, Frustrations, Motivations, and Behaviors.
Based on found key insights, quantitative and qualitative data can be collected in order to help find the most common themes that would be most valuable to focus on and provide solutions for.
View User Insights >
User interview findings were synthesized under categories:
Goals, Frustrations, Motivations, and Behaviors.
Based on found key insights, quantitative and qualitative data can be collected in order to help find the most common themes that would be most valuable to focus on and provide solutions for.
User interview findings were synthesized under categories:
Goals, Frustrations, Motivations, and Behaviors.
Based on found key insights, quantitative and qualitative data can be collected in order to help find the most common themes that would be most valuable to focus on and provide solutions for.
View User Insights >
User interview findings were synthesized under categories:
Goals, Frustrations, Motivations, and Behaviors.
Based on found key insights, quantitative and qualitative data can be collected in order to help find the most common themes that would be most valuable to focus on and provide solutions for.
View User Insights >
Key Themes
Key Themes
Based on the interview insights, I have formulated common themes evident within the participant's experiences. I continue to focus on human-centered research by empathizing on the recurrent struggles and needs of individuals with skin conditions.
Based on the interview insights, I have formulated common themes evident within the participant's experiences. I continue to focus on human-centered research by empathizing on the recurrent struggles and needs of individuals with skin conditions.
Low self-confidence
Low self-confidence
A pattern of self-confidence was found within the interviewees experiences. They experienced bullying from individuals who lack awareness about skin conditions.
A pattern of self-confidence was found within the interviewees experiences. They experienced bullying from individuals who lack awareness about skin conditions.
A pattern of self-confidence was found within the interviewees experiences. They experienced bullying from individuals who lack awareness about skin conditions.
Social Phobia
Social Phobia
Due to the appearance of their skin, the participants felt ashamed when being bullied by others. They avoided socializing or felt unmotivated to step outside.
Due to the appearance of their skin, the participants felt ashamed when being bullied by others. They avoided socializing or felt unmotivated to step outside.
Due to the appearance of their skin, the participants felt ashamed when being bullied by others. They avoided socializing or felt unmotivated to step outside.
Mental Health
Management
Mental Health
Management
Participants struggle with common mental health issues such as stress, anxiety, and depression. They noticed how it severely affected and worsened their skin.
Participants struggle with common mental health issues such as stress, anxiety, and depression. They noticed how it severely affected and worsened their skin.
Participants struggle with common mental health issues such as stress, anxiety, and depression. They noticed how it severely affected and worsened their skin.
Methodology
Methodology
3 participants were interviewed to begin the primary research process.
Participants ranged from 30-55 years old and with skin conditions: eczema, acne, and psoriasis.
By conducting interviews, we are able to reach a deeper understanding of the issues and journey people with skin conditions face in their every day lives. The primary research conducted will be essential in finding the recurring themes evident from their experiences and struggles.
3 participants were interviewed to begin the primary research process.
Participants ranged from 30-55 years old and with skin conditions: eczema, acne, and psoriasis.
By conducting interviews, we are able to reach a deeper understanding of the issues and journey people with skin conditions face in their every day lives. The primary research conducted will be essential in finding the recurring themes evident from their experiences and struggles.
How might we help adults (30-55 years old) manage and deal with their mental health struggles, in order to improve the health of their skin?
How might we help adults (30-55 years old) manage and deal with their mental health struggles, in order to improve the health of their skin?
How might we help adults (30-55 years old) manage and deal with their mental health struggles, in order to improve the health of their skin?
STEP 2
Define
The Persona – Meet Jack.
The Persona – Meet Jack.
The Persona –
Meet Jack.
The user interview findings are then synthesized into a persona.
This widens the perspective during research development as we are able to step into the shoes of someone who finds stress and eczema unmanageable. By creating a persona, we can clearly visualize the common struggles and experiences evident from our initial interviews and research.
Jack feels that he can’t enjoy his work due to the impact of his eczema rashes and feels discouraged from relying only on topicals and medicine.
The user interview findings are then synthesized into a persona.
This widens the perspective during research development as we are able to step into the shoes of someone who finds stress and eczema unmanageable. By creating a persona, we can clearly visualize the common struggles and experiences evident from our initial interviews and research.
Jack feels that he can’t enjoy his work due to the impact of his eczema rashes and feels discouraged from relying only on topicals and medicine.
The user interview findings are then synthesized
into a persona.
This widens the perspective during research development as we are able to step into the shoes of someone who finds stress and eczema unmanageable.
The user interview findings are then synthesized into a persona.
This widens the perspective during research development as we are able to step into the shoes of someone who finds stress and eczema unmanageable. By creating a persona, we can clearly visualize the common struggles and experiences evident from our initial interviews and research.
Jack feels that he can’t enjoy his work due to the impact of his eczema rashes and feels discouraged from relying only on topicals and medicine.
Experience Mapping
New functional opportunities and product goals were found by creating an Experience Map.
New functional opportunities and product goals were found by creating an Experience Map.
New functional opportunities and product goals were found by creating an Experience Map.
By creating a scenario for Jack for a walk-in dermatologist appointment, we are able to see some of the struggles faced during this process and find functional opportunities that will help Jack have a better overall experience when searching for support.
Based on the mapping, there is valuable opportunity to provide access to virtual appointment visits to eliminate factors such as time and travel. There is also value in providing different solutions, aside from prescription medicine, as it is evident that people find value in mental health support.
By creating a scenario for Jack for a walk-in dermatologist appointment, we are able to see some of the struggles faced during this process and find functional opportunities that will help Jack have a better overall experience when searching for support.
Based on the mapping, there is valuable opportunity to provide access to virtual appointment visits to eliminate factors such as time and travel. There is also value in providing different solutions, aside from prescription medicine, as it is evident that people find value in mental health support.
By creating a scenario for Jack for a walk-in dermatologist appointment, we are able to see some of the struggles faced during this process and find functional opportunities that will help Jack have a better overall experience when searching for support.
Based on the mapping, there is valuable opportunity to provide access to virtual appointment visits to eliminate factors such as time and travel. There is also value in providing different solutions, aside from prescription medicine, as it is evident that people find value in mental health support.
By creating a scenario for Jack for a walk-in dermatologist appointment, we are able to see some of the struggles faced during this process and find functional opportunities that will help Jack have a better overall experience when searching for support.
Based on the mapping, there is valuable opportunity to provide access to virtual appointment visits to eliminate factors such as time and travel. There is also value in providing different solutions, aside from prescription medicine, as it is evident that people find value in mental health support.
STEP 3
Ideate
Feature #1
Feature #1
Virtual Appointment
Virtual Appointment
Virtual Appointment
User Story: As a patient, I want to virutally access information from a professional so that I can build better methods to recover from my skin issues.
User Story: As a patient, I want to virutally access information from a professional so that I can build better methods to recover from my skin issues.
User Story: As a patient, I want to virutally access information from a professional so that I can build better methods to recover from my skin issues.
Feature #2
Feature #2
Start Mental Health Program
Start Mental Health Program
Start Mental Health Program
User Story: As a patient, I want to listen to a counselor talk about the benefits of CBT so that I can try other methods such as CBT to manage my poor self-esteem.
User Story: As a patient, I want to listen to a counselor talk about the benefits of CBT so that I can try other methods such as CBT to manage my poor self-esteem.
User Story: As a patient, I want to listen to a counselor talk about the benefits of CBT so that I can try other methods such as CBT to manage my poor self-esteem.
Feature #3
Feature #3
Community Forum Messaging
Community Forum Messaging
Community Forum Messaging
User Story: As a patient, I want to talk with others about my experiences and struggles so that I can receive feedback from those that learned how to manage their mental health.
User Story: As a patient, I want to talk with others about my experiences and struggles so that I can receive feedback from those that learned how to manage their mental health.
User Story: As a patient, I want to talk with others about my experiences and struggles so that I can receive feedback from those that learned how to manage their mental health.
Task Flow
Task Flow
To visualize the flow of the app, a task flow diagram was created in order to state the steps and process the user experiences while walking through the product.
Go to Task Flows >
To visualize the flow of the app, a task flow diagram was created in order to state the steps and process the user experiences while walking through the product.
Go to Task Flows >
Go to Virtual Appointment
Go to Virtual Appointment
Go to Virtual Appointment
Feature #1
Feature #1
Feature #1
User Story
User Story
Utilizing user stories, I've come up with solutions that will help alleviate the key issues I've found during the interviews. This assists in visualizing the functions and purpose for these features and how it benefits the users.
Utilizing user stories, I've come up with solutions that will help alleviate the key issues I've found during the interviews. This assists in visualizing the functions and purpose for these features and how it benefits the users.
Access Mental Health Program
Access Mental Health Program
Access Mental Health Program
Access Mental Health Program
Feature #2
Feature #2
Feature #2
STEP 4
Prototype
Initial Sketches
Initial Sketches
Initial Wireframes
Initial Wireframes
STEP 5
Test
User testing
User testing
By conducting a User Test Plan, we are able to uncover the usability challenges within the wireframe in order to determine the final solutions to PsyDerm based on user feedback.
By conducting a User Test Plan, we are able to uncover the usability challenges within the wireframe in order to determine the final solutions to PsyDerm based on user feedback.
By conducting a User Test Plan, we are able to uncover the usability challenges within the wireframe in order to determine the final solutions to PsyDerm based on user feedback.
3 rounds of testing involving 13 participants were conducted. Users were asked to complete tasks to test the flow and functions of the app and determine the changes that would be essential to making PsyDerm enjoyable and easy-to-use. The 3rd round of user testing was conducted to determine conflicting results from rounds 1 & 2.
3 rounds of testing involving 13 participants were conducted. Users were asked to complete tasks to test the flow and functions of the app and determine the changes that would be essential to making PsyDerm enjoyable and easy-to-use. The 3rd round of user testing was conducted to determine conflicting results from rounds 1 & 2.
3 rounds of testing involving 13 participants were conducted. Users were asked to complete tasks to test the flow and functions of the app and determine the changes that would be essential to making PsyDerm enjoyable and easy-to-use. The third user test was conducted to determine conflicting results from ro
User Test Results
User Test Results
The Priority Matrix
The Priority Matrix
The matrix categorizes the tasks from high to low effort then high to low value. This helps during the product development process, to help assist the developers to prioritize and focus on specific tasks that is essential to improving PsyDerm to become more enjoyable and easy to use.
The matrix categorizes the tasks from high to low effort then high to low value. This helps during the product development process, to help assist the developers to prioritize and focus on specific tasks that is essential to improving PsyDerm to become more enjoyable and easy to use.
STEP 6
Refine
Moodboard Inspiration
Moodboard Inspiration
Inspired by blue colors and tones, which symbolizes "hope" and "trust", PsyDerm implemented a vibrant blue as its primary color of the app.
Inspired by blue colors and tones, which symbolizes "hope" and "trust", PsyDerm implemented a vibrant blue as its primary color of the app.
Logo Process
The logo first began from inspiration then were translated into sketches and digital iterations.
Color Harmony
Color Harmony
Using an analogous color scheme, the app maintains a balance of Color Harmony which reinforces the calming, serene, and trustworthy tone of the app.
Using an analogous color scheme, the app maintains a balance of Color Harmony which reinforces the calming, serene, and trustworthy tone of the app.
Using an analogous color scheme, the app maintains a balance of Color Harmony which reinforces the calming, serene, and trustworthy tone of the app.
Logo Process
Logo Process
The logo first began from inspiration then were translated into sketches and digital iterations.
The logo first began from inspiration then were translated into sketches and digital iterations.
Logo inspiration comes from the pattern of human skin and how the lines weave into each other.
Logo Explorations
Color Implementation
Hi-Fidelity Prototype
The Solution
The Solution
This is PsyDerm. The product that aims to assist with skin recovery by providing access to mental health professionals that can determine the right mental health program for users.
This is PsyDerm. The product that aims to assist with skin recovery by providing access to mental health professionals that can determine the right mental health program for users.
This is PsyDerm. The product that aims to assist with skin recovery by providing access to mental health professionals that can determine the right mental health program for users.
Virutal Access
Virutal Access
Virutal Access
Based on user needs, PsyDerm provides virutal access to mental health professionals that can help users improve their mental health.
Based on user needs, PsyDerm provides virutal access to mental health professionals that can help users improve their mental health.
Access a
Mental Health Program
Access a
Mental Health Program
Users can access mental health programs recommended by a professional.
Users can access mental health programs recommended by a professional.
Users can access mental health programs recommended by a professional.
View Prototype
View Prototype
Access a
Mental Health Program
Users can access mental health programs recommended by a professional.
Users can access mental health programs recommended by a professional.
Users can access mental health programs recommended by a professional.
View Prototype
View Prototype
The Solution
The Solution
This is PsyDerm. The product that aims to assist with skin recovery by providing access to mental health professionals that can determine the right mental health program for users.
This is PsyDerm. The product that aims to assist with skin recovery by providing access to mental health professionals that can determine the right mental health program for users.
This is PsyDerm. The product that aims to assist with skin recovery by providing access to mental health professionals that can determine the right mental health program for users.
Virutal Access
Virutal Access
Virutal Access
Based on user needs, PsyDerm provides virutal access to mental health professionals that can help users improve their mental health.
Marketing Website
Marketing Website
Next Steps
Next Steps
1) Add features and functions to PsyDerm. While continuing to be user-focused, new features and functions will be added so users can truly feel supported in their mental health journey.
i.e. Design the walkthrough meditation player
2) More User Testing. To improve the overall product, user testing will continue to be conducted when there are any changes to the product to ensure that PsyDerm is easy and enjoyable to use.
1) Add features and functions to PsyDerm. While continuing to be user-focused, new features and functions will be added so users can truly feel supported in their mental health journey.
i.e. Design the walkthrough meditation player
2) More User Testing. To improve the overall product, user testing will continue to be conducted when there are any changes to the product to ensure that PsyDerm is easy and enjoyable to use.
1) Add features and functions to PsyDerm. While continuing to be user-focused, new features and functions will be added so users can truly feel supported in their mental health journey.
i.e. Design the walkthrough meditation player
2) More User Testing. To improve the overall product, user testing will continue to be conducted when there are any changes to the product to ensure that PsyDerm is easy and enjoyable to use.
Jessica Kimoden | UX Designer
Copyright© 2022.