Emotion Well Mobile App
Project Overview
Client: Motion Healing, is a new startup that was founded to provide health promotion and wellness professionals with unparalleled resources and services that fuel professional and personal growth.
Goal: The goal is to conduct user research to understand people's relationships with mental, physical, and emotional well-being and develop a digital tool for the startup that will drive them to action. Additionally, the aim is to design a user-friendly and unique app that enhances the overall user experience.
Roles: Principal UX/UI designer/ Researcher - fluent experience in design process and prototyping.
Tools:
-
Google Survey Forms
-
Otter.io
-
Invision
-
Figma
-
Adobe XD
Preview design below:
Market Research
Market Research and Competitive Feature Analysis:
- Investigate what's lacking in mental health apps.
- Understand user expectations.
- Identify a potential opening in the market.
Insights:
- Many therapy apps have intimidating designs.
- Fun and inviting apps lack effective therapy.
User Surveys:
User Interviews:
I enhanced my initial survey questions by developing interview questions that aimed to elicit more detailed and thorough responses from users. My goal was to gain insight into the underlying reasons behind users' decisions.
Topics to address:
- Explored factors affecting mental health.
- Explored why users don't keep up with wellness apps.
- Explored what will work to improve mental health and show results.
Making sense of the data
Affinity Map + Value Proposition:
The user persona is a powerful tool that helps designers and stakeholders visualize and empathize with the typical user. For this project, I developed a primary user persona named Self-Care Sophia.
After crafting my user persona, the next step was to create a user journey based on thorough research. This tool is invaluable for understanding when and where users encounter their most significant pain points and frustrations.
I designed a journey map that tracks Sophia through her daily interactions with friends, family, and work.
By analyzing her journey, we can pinpoint her main challenges by identifying the moments when her emotional state is at its lowest:
-
Sophia feels frustrated when she struggles to understand her emotional triggers and reactions, often leading to outbursts toward her loved ones.
-
Sophia becomes defensive when confronted about her behavior and her inability to change.
-
Sophia feels discouraged when she reverts to old behavioral patterns, unable to sustain her learnings and establish healthier habits.
So, how can we define our problem?
Once I identified the lowest points in the user journey map, I could transition into defining the most prominent problems my users faced when seeking to improve their emotional wellbeing.
-
Problem #1: Users are unhappy because they don’t have a way to learn about understand their emotions and how to cope with them
-
Problem #2: Users are anxious about addressing and acknowledging uncomfortable emotions and behavioral patterns
-
Problem #3: Users are frustrated with their inability to enforce what they learn and stick with healthier emotional practices
Solution Ideation
How might... solve our problem?
Using the MoSCoW Method to Address Problems By identifying the essential features required to solve the problem, we can prioritize the development of necessary features before adding additional ones that support the main features. In this case, the must-have features include:
(1) A personalized lesson plan that incorporates effective, psychology-based tools
(2) An accessible library of videos, podcasts, and articles on emotions that users can comfortably explore
(4) A wellness progress coach to motivate users, create user accountability, and allow users to track their progress
Mid-Fi Wireframes:
I moved on to my mid-fidelity prototype, made in InVision, which brings more structure and clarity to the app.
After testing this prototype with users, I got a much better usability rating. Users also expressed that the app structure felt more intuitive to them.
Branding and Moodboard:
Next step, I defined brand attributes to guide my design choices and ensure they were evident in my high-fidelity prototype. The attributes were friendly, approachable, trustworthy, fresh, inviting, and joyful. I also created a mood board to establish the visual direction for my UI design, which was tested with users to ensure it conveyed my brand attributes effectively.
.webp)
Hi-Fi Prototype:
I have begun working on my hi-fi prototype with the complete design layout finalized. You can see snippets of the prototype or click on the interactive Figma link below.
