NeuroFlow
Redesigning Mood Tracking Feature
Mood Tracking feature was redesigned and developed for NeuroFlow.
TEAM
Kabeer, Senior UX Designer
My role was Junior UX Designer, Research Analyst and Content strategist for this project.
PROCESS
1. Product Evaluation & Research
Out initial Product Evaluation & Research started with an initial brainstorming session which broken up into 4 distinct parts:
Discussion with the product owners, development team and the marketing team to understand the current problems
A SUS test to determine the usability quotient of the current version of the Mood Tracking Feature (MTF)
A detailed questionnaire for Expert Psychologist Interview (Licensed Psychiatrist based in Goa, India)
Detailed product evaluation of the current MTF
The Initial SUS Score was 65
Based on Fig(a), Fig (b) it is evident that most of the UX Problems can be solved on the second step of the user’s journey while using MTF. We can see that both Page-On Time & Bounce rate is higher on Step 2 of the UX Flow. This can be inferred as even though this page engages the user but somehow not able to convert engagement into actions or onboarding for the MTF.
Leveraging the qualitative & quantitive data collected we concluded that the following issues can be addressed to improve the MTF by NeuroFlow :
Usability: UX writing needs to be suggestive for converting user engagement to actions and completing checkout
Trust (Credibility): Making users actively aware of how their data is being used
Appearance: UI can be more intuitive, feedback based & free flowing.
Production: Recording Mood/ Sleep Data more accurately
2. Primary UX Hypothesis & Testing
The Hypothesis step is a natural progression of the Primary Step. The core structure is to suggest A/B solution to the identified problems. Then prototypes are created for testing feasibility and measuring the impact of the solution. Then on reviewing the A/B options with the development team, one of the options is selected and then green-lighted for production.
First step was to improve the scale on which the data is recorded. Initially there was no scale, in the production stage we decided to add the scale 0 to 100
The Original UI design asked the Patient/ User to decide their mood at a given point. Based on our Primary interview conducted with a licensed psychologist who says “No one is sure about how they are feeling at a current point in time. Asking a patient to describe their current mood also leads to filtering out complex emotions/thoughts.”
Version 1 was designed and SUS score was calculated again. The SUS score improved to 68.75
The second version was developed
taking a leaf from the existing UI and infusing it with the new integral value arc design.
We again ask the patient to decide between 5 distinct moods; e.g., we can ask them to rate their sleep or mood for the day on a scale of 1-100. A basic understanding of converting the integral value into mood categories is as follows:
1-20 - Awful
21-40 - Bad
41-60 - Okay
61-80 - Good
81-100 - Great
The SUS Score increased to 73.75 after the development of the 2nd version.
3. Revised UX/UI Design & Testing
Once both the A/B prototypes were run through subsequent user testing, a detailed plan was put together to address various issues for both the prototypes. Various aspects like UX writing, color usage, ADA compliance, and micro-interactions were especially worked upon.
Re-assuring the User (Trust Building)- The UX writing for the page is active and promotes the user to take action quickly. Moreover, the phrase “make your daily entry” aims toward telling the user that the data is being saved for themselves and being sent to anyone. Words like “submit” are changed to “save” for a more interpersonal approach.
Micro-Interactions- Based on the early SUS score the center of the dial is being used a low opacity text also informs the viewer that what part are they rating in addition to the just picking out the color scheme.
UI & Visual Improvements- The colors are now used in a chromatic gradient to signify mood states. The responsive meter is also color-coded for smooth data interpretation.
The SUS score increased to 82.5 at this stage.
The subsequent version of this UI design again focuses on a passive way of inviting users to record their mood/sleep ratings based on 5 scales.
Improving UX Writing- The first primary change made is of re-tooling two words in the lower scales of the mood/scale meter. Again based on our initial conversation with the psychologist; it was clear that using a moderate language for extreme emotions would make it easier for the users to choose.
1-20 - Bad
21-40 - Low
41-60 - Okay
61-80 - Good
The SUS score improved to 78.75 after this stage.
4. Suggested UX Changes & Production Deliverables
The second version (image below) was selected after 12 rounds of iterations, user testing, and suggested prototypes for the current build. The reason behind suggesting the same is basically its performance stable performance across the SUS test which indicates that this is a more wholesome solution to the current problem.
