YOBER

YOBER

YOBER


Yober is an app that helps people with depression live comfortably and stay connected with their loved ones for better care.


Yober is an app that helps people with depression live comfortably and stay connected with their loved ones for better care.


Yober is an app that helps people with depression live comfortably and stay connected with their loved ones for better care.

YOBER

Yober is an app that helps people

with depression live comfortably and stay connected with their loved ones for better care.


Client

Client

Client

Monte Jade

Science & Technology Association

Monte Jade

Science & Technology Association

Role

Role

Role

UI UX Designer

UI UX Designer

UI UX Designer

Year

Year

Year

2017-2018

2017-2018

2017-2018

YOBER

Yober is an app that helps people

with depression live comfortably and stay connected with their loved ones for better care.


Client

Monte Jade Science & Technology Association

Role

UI UX

Designer

Year

2017 - 2018

Client

Monte Jade Science & Technology Association

Role

UI UX

Designer

Year

2017 - 2018


Design Goal


Design Goal


Design Goal


Design Goal


Design Goal

Enable individuals with depression to live with peace of mind,
assist therapists, support family members in staying connected
without requiring excessive time, and help maintain a normal life.
The world is vast, and you are a cherished part of it.

Enable individuals with depression to live with peace of mind, assist therapists, support family members in staying connected without requiring excessive time, and help maintain a normal life. The world is vast, and you are a cherished part of it.

Enable individuals with depression to live with peace of mind, assist therapists, support family members in staying connected without requiring excessive time, and help maintain a normal life. The world is vast, and you are a cherished part of it.

Enable individuals with depression to live with peace of mind,
assist therapists, support family members in staying connected
without requiring excessive time, and help maintain a normal life. The world is vast, and you are a cherished part of it.

Enable individuals with depression to live with peace of mind, assist therapists, support family members in staying connected without requiring excessive time, and help maintain a normal life. The world is vast, and you are a cherished part of it.


Let Me Take You on a Journey to Discover an App Designed to Connect Hearts


Let Me Take You on a Journey to Discover an App Designed to Connect Hearts


Let Me Take You on a Journey to Discover an App Designed to Connect Hearts


Let Me Take You on a Journey to Discover an App Designed to Connect Hearts Together


Let Me Take You on a Journey to Discover an App Designed to Connect Hearts Together

In 2017, depression affected 3-5% of Taiwan’s population—approximately 700,000 to 1.2 million people—with the actual number likely higher due to underreporting.

To address this challenge, our team set out to develop an app that integrates medical mobile-sensed data while enhancing the user interface and information architecture to improve engagement.

As a UI/UX designer, I aimed to redesign the app to enhance usability, aesthetics, and functionality, eventually creating a more intuitive and supportive user experience.

In 2017, depression affected 3-5% of Taiwan’s population—approximately 700,000 to 1.2 million people—with the actual number likely higher due to underreporting.

To address this challenge, our team set out to develop an app that integrates medical mobile-sensed data while enhancing the user interface and information architecture to improve engagement.


As a UI/UX designer, I aimed to redesign the app to enhance usability, aesthetics, and functionality, eventually creating a more intuitive and supportive user experience.

In 2017, depression affected 3-5% of Taiwan’s population—approximately 700,000 to 1.2 million people—with the actual number likely higher due to underreporting.

To address this challenge, our team set out to develop an app that integrates medical mobile-sensed data while enhancing the user interface and information architecture to improve engagement.


As a UI/UX designer, I aimed to redesign the app to enhance usability, aesthetics, and functionality, eventually creating a more intuitive and supportive user experience.

In 2017, depression affected 3-5% of Taiwan’s population —approximately 700,000 to 1.2 million people—with the actual number likely higher due to underreporting.


To address this challenge, our team set out to develop an app that integrates medical mobile-sensed data while enhancing the user interface and information architecture to improve engagement. As a UI/UX designer, I aimed to redesign the app to enhance usability, aesthetics, and functionality, eventually creating a more intuitive and supportive user experience.

Step 1:
Empathizing with Users

Step 1:
Empathizing with Users

Step 1:
Empathizing with Users

Understanding the Challenges of Depression Patients,

Caregivers, and Medical Professionals

Understanding the Challenges of Depression Patients, Caregivers, and Medical Professionals

Understanding the Challenges of Depression Patients, Caregivers, and Medical Professionals

Understanding the Challenges of Depression Patients, Caregivers, and Medical Professionals

User Interviews and Personas

User Interviews and Personas

User Interviews and Personas

User Interviews and Personas

To identify key pain points and enhance the existing app, our team conducted in-depth interviews with ten family groups. These discussions provided valuable insights into diverse user needs, guiding the creation of representative personas.

By analyzing their lifestyles, behaviors, and daily interactions, we developed a comprehensive understanding of their unique challenges. Additionally, we documented perspectives from individuals with depression, their caregivers, and psychiatrists to ensure the app effectively meets their needs.

To protect participant privacy, all user data and interview responses were anonymized while preserving critical insights for the design process. The photo below has been approved for use by the stakeholders.

To identify key pain points and enhance the existing app, our team conducted in-depth interviews with ten family groups. These discussions provided valuable insights into diverse user needs, guiding the creation of representative personas.


By analyzing their lifestyles, behaviors, and daily interactions, we developed a comprehensive understanding of their unique challenges.


Additionally, we documented perspectives from individuals with depression, their caregivers, and psychiatrists to ensure the app effectively meets their needs.


To protect participant privacy, all user data and interview responses were anonymized while preserving critical insights for the design process. The photo below has been approved for use by the stakeholders.

To identify key pain points and enhance the existing app, our team conducted in-depth interviews with ten family groups. These discussions provided valuable insights into diverse user needs, guiding the creation of representative personas.


By analyzing their lifestyles, behaviors, and daily interactions, we developed a comprehensive understanding of their unique challenges.


Additionally, we documented perspectives from individuals with depression, their caregivers, and psychiatrists to ensure the app effectively meets their needs.


To protect participant privacy, all user data and interview responses were anonymized while preserving critical insights for the design process. The photo below has been approved for use by the stakeholders.

To identify key pain points and enhance the existing app, our team conducted in-depth interviews with ten family groups. These discussions provided valuable insights into diverse user needs, guiding the creation of representative personas.


By analyzing their lifestyles, behaviors, and daily interactions, we developed a comprehensive understanding of their unique challenges. Additionally, we documented perspectives from individuals with depression, their caregivers, and psychiatrists to ensure the app effectively meets their needs.


To protect participant privacy, all user data and interview responses were anonymized while preserving critical insights for the design process. The photo below has been approved for use by the stakeholders.

User Journeys

User Journeys

User Journeys

User Journeys

In the previous version of the app, patients wore a smartwatch that continuously monitored their emotional state. When significant changes were detected, the app would instantly send a notification, allowing for timely intervention and support.

In the previous version of the app, patients wore a smartwatch that continuously monitored their emotional state. When significant changes were detected, the app would instantly send a notification, allowing for timely intervention and support.

In the previous version of the app, patients wore a smartwatch that continuously monitored their emotional state. When significant changes were detected, the app would instantly send a notification, allowing for timely intervention and support.

In the previous version of the app, patients wore a smartwatch that continuously monitored their emotional state.

When significant changes were detected, the app would instantly send a notification, allowing for timely intervention and support.

In the previous version of the app, patients wore a

smartwatch that continuously monitored their emotional state. When significant changes were detected, the app would instantly send a notification, allowing for timely intervention and support.

Step 2:
Defining Design Goals


Step 2:
Defining Design Goals

Step 2:
Defining Design Goals

Step 2:
Defining Design Goals

Step 2:
Defining Design Goals

Addressing Issues with the Previous Design

Addressing Issues with the Previous Design

Addressing Issues with the Previous Design

Addressing Issues with the Previous Design

Addressing Issues with the Previous Design

Visual Challenges

Visual Challenges

Visual Challenges

Visual Challenges

  • Negative Emotional Impact

    The app's color scheme and emotional indicators were perceived as unappealing and stressful, leading to user dissatisfaction.

  • Limited Accessibility

    The design was not user-friendly for older adults and individuals with color blindness, making navigation overwhelming and adding to the stress of managing emotions.

  • Negative Emotional Impact

    The app's color scheme and emotional indicators were perceived as unappealing and stressful, leading to user dissatisfaction.

  • Limited Accessibility

    The design was not user-friendly for older adults and individuals with color blindness, making navigation overwhelming and adding to the stress of managing emotions.

  • Negative Emotional Impact

    The app's color scheme and emotional indicators were perceived as unappealing and stressful, leading to user dissatisfaction.

  • Limited Accessibility

    The design was not user-friendly for older adults and individuals with color blindness, making navigation overwhelming and adding to the stress of managing emotions.

  • Negative Emotional Impact

    The app's color scheme and emotional indicators were perceived as unappealing and stressful, leading to user dissatisfaction.

  • Limited Accessibility

    The design was not user-friendly for older adults and individuals with color blindness, making navigation overwhelming and adding to the stress of managing emotions.

User Experience Challenges

User Experience Challenges

User Experience Challenges

User Experience Challenges

  • Struggles with Sustained Engagement

    Users found it challenging to integrate the app into their daily routines due to a lack of engaging features and motivational content, leading to inconsistent usage.

  • Struggles with Sustained Engagement

    Users found it challenging to integrate the app

    into their daily routines due to a lack of engaging

    features and motivational content, leading to inconsistent usage.

  • Struggles with Sustained Engagement

    Users found it challenging to integrate the app

    into their daily routines due to a lack of engaging features and motivational content, leading to inconsistent usage.

  • Struggles with Sustained Engagement

    Users found it challenging to integrate the app into their daily routines due to a lack of engaging features and motivational content, leading to inconsistent usage.

  • Confusing Navigation

    Stakeholders encountered obstacles in locating key functions, such as the home page, which hindered usability.

  • Confusing Navigation

    Stakeholders encountered obstacles in locating key functions, such as the home page, which hindered usability.

  • Confusing Navigation

    Stakeholders encountered obstacles in locating key functions, such as the home page, which hindered usability.

  • Confusing Navigation

    Stakeholders encountered obstacles in locating key functions, such as the home page, which hindered usability.


Solutions


Solutions


Solutions


Solutions

  • Creating a Friendlier Experience

    To improve user comfort and engagement, we refined the visual color scheme and emotional elements to foster a more soothing experience.

  • Creating a Friendlier Experience

    To enhance user comfort and engagement, we redesigned the visual color scheme and emotional features to create a more calming and supportive experience.

  • Creating a Friendlier Experience

    To enhance user comfort and engagement, we redesigned the visual color scheme and emotional features to create a more calming and supportive experience.

  • Creating a Friendlier Experience

    To improve user comfort and engagement, we refined the visual color scheme and emotional elements to foster a more soothing experience.

  • Creating a Friendlier Experience

    To improve user comfort and engagement, we refined the visual color scheme and emotional elements to foster a more soothing experience.

  • Simplifying Navigation

    We streamlined the interface to ensure a more intuitive experience,

    making it easier for all users to locate and access key features effortlessly.

  • Simplifying Navigation

    We streamlined the interface to ensure a more

    intuitive experience, making it easier for all users to locate and access key features effortlessly.

  • Simplifying Navigation

    We streamlined the interface to ensure a more

    intuitive experience, making it easier for all users to locate and access key features effortlessly.

  • Simplifying Navigation

    We streamlined the interface to ensure a more intuitive experience, making it easier for all users to locate and access key features effortlessly.

  • Simplifying Navigation

    We streamlined the interface to ensure

    a more intuitive experience, making it

    easier for all users to locate and access

    key features effortlessly.

Meet Yubi,

your digital buddy!


Yubi is here to support and encourage you every day by sending uplifting messages and guiding you through four simple tasks: going for a walk outside, taking a quick break, checking in on your emotions, and doing something you enjoy.

Completing these tasks earns you rewards and unlocks mini-games with Yubi, making your journey to well-being fun, engaging, and motivating.

  • Companion Character and Game Tasks

    We designed a virtual companion character to boost engagement and offer users a sense of support. By interacting with a digital companion instead of a real person, users can feel more at ease, reducing social pressure and promoting consistent app usage.

  • Companion Character and Game Tasks

    We designed a virtual companion character to boost engagement and offer users a sense of support.

    By interacting with a digital companion instead of a real person, users can feel more at ease, reducing social pressure and promoting consistent app usage.

  • Companion Character and Game Tasks

    We designed a virtual companion character to boost engagement and offer users a sense of support.

    By interacting with a digital companion instead of a real person, users can feel more at ease, reducing social pressure and promoting consistent app usage.

  • Companion Character and Game Tasks

    We designed a virtual companion character to boost engagement and offer users a sense of support. By interacting with a digital companion instead of a real person, users can feel more at ease, reducing social pressure and promoting consistent app usage.

Meet Yubi,

your digital buddy!


Yubi is here to support and encourage you every day by sending uplifting messages and guiding you through four simple tasks: going for a walk outside, taking a quick break, checking in on your emotions, and doing something you enjoy.

Completing these tasks earns you rewards and unlocks mini-games with Yubi, making your journey to well-being fun, engaging, and motivating.

Meet Yubi, your digital buddy!

Yubi is here to support and encourage you every day by sending uplifting messages and guiding you through four simple tasks: going for a walk outside, taking a quick break, checking in on your emotions, and doing something you enjoy.

Completing these tasks earns you rewards and unlocks mini-games with Yubi, making your journey to well-being fun, engaging, and motivating.

Meet Yubi, your digital buddy!

Yubi is here to support and encourage you every day by sending uplifting messages and guiding you through four simple tasks: going for a walk outside, taking a quick break, checking in on your emotions, and doing something you enjoy. Completing these tasks earns you rewards and unlocks mini-games with Yubi, making your journey to well-being fun, engaging, and motivating.


Meet Yubi,

your digital buddy!


Yubi is here to support and encourage you every day

by sending uplifting messages and guiding you through four simple tasks: going for a walk outside, taking a quick break, checking in on your emotions, and doing something you enjoy.


Completing these tasks earns you rewards and unlocks mini-games with Yubi, making your journey to well-being fun, engaging, and motivating.

Step 3: Prototype and Test



Step 3:
Prototype and Test



Step 3:
Prototype and Test

Making It Easier to Care for Your Loved Ones

Making It Easier to Care for Your Loved Ones

Making It Easier to Care for Your Loved Ones

Making It Easier to Care for

Your Loved Ones

User Testing, Mockups, and Prototyping

User Testing, Mockups, and Prototyping

User Testing, Mockups, and Prototyping

User Testing, Mockups, and Prototyping

To make it easier for users to care for their loved ones, we focused on refining the app through user testing, prototyping, and iterative design improvements. By gathering feedback from A/B testing and user interviews, we identified key areas for enhancement and provided stakeholders with the necessary equipment to ensure real-world usability.


To make it easier for users to care for their loved ones, we focused on refining the app through user testing, prototyping, and iterative design improvements.

By gathering feedback from A/B testing and user interviews, we identified key areas for enhancement and provided stakeholders with the necessary equipment to ensure real-world usability.


To make it easier for users to care for their loved ones, we focused on refining the app through user testing, prototyping, and iterative design improvements.

By gathering feedback from A/B testing and user interviews, we identified key areas for enhancement and provided stakeholders with the necessary equipment to ensure real-world usability.


To make it easier for users to care for their loved ones, we focused on refining the app through user testing, prototyping, and iterative design improvements. By gathering feedback from A/B testing and user interviews, we identified key areas for enhancement and provided stakeholders with the necessary equipment to ensure real-world usability.


  • Information Simplification

    To improve clarity and navigation, we simplified information by visualizing data and replacing text with graphics whenever possible. Functions were structured into four distinct areas, making interactions more intuitive and accessible.


  • Information Simplification

    To improve clarity and navigation, we simplified information by visualizing data and replacing text with graphics whenever possible.

    Functions were structured into four distinct areas, making interactions more intuitive and accessible.

  • Information Simplification

    To improve clarity and navigation, we simplified information by visualizing data and replacing text with graphics whenever possible.

    Functions were structured into four distinct areas, making interactions more intuitive and accessible.

  • Information Simplification

    To improve clarity and navigation, we simplified information by visualizing data and replacing text with graphics whenever possible. Functions were structured into four distinct areas, making interactions more intuitive and accessible.


  • Information Simplification

    To improve clarity and navigation, we simplified information by visualizing data and replacing text with graphics whenever possible.

    Functions were structured into four distinct areas, making interactions more intuitive and accessible.


  • UX Writing

    The team ensured a positive and supportive tone across all interactions, including sound, language, and visual feedback, to foster an encouraging and reassuring user experience.

  • UX Writing

    The team ensured a positive and supportive tone across all interactions, including sound, language, and visual feedback, to foster an encouraging and reassuring user experience.

  • UX Writing

    The team ensured a positive and supportive tone across all interactions, including sound, language, and visual feedback, to foster an encouraging and reassuring user experience.

  • UX Writing

    The team ensured a positive and supportive tone across all interactions, including sound, language, and visual feedback, to foster an encouraging and reassuring user experience.

  • Daily Games

    Users can complete daily tasks to earn Yubi cards while following treatment recommendations from psychiatrists. This approach makes the process more engaging, enjoyable, and less overwhelming.

  • Daily Games

    Users can complete daily tasks to earn Yubi cards while following treatment recommendations from psychiatrists. This approach makes the process more engaging, enjoyable, and less overwhelming.

  • Daily Games

    Users can complete daily tasks to earn Yubi cards while following treatment recommendations from psychiatrists. This approach makes the process more engaging, enjoyable, and less overwhelming.

  • Daily Games

    Users can complete daily tasks to earn Yubi cards while following treatment recommendations from psychiatrists. This approach makes the process more engaging, enjoyable, and less overwhelming.

  • Easy-to-Read Contact Page

    Designed for caregivers and psychiatrists, the contact page allows them to quickly access patients' emotional status and stay connected with just a single touch, ensuring seamless communication.

  • Easy-to-Read Contact Page

    Designed for caregivers and psychiatrists, the contact page allows them to quickly access patients' emotional status and stay connected with just a single touch, ensuring seamless communication.

  • Easy-to-Read Contact Page

    Designed for caregivers and psychiatrists, the contact page allows them to quickly access patients' emotional status and stay connected with just a single touch, ensuring seamless communication.

  • Easy-to-Read Contact Page

    Designed for caregivers and psychiatrists, the contact page allows them to quickly access patients' emotional status and stay connected with just a single touch, ensuring seamless communication.

Takeaway


Takeaway


Takeaway

As a product designer who values empathy, data security, and believes in the power of asking high-quality questions, this project deepened my understanding that creating a great user experience goes beyond making a product intuitive and easy to use—it also requires ensuring safety and reliability.


Although the project was suspended due to a shift in direction and funding, this experience made me realize that the feeling of safety extends beyond interface design. It involves asking the right questions, structuring data effectively, and ensuring secure interactions. When handling sensitive user information, protecting privacy is just as crucial as enhancing usability. A well-designed product should not only offer a seamless experience but also build trust through a strong technological foundation, ensuring long-term security, stability, and user confidence.

As a product designer who values empathy, data security, and believes in the power of asking high-quality questions, this project deepened my understanding that creating a great user experience goes beyond making a product intuitive and easy to use—it also requires ensuring safety and reliability.


Although the project was suspended due to a shift in direction and funding, this experience made me realize that the feeling of safety extends beyond interface design. It involves asking the right questions, structuring data effectively, and ensuring secure interactions. When handling sensitive user information, protecting privacy is just as crucial as enhancing usability. A well-designed product should not only offer a seamless experience but also build trust through a strong technological foundation, ensuring long-term security, stability, and user confidence.

As a product designer who values empathy, data security, and believes in the power of asking high-quality questions, this project deepened my understanding that creating a great user experience goes beyond making a product intuitive and easy to use—it also requires ensuring safety and reliability.


Although the project was suspended due to a shift in direction and funding, this experience made me realize that the feeling of safety extends beyond interface design. It involves asking the right questions, structuring data effectively, and ensuring secure interactions. When handling sensitive user information, protecting privacy is just as crucial as enhancing usability. A well-designed product should not only offer a seamless experience but also build trust through a strong technological foundation, ensuring long-term security, stability, and user confidence.

As a product designer who values empathy, data security, and believes in the power of asking high-quality questions, this project deepened my understanding that creating a great user experience goes beyond making a product intuitive and easy to use—it also requires ensuring safety and reliability.


Although the project was suspended due to a shift in direction and funding, this experience made me realize that the feeling of safety extends beyond interface design. It involves asking the right questions, structuring data effectively, and ensuring secure interactions. When handling sensitive user information, protecting privacy is just as crucial as enhancing usability.


A well-designed product should not only offer a seamless experience but also build trust through a strong technological foundation, ensuring long-term security, stability, and user confidence.

And As a product designer who values empathy, data security, and believes in the power of asking high-quality questions, this project deepened my understanding that creating a great user experience goes beyond making a product intuitive and easy to use—it also requires ensuring safety and reliability.


Although the project was suspended due to a shift in direction and funding, this experience made me realize that the feeling of safety extends beyond interface design. It involves asking the right questions, structuring data effectively, and ensuring secure interactions. When handling sensitive user information, protecting privacy is just as crucial as enhancing usability.


A well-designed product should not only offer a seamless experience but also build trust through a strong technological foundation, ensuring long-term security, stability, and user confidence.