Figma

6 weeks

UX Research, UX Design, UI Design User Interviews, Usability Testing

Tools

Timelime

Responsibilities

Developed a feature in a diabetes app to help physicians assess the confidence levels of elderly patients before taking quizzes.

2024

Final Screens

Final Screens

Final Screens

FINAL PRODUCT

OVERVIEW


What is Thrive Education?

Thrive aims to help patients by providing accessible and innovative education about diabetes.

Thrive aims to help patients by providing accessible and innovative education about diabetes.

Thrive aims to help patients by providing accessible and innovative education about diabetes.

Thrive aims to help patients by providing accessible and innovative education about diabetes.

They provide high-quality educational content, personalized learning experiences, and a one-on-one physician-patient interaction to enhance the knowledge and skills of the patient.

A

B

Thrive's Competitors

Thrive's Competitors

Thrive's Competitors

Before working on this feature, I began to do some competitive analysis on a few apps for patients tracking and learning about diabeties.

Before working on this feature, I began to do some competitive analysis on a few apps for patients tracking and learning about diabeties.

Before working on this feature, I began to do some competitive analysis on a few apps for patients tracking and learning about diabeties.

RESEARCH METHODOLOGY

After observing our competitors, I noticed that Thrive lacks a method to gauge patient confidence. We aim to ensure our patients are completing quizzes at the appropriate skill level.


DISCOVERIES

DISCOVERIES

New Feature

New Feature

THE GOAL

To enhance our understanding of the relationship between patients with diabetes and their physicians, we aim to develop a tool to assess patients' confidence in their knowledge of diabetes.


Nearly

people ages 65 and older has diabetes

people ages 65 and older has diabetes

1/3

1/3

1/3

Target Audience

This new feature will be designed to be simple and easy to use, recognizing that diabetes is more prevalent among elderly individuals.

This new feature will be designed to be simple and easy to use, recognizing that diabetes is more prevalent among elderly individuals.

This new feature will be designed to be simple and easy to use, recognizing that diabetes is more prevalent among elderly individuals.

02/ Prototypes

My designed Low-Fi and High-Fi wireframes .

This is where I began my brainstorming session to test out different features.

01/ Ideation

03/ Interview

I conducted an interview with a family friend who has had diabetes for 20+ years.

04/Define

Created a user persona for my interviewee with her thoughts on the feature.

05/ Reflection

My thoughts on the feature, and what I could do in the future to make it better.

My Design Process

My Design Process

My Design Process

I decided to use the standard design process to get to the bottom of creating this feature.

I decided to use the standard design process to get to the bottom of creating this feature.

I decided to use the standard design process to get to the bottom of creating this feature.

PHASES OF ITERATION

  1. Pop Up Survey

  1. Pop Up Survey

  1. Pop Up Survey

Pros

Pros

Cons

Cons

It's straightforward.

It's straightforward.

It's straightforward.

It would be a simple click of a button for users.

It would be a simple click of a button for users.

It would be a simple click of a button for users.

A

A

B

B

C

It's too simple.

It's too simple.

It's too simple.

Having a pop-up looks dull

Having a pop-up looks dull

Having a pop-up looks dull

Writing needs to be more clear

Writing needs to be more clear

Writing needs to be more clear

  1. Smiley Face Scale

Pros

Pros

Cons

Cons

It's straight to the point

It's straight to the point

It's straight to the point

Smiley face rating makes it more lively

Smiley face rating makes it more lively

Smiley face rating makes it more lively

All the expressions are presented which won't confuse the user.

All the expressions are presented which won't confuse the user.

All the expressions are presented which won't confuse the user.

A

A

B

C

B

The face won't be 100% accurate for the user

The face won't be 100% accurate for the user

The face won't be 100% accurate for the user

Doesn't look professional

Doesn't look professional

Doesn't look professional

  1. Slider Bar

Pros

Pros

Cons

Cons

The slider bar is more accurate than faces

The slider bar is more accurate than faces

The slider bar is more accurate than faces

A

A

There isn't a number indicating the confidence level.

There isn't a number indicating the confidence level.

There isn't a number indicating the confidence level.

  1. Updated Slider Bar

Pros

Pros

Cons

Cons

Having the number will give us the most accurate results on how the users feels

Having the number will give us the most accurate results on how the users feels

Having the number will give us the most accurate results on how the users feels

Having the number will give us the most accurate results on how the users feels

Having the number will give us the most accurate results on how the users feels

Having the number will give us the most accurate results on how the users feels

A

A

B

C

We added another sentence to make sure the user truly understands the idea.

We added another sentence to make sure the user truly understands the idea.

We added another sentence to make sure the user truly understands the idea.

Having encouraging message will motivate the user to learn

Having encouraging message will motivate the user to learn

Having encouraging message will motivate the user to learn

Brainstorming Ideas

Brainstorming Ideas

Brainstorming Ideas

For each image, I correlated it to the given message to give a better visual to the users.

IDEATION

Ideal Flow

Ideal Flow

Ideal Flow

I created an IA based on how the user will go through the app and the quiz.

I created an IA based on how the user will go through the app and the quiz.

I created an IA based on how the user will go through the app and the quiz.

INFORMATION ARCHITECTURE

"Home" Screen

"Home" Screen

"Home" Screen

"Not Confident at all" Screen

"Not Confident at all" Screen

"Not Confident at all" Screen

"Somewhat Confident" Screen

"Somewhat Confident" Screen

"Somewhat Confident" Screen

"Neutral" Screen

"Neutral" Screen

"Neutral" Screen

"Confident" Screen

"Confident" Screen

"Confident" Screen

"Very Confident" Screen

"Very Confident" Screen

"Very Confident" Screen

Final Screens

Final Screens

Final Screens

For each image, I correlated it to the given message to give a better visual to the users.

FINAL PRODUCT

Adding a slider had a better fit to the apps aesthetic.

Adding a slider had a better fit to the apps aesthetic.

Adding a slider had a better fit to the apps aesthetic.

The slider is more interactive, giving the patient and doctor a better read and data.

The slider is more interactive, giving the patient and doctor a better read and data.

The slider is more interactive, giving the patient and doctor a better read and data.

Sliders allow users to fine-tune their responses, reducing the likelihood of mis-clicks or errors compared to buttons or drop-down menus.

Sliders allow users to fine-tune their responses, reducing the likelihood of mis-clicks or errors compared to buttons or drop-down menus.

Sliders allow users to fine-tune their responses, reducing the likelihood of mis-clicks or errors compared to buttons or drop-down menus.

A

B

C

Design Decisions

Design Decisions

Design Decisions

I talk about why I made each design decision and what each picture represents in each loading screen.

FINAL PRODUCT

The interviewees has had diabetes for over 10+ years, providing extensive knowledge about their experiences.

The interviewees has had diabetes for over 10+ years, providing extensive knowledge about their experiences.

The interviewees has had diabetes for over 10+ years, providing extensive knowledge about their experiences.

They are not tech-savvy, ensuring the results about the Thrive app are accurate from a non-expert perspective.

Interviews were conducted within 48 hours before the interpretation session.

Interviews were conducted within 48 hours before the interpretation session.

Interviews were conducted within 48 hours before the interpretation session.

Interviews were conducted within 48 hours before the interpretation session.

Each interview lasted approximately 20 mins

A

B

C

Interviews with two users

Interviews with two users

Interviews with two users

I decided to conduct two interviews with family friends, who has diabetes and has limited experience with technology.

INTERVIEW

Rina M

Age

57

Education

Bachelor’s in Business

Status

Married

Occupation

Housewife

Location

Dallas

TEch literate

Low

"While I can navigate basic apps, I often find myself frustrated with complex interfaces and hidden features. I prefer straightforward, user-friendly designs that don't require a steep learning curve."

Personality

Introvert

Thinker

Learner

Bio

Rina has been living with type 2 diabetes for the past 20 years. She is not very tech-savvy and often finds digital interfaces challenging to navigate. She prefers simplicity and straightforwardness in the technology she uses.

Core needs

Manage her diabetes effectively with minimal hassle.


Gain confidence in her knowledge about diabetes.

Use tools that are easy to understand and operate.

Frustrations

Struggles with complex and cluttered app interfaces.

Finds it difficult to learn new technology.

Prefers clear instructions and intuitive designs.

Platform

Website

Mobile App

She has tried a lot of apps to track her diabetes, however she also wants to learn on how she can improve her own diabetes education

Rina is a housewife who has Type 2 Diabetes. I asked her to test out the new slider feature to get results, and any improvements we can make to the feature.

A

B

Rina M

Age

57

Education

Bachelor’s in Business

Status

Married

Occupation

Housewife

Location

Dallas

TEch literate

Low

"While I can navigate basic apps, I often find myself frustrated with complex interfaces and hidden features. I prefer straightforward, user-friendly designs that don't require a steep learning curve."

Personality

Introvert

Thinker

Bio

Rina has been living with type 2 diabetes for the past 20 years. She is not very tech-savvy and often finds digital interfaces challenging to navigate. She prefers simplicity and straightforwardness in the technology she uses.

Core needs

Manage his diabetes effectively with minimal hassle.


Gain confidence in her knowledge about diabetes.

Use tools that are easy to understand and operate.

Frustrations

Struggles with complex and cluttered app interfaces.

Finds it difficult to learn new technology.

Prefers clear instructions and intuitive designs.

Platform

Website

Mobile App

Rina sometimes worries that her confidence rating might not be as precise as she wants because her hand might slip while using the slider

Rina sometimes worries that her confidence rating might not be as precise as she wants because her hand might slip while using the slider

1

1

Cons

Cons

Cons

Cons

Pros

Pros

Pros

Pros

Improvements

Improvements

Improvements

Improvements

The slider is straightforward to use which allows her to express her confidence level without needing to understand complex ratings 

1

1

1

Worries that the slider may not allow for precise ratings, leading to potential inaccuracies in his confidence level.

Worries that the slider may not allow for precise ratings, leading to potential inaccuracies in his confidence level.

Worries that the slider may not allow for precise ratings, leading to potential inaccuracies in his confidence level.

1

1

1

She would've liked readable labels or markers on the slider like "Not Confident," to help her understand what each position on the slider signifies.

She would've liked readable labels or markers on the slider like "Not Confident," to help her understand what each position on the slider signifies.

She would've liked readable labels or markers on the slider like "Not Confident," to help her understand what each position on the slider signifies.

1

1

1

The slider feels interactive and engaging, making her feel more involved in the process.

The slider feels interactive and engaging, making her feel more involved in the process.

The slider feels interactive and engaging, making her feel more involved in the process.

She occasionally finds it hard to adjust the slider to her exact desired point

She occasionally finds it hard to adjust the slider to her exact desired point

She occasionally finds it hard to adjust the slider to her exact desired point

She would like the slider to be accessible with larger touch targets for users who might struggle with fine motor skills.

She would like the slider to be accessible with larger touch targets for users who might struggle with fine motor skills.

She would like the slider to be accessible with larger touch targets for users who might struggle with fine motor skills.

3

3

3

3

3

3

3

3

3

She finds the visual representation of her confidence level helpful, as it provides immediate feedback on her input.

She finds the visual representation of her confidence level helpful, as it provides immediate feedback on her input.

She finds the visual representation of her confidence level helpful, as it provides immediate feedback on her input.

She felt that the lack of clear labels or markers on the slider was confusing, making it hard to determine what each point on the slider represents.

She felt that the lack of clear labels or markers on the slider was confusing, making it hard to determine what each point on the slider represents.

She felt that the lack of clear labels or markers on the slider was confusing, making it hard to determine what each point on the slider represents.

She would like simple, step-by-step instructions or a brief tutorial on how to use the slider effectively.

She would like simple, step-by-step instructions or a brief tutorial on how to use the slider effectively.

She would like simple, step-by-step instructions or a brief tutorial on how to use the slider effectively.

2

2

2

2

2

2

2

2

2

John T

Age

57

Education

Bachelor’s in Mechanical Engineering

Status

Married

Occupation

Engineer

Location

Dallas

TEch literate

Low

"Technology often feels overwhelming to me, but I need simple, straightforward tools to help manage my diabetes. I appreciate interfaces that are easy to navigate and give clear feedback without any confusion."

Personality

Extrovert

Thinker

Bio

John is a 60 year old man who has had diabetes for the past 10 years. He isn't tech-savvy and wants to have some straightforward.

Core needs

Manage his diabetes effectively with minimal hassle.


Increase his understanding of diabetes management.

Use tools that are easy to understand and operate.

Frustrations

Finds complex and cluttered app interfaces overwhelming and hard to navigate.

Gets frustrated with frequent app updates that change the interface

Prefers clear instructions and intuitive designs.

Platform

Website

Mobile App

John is an enginner who has had Type 1 Diabetes for 15+ years. I wanted to get another person to test out the new slider feature to get another opinion.

John is an enginner who has had Type 1 Diabetes for 15+ years. I wanted to get another person to test out the new slider feature to get another opinion.

John is an enginner who has had Type 1 Diabetes for 15+ years. I wanted to get another person to test out the new slider feature to get another opinion.

John is an enginner who has had Type 1 Diabetes for 15+ years. I wanted to get another person to test out the new slider feature to get another opinion.

John has tried several apps but wanted to find an app that can specifically help him with his diabetes knowledge.

John has tried several apps but wanted to find an app that can specifically help him with his diabetes knowledge.

John has tried several apps but wanted to find an app that can specifically help him with his diabetes knowledge.

John has tried several apps but wanted to find an app that can specifically help him with his diabetes knowledge.

A

B

John T

Age

57

Education

Bachelor’s in Mechanical Engineering

Status

Married

Occupation

Engineer

Location

Dallas

TEch literate

Low

"Technology often feels overwhelming to me, but I need simple, straightforward tools to help manage my diabetes. I appreciate interfaces that are easy to navigate and give clear feedback without any confusion."

Personality

Extrovert

Thinker

Bio

John is a 60 year old man who has had diabetes for the past 10 years. He isn't tech-savvy and wants to have some straightforward.

Core needs

Manage his diabetes effectively with minimal hassle.


Increase his understanding of diabetes management.

Use tools that are easy to understand and operate.

Frustrations

Finds complex and cluttered app interfaces overwhelming and hard to navigate.

Gets frustrated with frequent app updates that change the interface

Prefers clear instructions and intuitive designs.

Platform

Website

Mobile App

Appreciates the simplicity of the slider, which allows him to quickly and easily rate his confidence.

Appreciates the simplicity of the slider, which allows him to quickly and easily rate his confidence.

Appreciates the simplicity of the slider, which allows him to quickly and easily rate his confidence.

1

1

1

Worries that the slider may not allow for precise ratings, leading to potential inaccuracies in his confidence level.

Worries that the slider may not allow for precise ratings, leading to potential inaccuracies in his confidence level.

Worries that the slider may not allow for precise ratings, leading to potential inaccuracies in his confidence level.

1

1

1

Include clear, easily readable labels or markers on the slider to help understand what each position on the slider signifies.

Include clear, easily readable labels or markers on the slider to help understand what each position on the slider signifies.

Include clear, easily readable labels or markers on the slider to help understand what each position on the slider signifies.

1

1

1

Pros

Pros

Pros

Pros

Cons

Cons

Cons

Cons

Improvements

Improvements

Improvements

Improvements

Finds the slider more engaging and less monotonous compared to selecting numbers from a list.

Finds the slider more engaging and less monotonous compared to selecting numbers from a list.

Finds the slider more engaging and less monotonous compared to selecting numbers from a list.

John experienced difficulty adjusting the slider to his exact desired point

John experienced difficulty adjusting the slider to his exact desired point

John experienced difficulty adjusting the slider to his exact desired point

Implement a confirmation step where users can review and confirm his confidence rating before finalizing it.

Implement a confirmation step where users can review and confirm his confidence rating before finalizing it.

Implement a confirmation step where users can review and confirm his confidence rating before finalizing it.

3

3

3

3

3

3

3

3

3

Values the immediate visual feedback provided by the slider, which helps him see his confidence level at a glance.

Values the immediate visual feedback provided by the slider, which helps him see his confidence level at a glance.

Values the immediate visual feedback provided by the slider, which helps him see his confidence level at a glance.

John finds the absence of clear labels or markers on the slider confusing.

John finds the absence of clear labels or markers on the slider confusing.

John finds the absence of clear labels or markers on the slider confusing.

Offer simple, step-by-step instructions or a brief tutorial on how to use the slider effectively.

Offer simple, step-by-step instructions or a brief tutorial on how to use the slider effectively.

Offer simple, step-by-step instructions or a brief tutorial on how to use the slider effectively.

2

2

2

2

2

2

2

2

2

05/Reflection and Next Steps

After creating the slider and getting input from my family friend. The few things I want to improve on the slider is to add a number above the slider to indicate what level of confidence you are at. Instead of numbers, I could add labels with wording such as "Not Confident" and "Very Confident".

After creating the slider and getting input from my family friend. The few things I want to improve on the slider is to add a number above the slider to indicate what level of confidence you are at. Instead of numbers, I could add labels with wording such as "Not Confident" and "Very Confident".

After creating the slider and getting input from my family friend. The few things I want to improve on the slider is to add a number above the slider to indicate what level of confidence you are at. Instead of numbers, I could add labels with wording such as "Not Confident" and "Very Confident".

Accessibility was something I should've improved on. Adding a voice that would name the labels while sliding the bar would be helpful for people who are visually-impaired. Even highlighting the slider could help see the visual better.

Accessibility was something I should've improved on. Adding a voice that would name the labels while sliding the bar would be helpful for people who are visually-impaired. Even highlighting the slider could help see the visual better.

Accessibility was something I should've improved on. Adding a voice that would name the labels while sliding the bar would be helpful for people who are visually-impaired. Even highlighting the slider could help see the visual better.

More Features to the Slider

More Features to the Slider

More Features to the Slider

Addressing Accessiblity

Addressing Accessiblity

Addressing Accessiblity

BISCUIT BEACON