Mental Health progress tracking
KooKoo APP
Mental Health progress tracking
KooKoo APP
Mental Health progress tracking
KooKoo APP
Team
Alexandra Oporto
Ana Garrido
Keka Martín
Sergio Lahoz
Laura Pedreira
Method
Interviews
User Persona
HMW
Value Complexity Matrix
Information Flow
Journey Mapping
Wireframe
Interface Prototype
Product Brief
KOOKOO aims to make mental healthcare more accessible and empowering by providing a user-friendly tool for individuals to track their therapy progress and take control of their mental well-being.
Role
UX UI Designer
UX Researcher
Year
2023
Why to start this mental journey?
Why to start this mental journey?
PROBLEM STATEMENT
The world is finally shedding the stigma around mental health. The pandemic highlighted its importance, with more people in Spain seeking professional help (RTVE). However, navigating therapy can be confusing. There's a lack of tools to track progress, and results aren't always readily apparent. This can lead to discouragement.
KooKoo is here to change that. We envision a world where mental healthcare is accessible and empowering. Our user-centered app provides the tools you need to visualize your progress, stay motivated, and thrive on your mental health journey.
The world is finally shedding the stigma around mental health. The pandemic highlighted its importance, with more people in Spain seeking professional help (RTVE). However, navigating therapy can be confusing. There's a lack of tools to track progress, and results aren't always readily apparent. This can lead to discouragement.
KooKoo is here to change that. We envision a world where mental healthcare is accessible and empowering. Our user-centered app provides the tools you need to visualize your progress, stay motivated, and thrive on your mental health journey.
KooKoo APP · KooKoo APP ·
·
KooKoo APP · KooKoo APP ·
·
KooKoo APP · KooKoo APP ·
·
KooKoo APP · KooKoo APP ·
·
KooKoo APP · KooKoo APP ·
·
KooKoo APP · KooKoo APP ·
·
KooKoo APP · KooKoo APP ·
·
KooKoo APP · KooKoo APP ·
·
KooKoo APP · KooKoo APP ·
·
KooKoo APP · KooKoo APP ·
·
KooKoo APP · KooKoo APP ·
·
KooKoo APP
·
KooKoo APP
·
Goals
Goals
PROBLEM STATEMENT
In this context, the goals we set for initiating research related to Mental Health were:
In this context, the goals we set for initiating research related to Mental Health were:
Understand the process of choosing a therapist.
Understand the process of choosing a therapist.
Understand the perception of mental health.
Understand the perception of mental health.
Understand the experiences of people with therapy, to identify behaviors, needs, and frustrations.
Understand the experiences of people with therapy, to identify behaviors, needs, and frustrations.
Our approach
Our approach
KICK OFF
Our team had six passionate designers. They set out to create solutions for mental health care. We knew we'd needed a solid method for this tough journey. So, we chose the Triple Diamond framework.
Solution Discovery
To start, we dove into a sea of knowledge. We did this by doing in-depth interviews. Each conversation was like a flash of light. They helped us understand the needs and challenges people faced with mental health. This allowed us to find insights and define the user persona.
Problem Discovery
We used a thorough Ideation process with tools like How Might We? and Value Complexity Matrix. We also used Information Architecture, among others. This process helped us create the foundations for Journey Mapping and the Storyboard. These will let us share the Selected Solution for this project.
Build and Test
With the previous information, we've brought the KooKoo prototype to life. But, we know it is still crucial to test this prototype with Usability Testing. And, we also need more interviews before starting development.
Our team had six passionate designers. They set out to create solutions for mental health care. We knew we'd needed a solid method for this tough journey. So, we chose the Triple Diamond framework.
Solution Discovery
To start, we dove into a sea of knowledge. We did this by doing in-depth interviews. Each conversation was like a flash of light. They helped us understand the needs and challenges people faced with mental health. This allowed us to find insights and define the user persona.
Problem Discovery
We used a thorough Ideation process with tools like How Might We? and Value Complexity Matrix. We also used Information Architecture, among others. This process helped us create the foundations for Journey Mapping and the Storyboard. These will let us share the Selected Solution for this project.
Build and Test
With the previous information, we've brought the KooKoo prototype to life. But, we know it is still crucial to test this prototype with Usability Testing. And, we also need more interviews before starting development.
Learning from our users
Learning from our users
PROBLEM EXPLORATION
We wanted the user persona to tell us about their experience directly, rather than us doing it for them, in order to empathize with them.
However, given that mental health is still a taboo subject today, we didn't want anyone to feel exposed, so we thought Raquel was perfect for this:
We wanted the user persona to tell us about their experience directly, rather than us doing it for them, in order to empathize with them.
However, given that mental health is still a taboo subject today, we didn't want anyone to feel exposed, so we thought Raquel was perfect for this:
Time to sum up
Time to sum up
PROBLEM DEFINITION
We conducted in-depth interviews to gain a deep understanding of user needs and challenges. This led us to the following key insights:
We conducted in-depth interviews to gain a deep understanding of user needs and challenges. This led us to the following key insights:
Fear of the unknown leads people to rely on referrals for therapists.
Fear of the unknown leads people to rely on referrals for therapists.
Building trust with a therapist is a personal process.
Building trust with a therapist is a personal process.
The invisibility of progress can be discouraging.
The invisibility of progress can be discouraging.
Lack of information about therapy can make it seem overwhelming.
Lack of information about therapy can make it seem overwhelming.
Based on these insights, we've designed KooKoo, an app that lets you:
Based on these insights, we've designed KooKoo, an app that lets you:
Visualize your progress: Track your mood, goals, and milestones in therapy sessions.
Visualize your progress: Track your mood, goals, and milestones in therapy sessions.
Stay motivated: See how far you've come, keeping you engaged in your journey.
Stay motivated: See how far you've come, keeping you engaged in your journey.
Feel empowered: Take control of your mental health with a user-friendly and supportive tool.
Feel empowered: Take control of your mental health with a user-friendly and supportive tool.
Time to create a solution
Time to create a solution
SOLUTION DISCOVERY
From Insights to Solutions
To transition from insights to defining opportunities, we employed the "How Might We" technique. And to move from opportunities to establishing solutions, we utilized the "SCAMPER" technique. This enabled us to find two very interesting potential solutions. But, combining them was hard.
From Insights to Solutions
To transition from insights to defining opportunities, we employed the "How Might We" technique. And to move from opportunities to establishing solutions, we utilized the "SCAMPER" technique. This enabled us to find two very interesting potential solutions. But, combining them was hard.
Prioritizing Solutions: VALUE COMPLEXITY MATRIX
Prioritizing Solutions: VALUE COMPLEXITY MATRIX
We used the "VALUE COMPLEXITY MATRIX" to rank the solutions. As a team, we reached a consensus by considering solutions based on:
We used the "VALUE COMPLEXITY MATRIX" to rank the solutions. As a team, we reached a consensus by considering solutions based on:
The value they offered to users.
The value they offered to users.
Implementing the solution was complex, as we needed something that could be quickly tested with users.
Implementing the solution was complex, as we needed something that could be quickly tested with users.
The Final Solution: A Progress Tracking App
The final solution we defined was:
The Final Solution: A Progress Tracking App
The final solution we defined was:
¨An app where users can visualize their progress, goals, and milestones in their sessions with their therapist¨
Prototyping and Prioritizing Features
Prototyping and Prioritizing Features
With the solution defined, we've conducted a quick sketching exercise for the prototype (Crazy 8's technique). We've applied the MoSCoW technique to rank key functions. It greatly helped us as a team agree on the ones the product needs in the initial phase.
With the solution defined, we've conducted a quick sketching exercise for the prototype (Crazy 8's technique). We've applied the MoSCoW technique to rank key functions. It greatly helped us as a team agree on the ones the product needs in the initial phase.
Solution Sketch and Concept Test
Solution Sketch and Concept Test
Next, we've created a Solution Sketch to rank the screens we needed to validate with users through a Concept Test. This helped us gather user feedback on the functionalities that were most helpful to them.
Next, we've created a Solution Sketch to rank the screens we needed to validate with users through a Concept Test. This helped us gather user feedback on the functionalities that were most helpful to them.
Information Flows of the KooKoo APP
Information Flows of the KooKoo APP
Finally, we designed the Information Flows of the KooKoo APP.
Finally, we designed the Information Flows of the KooKoo APP.
Prototype needs to be born
Prototype needs to be born
SOLUTION SELECTION
Unveiling the Selected Solution: Journey Mapping and Storyboarding
We've reached a crucial stage in the Solution Discovery diamond - Solution Selection! Here, we refine the many creative ideas from Ideation. And we find the best solution for the KooKoo app.
But how have we chosen the right path forward? Two powerful tools help us visualize the user experience and make informed decisions:
Journey Mapping: We meticulously map out the user's entire journey with the potential solution. This includes their thoughts, emotions, and pain points at every touchpoint. By seeing the journey, we can find chances to improve the user experience. We can also ensure the solution fits well into their lives.
Storyboarding: We craft a compelling narrative that brings the user journey to life. This storyboard acts as a visual representation of how users will interact with the KooKoo app and enjoy its features. It allows us to see the solution's flow. And we can spot roadblocks and improve the design. This way, we ensure a smooth, easy experience
Together, journey mapping and storyboarding provide a clear picture. As they show the user's experience with the chosen solution. This empowers us to make data-driven decisions and refine the concept before moving on to prototyping and testing.
Unveiling the Selected Solution: Journey Mapping and Storyboarding
We've reached a crucial stage in the Solution Discovery diamond - Solution Selection! Here, we refine the many creative ideas from Ideation. And we find the best solution for the KooKoo app.
But how have we chosen the right path forward? Two powerful tools help us visualize the user experience and make informed decisions:
Journey Mapping: We meticulously map out the user's entire journey with the potential solution. This includes their thoughts, emotions, and pain points at every touchpoint. By seeing the journey, we can find chances to improve the user experience. We can also ensure the solution fits well into their lives.
Storyboarding: We craft a compelling narrative that brings the user journey to life. This storyboard acts as a visual representation of how users will interact with the KooKoo app and enjoy its features. It allows us to see the solution's flow. And we can spot roadblocks and improve the design. This way, we ensure a smooth, easy experience
Together, journey mapping and storyboarding provide a clear picture. As they show the user's experience with the chosen solution. This empowers us to make data-driven decisions and refine the concept before moving on to prototyping and testing.
Struggling with KooKoo's future style
Struggling with KooKoo's future style
PROTOTYPING
Laying the Foundation: Wireframing the Core Pillars
To bring KooKoo to life, we meticulously crafted wireframes for the app's three key pillars:
My Mood - My Therapy - My Goals
These wireframes served as blueprints, defining the app's structure, layout, and user flow. We carefully designed each wireframe. They ensure a seamless and easy user experience. And they lay the foundation for the app's functionality
Laying the Foundation: Wireframing the Core Pillars
To bring KooKoo to life, we meticulously crafted wireframes for the app's three key pillars:
My Mood - My Therapy - My Goals
These wireframes served as blueprints, defining the app's structure, layout, and user flow. We carefully designed each wireframe. They ensure a seamless and easy user experience. And they lay the foundation for the app's functionality
Elevating the Experience: Interface Design
Elevating the Experience: Interface Design
As we transitioned to interface design, our team's high expectations for KooKoo's aesthetic posed a challenge. We wanted an app that not only functioned flawlessly but also embodied the brand's identity - simple and modern. We explored many gradients, illustration styles, and typographies. And we finally arrived at the app's final design.
As we transitioned to interface design, our team's high expectations for KooKoo's aesthetic posed a challenge. We wanted an app that not only functioned flawlessly but also embodied the brand's identity - simple and modern. We explored many gradients, illustration styles, and typographies. And we finally arrived at the app's final design.
A Design that Reflected the Brand
A Design that Reflected the Brand
The final design struck a perfect balance. It balanced function and looks, capturing KooKoo's mission. The interface is clean and uncluttered. It is easy to navigate. This lets users focus on their mental health journey without distractions. The color palette is calming and inviting, fostering a sense of tranquility and well-being. And the typography is clear and legible, ensuring users can easily access the app's valuable information and features.
The final design struck a perfect balance. It balanced function and looks, capturing KooKoo's mission. The interface is clean and uncluttered. It is easy to navigate. This lets users focus on their mental health journey without distractions. The color palette is calming and inviting, fostering a sense of tranquility and well-being. And the typography is clear and legible, ensuring users can easily access the app's valuable information and features.
A Journey of Design Iteration
A Journey of Design Iteration
The process of designing KooKoo's interface was a journey of continuous iteration and refinement. We constantly sought feedback from our team and potential users. We used their insights to improve the experience. This collaborative approach ensured that the final design not only met our high standards but also resonated with the needs and preferences of our target audience.
The process of designing KooKoo's interface was a journey of continuous iteration and refinement. We constantly sought feedback from our team and potential users. We used their insights to improve the experience. This collaborative approach ensured that the final design not only met our high standards but also resonated with the needs and preferences of our target audience.
A Design that Empowers Users
A Design that Empowers Users
The interface is not just a visual representation. It's a powerful tool. It helps users take control of their mental health journey. The KooKoo interface is simple, modern, and easy to use. It seamlessly fits into users' lives. It gives them the support and guidance they need to thrive
The interface is not just a visual representation. It's a powerful tool. It helps users take control of their mental health journey. The KooKoo interface is simple, modern, and easy to use. It seamlessly fits into users' lives. It gives them the support and guidance they need to thrive
Branding
Branding
PROTOTYPING
Demystifying Therapy: A Design Approach
The journey of therapy can sometimes seem hazy and undefined. But our in-depth research has revealed that therapy has a clear structure and form. This understanding guided our design choices. It led us to use simple, geometric shapes to show concreteness and clarity.
The Name Game: Finding the Perfect Fit
As we approached the final stretch of our journey, the app's name remained the missing piece in the puzzle. Naming an app requires creativity and care. After two months of brainstorming and countless ideas, we'd had our aha moment: the name had to be Kookoo.
The clarity with which Kookoo emerged was a testament to the thoroughness of our process. We'd explored various options, delving into the app's essence and target audience, and Kookoo simply felt right. It was a name that was both memorable and meaningful, perfectly capturing the spirit of our app.
The Dynamic Duo: Unveiling the Kookoo Logo
At the heart of our app lies a logo that embodies the essence of Kookoo – a symbol of emotional fluidity and resilience. The two "o"s, the central elements of the logo, are not static but rather dynamic, expanding and contracting to mirror the ebb and flow of our emotions. This small yet powerful design choice serves as a constant reminder. It reminds us that our moods and feelings are ever-changing. It also reminds us that Kookoo is here to support us through every twist and turn.
Demystifying Therapy: A Design Approach
The journey of therapy can sometimes seem hazy and undefined. But our in-depth research has revealed that therapy has a clear structure and form. This understanding guided our design choices. It led us to use simple, geometric shapes to show concreteness and clarity.
The Name Game: Finding the Perfect Fit
As we approached the final stretch of our journey, the app's name remained the missing piece in the puzzle. Naming an app requires creativity and care. After two months of brainstorming and countless ideas, we'd had our aha moment: the name had to be Kookoo.
The clarity with which Kookoo emerged was a testament to the thoroughness of our process. We'd explored various options, delving into the app's essence and target audience, and Kookoo simply felt right. It was a name that was both memorable and meaningful, perfectly capturing the spirit of our app.
The Dynamic Duo: Unveiling the Kookoo Logo
At the heart of our app lies a logo that embodies the essence of Kookoo – a symbol of emotional fluidity and resilience. The two "o"s, the central elements of the logo, are not static but rather dynamic, expanding and contracting to mirror the ebb and flow of our emotions. This small yet powerful design choice serves as a constant reminder. It reminds us that our moods and feelings are ever-changing. It also reminds us that Kookoo is here to support us through every twist and turn.
Color
Color
PROTOTYPING
Color Psychology: A Symphony of Emotions
Color psychology is key in our app. Each emotion has a color. Yellow is for happiness, green is for calmness, red is for irritability, and blue is for sadness.
Pink: The Quintessential Hue
Pink is the primary color. It embodies warmth, hope, and sensitivity. Black is the counterpoint color. Backgrounds use it to accentuate the other colors.
Color Psychology: A Symphony of Emotions
Color psychology is key in our app. Each emotion has a color. Yellow is for happiness, green is for calmness, red is for irritability, and blue is for sadness.
Pink: The Quintessential Hue
Pink is the primary color. It embodies warmth, hope, and sensitivity. Black is the counterpoint color. Backgrounds use it to accentuate the other colors.
KooKoo Black
Secondary
#171717
KooKoo White
Secondary
#F7F7F7
KooKoo Pink
Primary
#F387C1
KooKoo Blue
Triste
#00D1FF
KooKoo Red
Irritada
#FF2633
KooKoo Green
Calmada
#00B862
KooKoo Yellow
Feliz
#FFC700
KooKoo's font choices
KooKoo's font choices
PROTOTYPING
For KooKoo's typography, we've picked two fonts. They show the app's core values. These are simplicity, modernity, and a touch of classic elegance.
Open Sans: This is a versatile sans-serif font. It is the main typeface. It gives a clean and modern look. This look fits the app's user-friendly interface. Its open letterforms and even spacing make it easy to read. This is true on many screen sizes and devices.
Dermagent: This a serif font. It adds sophistication and elegance to the app's design. It complements Open Sans. Its refined strokes and graceful curves give a sense of timelessness. Its overall structure balances Open Sans's modern style.
Open Sans and Dermagent blend harmoniously. They create a cohesive look for KooKoo. It's a reflection of the app's commitment to being user-friendly. It empowers people on their mental health journeys.
For KooKoo's typography, we've picked two fonts. They show the app's core values. These are simplicity, modernity, and a touch of classic elegance.
Open Sans: This is a versatile sans-serif font. It is the main typeface. It gives a clean and modern look. This look fits the app's user-friendly interface. Its open letterforms and even spacing make it easy to read. This is true on many screen sizes and devices.
Dermagent: This a serif font. It adds sophistication and elegance to the app's design. It complements Open Sans. Its refined strokes and graceful curves give a sense of timelessness. Its overall structure balances Open Sans's modern style.
Open Sans and Dermagent blend harmoniously. They create a cohesive look for KooKoo. It's a reflection of the app's commitment to being user-friendly. It empowers people on their mental health journeys.
A therapy optimization app
A therapy optimization app
Open Sans
Primary Typography
Open Sans
Primary Typography
KooKoo
KooKoo
Dermagent
Secondary Typography
Dermagent
Secondary Typography
KooKoo's APP in action
KooKoo's APP in action
PROTOTYPING
See the App in Action: Watch a short video to explore the three key functionalities: My Mood, My Therapy, and My Goals:
See the App in Action: Watch a short video to explore the three key functionalities: My Mood, My Therapy, and My Goals:
USER FLOW
Onboarding
Onboarding
USER FLOW
Onboarding
USER FLOW
Therapy
Therapy
Next Steps
Next Steps
GATHERING USER FEEDBACK
GATHERING USER FEEDBACK
Our next steps involve usability testing and interviews. We'll gather valuable feedback from users on KOOKOO's proposed solutions. This feedback will be crucial. It will validate the three key app features: MyMood, Therapy, and Goals. It will also show how relevant and appealing they are to users.
Our next steps involve usability testing and interviews. We'll gather valuable feedback from users on KOOKOO's proposed solutions. This feedback will be crucial. It will validate the three key app features: MyMood, Therapy, and Goals. It will also show how relevant and appealing they are to users.
We also aim to get feedback on the app's name. The prototype stage lacked enough user input on the app's definition. The name alludes to the Spanish phrase "estar cucú" (meaning "to be crazy").
We also aim to get feedback on the app's name. The prototype stage lacked enough user input on the app's definition. The name alludes to the Spanish phrase "estar cucú" (meaning "to be crazy").
Additionally, we will explore how users interact with the app. They will do so without their therapists.
Additionally, we will explore how users interact with the app. They will do so without their therapists.
Once we have all the user feedback, we will make KOOKOO's Minimum Viable Product (MVP). We will do this with our development team. The MVP will then be tested with users to gather data for future analysis and refinement.
Once we have all the user feedback, we will make KOOKOO's Minimum Viable Product (MVP). We will do this with our development team. The MVP will then be tested with users to gather data for future analysis and refinement.
NEXT PROJECT
IDEALISTA
