Healthi App
Consolidating health and wellness tracking for users
PROJECT DETAILS
Tags:
A comprehensive app that integrates progress tracking, resources, and genuine community support will increase consistency in users achieving their health goals.
MY ROLE
UX/UI Design
TIMELINE
Mar - Sept 2024
TOOLS
Figma, Lyssna, Optimal Workshop, Zoom, Photoshop, Illustrator
Overview
Addressing the Healthi Impact
Healthi meets this need by eliminating the guesswork and fragmentation of multiple apps because in our fast-paced world, busy individuals struggle to prioritize health and wellness.
Problem Statement
Many individuals strive to live healthier lives, but staying consistent and accountable remains a challenge. The demands of busy schedules and the inefficiency of using multiple apps often lead to lost momentum and abandoned goals
Proposed Solution?
Streamlining wellness management by allowing users to track their progress, access curated resources, and connect with a supportive community, all in a user-friendly platform.
Discovery
Analyzing Existing Solutions
To validate my assumptions and assess current solutions, I performed a SWOT analysis on Lifesum and Strava —two competitors in the current market that are similar to Healthi.
After analyzing both apps, here are my takeaways:
User Research
User Insights at a Glance
I conducted user interviews via Zoom with six potential users, aged 25 to 36, who currently use or have recently used health and wellness apps to track their goals. I used affinity mapping to group these insights, allowing me to identify the most critical areas for improvement and in-app user expectations.
User Expectations
01
Tailored app experiences
02
Usability for all health levels
03
Personalized app control
04
Gamified for engagement
05
Simple and user-friendly
User Personas
Bringing Users to Life
Based on insights gathered from user research, I created three unique user personas to capture diverse needs and motivations, represented by Mark, Gio, and Katelyn—two potential users with distinct goals and pain points, enabling me to design with a clear focus on the user's core objectives.
User Journey
Navigating through Healthi
To better empathize with the personas, I created user journey maps that illustrate their interactions with the app through scenario-based goals.
User Flows
From Point A to Point B
I then developed user flows to illustrate how each persona navigates the app to achieve their primary objectives, helping to refine the app's design to better support their needs and streamline their journey.
Information Architecture
Sitemap Development
I validated user behaviors and needs identified in my user research and persona development through a closed card sorting exercise using Optimal Workshop. I used real-world scenarios to ensure categories fit user expectations.
Initial sitemap
Revised and final sitemap
The revised structure better aligns with user expectations, providing a smoother and more personalized user experience. These updates simplified navigation and focused on core features most important to users.
Design Phase
Sketching the Structure
I began by transforming my research insights into low-fidelity sketches, allowing me to explore the basic structure and flow while focusing on user needs and key functionalities.
Moving to Higher Fidelity
I began designing low and mid-fidelity wireframes, focusing on the key functions identified in user research and personas. I then transitioned to creating the iterations of high-fidelity wireframes, in preparation for the first round of usability testing.
Usability Testing
Testing the Designs
I conducted the first round of user testing with six participants via Zoom, focusing on testing various functionalities and navigation through scenario-based interactions with key features.
01
You’re a health and wellness enthusiast and heard about the latest health and wellness app called Healthi. Using the Healthi app, create a new account to get started with all of its features.
02
It’s the end of the day and you just realized that you forgot to track your milk that you had for breakfast this morning. Go to your nutrition log and log your silk unsweetened almond milk.
03
You've recently bought some home equipment and you're ready to start working out at home. Using the Healthi app, browse and find a kettlebell workout video to try.
04
You’ve been feeling a little dizzy so your doctor prescribed you some dramamine. Go to your user profile and add your new dramamine prescription.
Translating Results
I consolidated my findings using a rainbow spreadsheet and an additional level of affinity mapping to systematically document patterns and insights.
I applied Jakob Nielsen's severity rating scale to prioritize and address key functionalities.
Design Adjustments
Iterate and Repeat
Through multiple rounds of user testing, I iterated extensively, addressing key usability challenges and conducting preference tests to identify and refine areas that needed improvement.
App Considerations
Designing for Accessibility
To maintain accessibility, I implemented key measures across various screens to align with accessibility guidelines. Using Stark, a Figma plugin, I assessed and adjusted my designs to address potential issues, including color contrast, touch targets, and font sizes.
Reflection
Challenges and Lessons Learned
Throughout the UX process for Healthi, I learned the importance of iterative design, active user feedback, and adaptability.
Balancing user needs with accessibility and functionality highlighted how crucial it is to stay user-centered while refining designs to address real-world challenges effectively. The following are my key takeaways.
01
Regular testing and feedback are essential for identifying pain points and improving usability.
02
Flexibility in design and development allows for better solutions to emerging challenges.
03
Leveraging user analytics and testing insights ensures that the improvements address real user needs.
04
Small, continuous improvements lead to a more polished and effective product over time.
Next Steps?
Exploring additional engagement features, such as more animations and advanced prototyping functions would be the next steps. This will help streamline the user experience and boost interactivity, creating dynamic, user-centered experiences through ongoing iteration and testing.