Timeline: 2 Months
Timeline: 2 Months
Problem: Elderly users lacked a clear way to assess and track their confidence in managing diabetes, making it difficult to identify knowledge gaps and tailor education to their needs.
Problem: Elderly users lacked a clear way to assess and track their confidence in managing diabetes, making it difficult to identify knowledge gaps and tailor education to their needs.
Solution: I designed a confidence assessment feature tailored for elderly users in a mobile diabetes education app, applying WCAG accessibility standards to increase task completion among older adults by 15%
Solution: I designed a confidence assessment feature tailored for elderly users in a mobile diabetes education app, applying WCAG accessibility standards to increase task completion among older adults by 15%
Team: Solo UX/UI Designer
Team: Solo UX/UI Designer
Tools: Figma, Figjam
Tools: Figma, Figjam
Role: UX Research, UX/UI Design, Usability Testing, User Interviews
Role: UX Research, UX/UI Design, Usability Testing, User Interviews
15%
15%
25%
25%
Improved user confidence by
Improved user confidence by
improvement in user task completion rates, exceeding improvements achieved in prior testing sessions
improvement in user task completion rates, exceeding improvements achieved in prior testing sessions
Final Screens
Final Screens
FINAL PRODUCT
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.
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.
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
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.
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
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.
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
Nearly
people ages 65 and older has diabetes
people ages 65 and older has diabetes
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.
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
I decided to use the standard design process to get to the bottom of creating this feature.
PHASES OF ITERATION
Pop Up Survey
Pop Up Survey
Pros
Pros
Cons
Cons
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.
A
A
A
A
B
B
B
B
C
C
It's too simple.
It's too simple.
Having a pop-up looks dull
Having a pop-up looks dull
Writing needs to be more clear
Writing needs to be more clear
Smiley Face Scale
Smiley Face Scale
Pros
Pros
Cons
Cons
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
All the expressions are presented which won't confuse the user.
All the expressions are presented which won't confuse the user.
A
A
A
A
B
B
C
C
B
B
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
Slider Bar
Slider Bar
Pros
Pros
Cons
Cons
The slider bar is more accurate than faces
The slider bar is more accurate than faces
A
A
A
A
There isn't a number indicating the confidence level.
There isn't a number indicating the confidence level.
Updated Slider Bar
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
Users may want to write out their confidence instead of wanting to slide a bar
Users may want to write out their confidence instead of wanting to slide a bar
A
A
A
A
B
B
C
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.
Having encouraging message will motivate the user to learn
Having encouraging message will motivate the user to learn
Brainstorming Ideas
For each image, I correlated it to the given message to give a better visual to the users.
IDEATION
Ideal Flow
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
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.
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.
A
A
B
B
C
C
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.
They are not tech-savvy, ensuring the results about the Thrive app are accurate from a non-expert perspective.
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.
Each interview lasted approximately 20 mins
Each interview lasted approximately 20 mins
A
A
B
B
C
C
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
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.
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
A
B
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
1
1
Cons
Cons
Pros
Pros
Improvements
Improvements
Improvements
The slider is straightforward to use which allows her to express her confidence level without needing to understand complex ratings
The slider is straightforward to use which allows her to express her confidence level without needing to understand complex ratings
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.
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.
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.
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.
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 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.
2
2
2
2
2
2
John T
John T
Age
Age
57
57
Education
Education
Bachelor’s in Mechanical Engineering
Bachelor’s in Mechanical Engineering
Status
Status
Married
Married
Occupation
Occupation
Engineer
Engineer
Location
Location
Dallas
Dallas
TEch literate
TEch literate
Low
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."
"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
Personality
Extrovert
Extrovert
Thinker
Thinker
Bio
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.
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
Core needs
•
•
Manage his diabetes effectively with minimal hassle.
Manage his diabetes effectively with minimal hassle.
•
•
Increase his understanding of diabetes management.
Increase his understanding of diabetes management.
•
•
Use tools that are easy to understand and operate.
Use tools that are easy to understand and operate.
Frustrations
Frustrations
•
•
Finds complex and cluttered app interfaces overwhelming and hard to navigate.
Finds complex and cluttered app interfaces overwhelming and hard to navigate.
•
•
Gets frustrated with frequent app updates that change the interface
Gets frustrated with frequent app updates that change the interface
•
•
Prefers clear instructions and intuitive designs.
Prefers clear instructions and intuitive designs.
Platform
Platform
Website
Website
Mobile App
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 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
A
B
B
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
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
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
Pros
Pros
Cons
Cons
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.
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.
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.
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.
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".
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
Addressing Accessiblity
BISCUIT BEACON