
Role/Deliverables/Timeline
UX Designer, UX Researcher, UI Designer
User Interviews, SWOT Analysis, User Personas/Journeys, Low/Mid-fi WIreframes, Sitemaps, Usability Tests, Style Guide, Hi-fi Mockups/Prototype
7 Months: October - April 2021
Overview
Physical and mental wellness are deeply interconnected yet the vast majority of wellness apps on the market tend to focus on only one of the two aspects. Heathly allows users to approach their wellness in a holistic way by allowing them to track and view trends between their physical and mental wellness.
UX Design Process
User Interview Goals
1.) Discern whether Healthly will allow users to manage their health information such as medical insurance, appointments, and prescriptions as well as their wellness.
2.) Determine the feelings of my target user base (young adults aged 21-29) towards apps they use to track their physical/mental wellness if any.
3.) Learn what electronic service my target user base uses to access their health information and gauge their overall experience using the service.
Findings
1.) All four interviewees receive health insurance through an employer and noted that their experience with their patient portals were average at best.
2.) Three out of four interviewees mentioned that they don’t mind the poor user experience of their portals because of how infrequently they use them and because the hassle of switching to a new service is greater than the benefits of doing so.
3.) Three out of four interviewees noted that they would be interested in a wellness tracking app that included both physical and mental wellness features as well as a way to view trends between both types of wellness.
4.) Narrowing the features of Healthly to a wellness tracking and trend viewing app makes more sense than proceeding with the current scope of a redesign of current patient portals alongside wellness tracking.
Competitive SWOT Analysis Goals
1.) Analyze the strengths and weaknesses of two wellness apps (Fitbit and Bearable) that each focus largely on one aspect of wellness - physical or mental.
2.) Determine how to remedy the weaknesses and combine the strengths of each app to create a foundation for a holistic wellness app.
Findings
1.) Mood is a solid baseline wellness metric to compare to other wellness categories as it is a high level indicator of a combination of wellness factors.
2.) Individual screens for each wellness category make the most sense given that the user flows differ in complexity and required input across wellness categories.
Problem Statement
Young health conscious adults need an intuitive way to track their physical and mental wellness, as well as, a way to view trends between data they have logged to see how their current wellness habits are affecting their overall mood.
We will know this to be true when we see that Healthly provides a personalized holistic wellness hub for users to to track their wellness and gain insight into how different wellness factors interact with one another to impact their daily living.
User Personas
In order to communicate the needs, motivations, and frustrations I collected about Healthly’s target users in a visual manner I created user personas.
User Journeys
In order to visualize each persona’s journey and empathize with their emotions and pain points throughout Healthly, I created user journey maps.
Initial Sitemap
In order to create the foundation of Healthly and begin creating low fidelity wireframes, I needed to define the fundamental architecture of the app. In order to do this I created an initial sitemap with the necessary fundamentals of Healthly: a home section with daily wellness goals, a wellness learning section, an account section, and a wellness section ranging from water intake to mood logging.
Low-Fidelity/Mid-Fidelity Wireframes
With initial information architecture in place I drafted low and mid fidelity wireframes for three core application functionalities: creating a water goal, logging water drank, and logging mood. The most prominent change between my Lo-Fi and Mid-fi wireframes was the design choice to make wellness goal creation unique to each individual wellness category. I made this choice because the flow of creating a wellness goal varies greatly across categories.
Usability Testing
Test three core design flows in a linked mid-fi prototype with users and determine specific pain points users experience throughout each flow. Remedy user pain points throughout each core design flow with functional elegant solutions.
Revised Sitemap
Using the insights gathered from my usability tests I created a revised sitemap for Healthly to provide the finalized information architecture for high-fidelity wireframes.
Style Guide
In order to ensure consistency and adherence to accessibility guidelines, I created a style guide for Healthly that includes a color palette, typography, iconography, UI components, illustrations, and a grid system.
High-Fidelity Wireframes
Overall Learnings
UX design isn’t linear by nature. Given that we are solving real world problems that manifest from living breathing humans we as designers must be able to adapt to new situations on fly. While it can be frustrating to change trajectory in the middle of a project it is crucial to be able to do so in order to keep the needs and frustrations of users at the forefront of our design process.
UX design is an iterative process. In the UX design space no solution is truly perfect and as such it is our job to spend our time wisely by prioritizing design problems based on their overall user impact.