No items found.
håp - Mental Health Startup
håp is a self-tracking mobile app that help users gain more emotional self-awareness. The user can log in their mental health data through daily check-ins and review it via data dashboards. Our task was to redesign the check-in pages and pitch our ideas. My design leveraged user research data to increase user’s perception of control and smoothness. It was selected by the CEO to be a UX priority to replace the existing product design.
Type
UX Design | Mobile | B2C
Date
Jan 2023
Duration
Jan - Feb 2023
Role
UX/UI Designer
Analysis
Current Design
2 times a day | 10 questions | 7 mental categories
Design Critique
- Laborious - User has to click on the button after each question for a total of 10 questions
- Hard to navigate - Users do not know where they are at in the middle of the 10 questions, and cannot easily skip forward or backward
- Confusing Symbols - Left arrow = back / previous question; right arrow = skip question / next question / next section
Research Analysis
As I dug into the user research report, I found that 29% users are not likely to keep using the hap app.
The reason is that these users do not feel they got enough analytics from the app to justify the use. Since håp collects user data through check-in twice a day, I further broke it down into 2 assumptions:
Assumption 1: Users do not check-in enough data for hap to provide meaningful analysis
Assumption 1 confirmed - 61% users do not check-in adequately. The reason is
a) forgot to do it, or
b) unable to do it at the time
To address it, I can
a) add reminders (already implemented by hap, will not elaborate), or
b) giving users more visibility of where they are at and how long it takes to complete the check-in
c) make check-in more flexible by allowing users to pause and come back to it
Assumption 2: Users find check-in to be too laborious
Assumption 2 confirmed - 43% users feel that the check-in could be easier.
To address it, I can
a) reduce the number of questions, or alter the wording of the questions (not possible due to psychological requirement)
b) reducing cognitive load by making check-in more intuitive
c) using alternative design so that users can navigate through the questions more quickly and easily
(Assumption 3: Data analysis can be improved - out of scope, will not elaborate)
In summary, I will redesign the user experience of the check-in to make it more
1) transparent and flexible
2) intuitive and efficient
Design Iterations
Constraints:
Sliders should not be labeled with numbers or descriptions;
Fonts and color schemes are not changed to be consistent with branding.
List & Scroll -- transparent and efficient
Save 10 clicks for each check-in, and even more if the user want to go back to a previous question
Clear overview - user know how many questions are left and what are the metrics being checked today
Labels -- intuitive and flexible
Add labels to further reduce ambiguity
Add option to save & exit - in case users want to pause and come back later
Feedback
User can only see 1 question at a time for medical purposes
Placement -- Center
For best affordance
Reflection
Slider is a bit small, not easy to interact with
Slider --
More natural finger movement, bigger, or unbounded interactive area
Feedback
Users have difficulties maneuvering the curved and circular scales, resulting in systematic errors;
Curved scale not accessible for left-handed users
Number of Questions -- 3
3 questions at a time allows for max real estate (vs 4+)
and easy access to previous & next question (vs 2)
Final Design
Playful style, provides users with joyful and simple check-in experience every day
Reflection
Design improved usability and accessibility of mental health mobile app. Reduced task completion time by 27% and chosen by founder CEO.
Key Success Metrics for future consideration (did not have a chance to test yet)
1. Daily check-in completion rate
2. Monthly active users