Active Health Management | Converging resources
Role
Product Design
Overview
Active Health is a payor-agnostic well-being and medical management solutions provider application. I ideated solutions on multiple features including gamification, educational content, loyalty programs, and coaching platforms. I curated and developed UI design systems as well as conducted research and spearheaded testing initiatives.
The Problem
Active Health, a forward-thinking organization, recognizes the need to streamline its resource libraries. With three separate systems currently in place, merging them into a single, centralized library has become a priority. These disparate systems contain libraries that differ in terms of context, encompassing a diverse range of media and assets. The challenge lies in developing a solution that not only facilitates easy access but also ensures digestibility and effective categorization of the vast array of resources.
Solution
Resource Library
This library merges the 3 existing libraries, consolidating a vast range of resources that cater to health and wellness enthusiasts. By merging these libraries, we have created an innovative and user-friendly platform, allowing individuals to easily access a comprehensive catalog of information on various health-related topics. The library not only includes leisurely content and trending discussions but also provides users with valuable medical reference materials. Moreover, users can conveniently engage with practical health tools, including calculators and symptom trackers, to monitor their well-being. With the ability to explore a diverse range of content, search for specific topics, and save articles for later perusal, this library ensures that individuals can stay well-informed and empowered in their pursuit of a healthier lifestyle.
Homescreen
New landing page with a content feed
Search functionality
Tabbed subcategory navigation
Content is curated based on article interests and user engagement.
Article standardization
The standard template, meticulously crafted by our design team, serves as a trusted resource for our users. Its carefully organized structure and simplified format ensure that users can easily navigate and utilize its diverse features. With familiar and digestible patterns at their disposal, our users can confidently and efficiently accomplish their tasks, making their experience seamless and enjoyable. The standard template truly empowers our users, providing them with a comprehensive pattern that enhances their productivity and fosters their success.
Recipes
New detailed recipe content
Macro and nutritional info for each recipe
New step-by-step focused cooking state
Quick access ingredient point of need resource
Healthwise
Healthwise was the most complex library to be merged into this single resource. Part of that challenge was understanding what features from that library need new assets and sub-navigation. To simplify this merger some of the least used interactive features were cut out of the resource library.
Health and medical reference material
Interactive tools
Informational videos
Search and bookmarks
We added a powerful search feature to make it easier for users to find what they're looking for. They can save important content to revisit later. These improvements not only make our platform more valuable, but also show our dedication to enhancing the user experience.
The work
Discovery
Understanding
Diving into the research of this problem started with heuristically evaluating the current UI on its usability and overall user experience. It was very clear early on that these 3 resource libraries were not integrated. The lack of integration created consistency issues in the way the content was being presented to users. Visually, each library carried over different aesthetics not matching the rest of the platform.
Define Requirements
After evaluating the system, existing research on our users, and reviewing personas we had enough to begin developing requirements and user stories. These stories helped define what we logically concluded users would want to accomplish in this feature.
Measurable Metrics and Goals
Once understanding the main user scenarios it was important to step back and see how new solutions can also align to greater product goals. These goals include:
Time On Task: Finding specific articles and content
Feature engagement: Improve from <10% engagement in overall features
Content Engagement: Frequency, time spent, and clicks
Information Architecture
In evaluating the 3 libraries we started with card sorting in identifying commonalities. Those findings led to developing the architecture in how to integrate the content as well as the functionality of the new library.
Other Areas of Opportunity
Design an integrated library where users can easily find content
Create a flexible UI that allows users to discover content more than one way
Improve cognitive load by innovating UI in how content is being presented
Align with existing design language
The plan
Evaluating existing systems
Creating Information Architecture
Ideate designs and develop user flows
Write and organize testing scripts
Design
Sketching It Out
During this time there was a sense of urgency in kicking off this design sprint. Quick sketches to help conceptualize ideas pointed the design in the right direction.
Sketching It Out
In an ideal world, wireframes would have been a good starting point, but due to time constraints, designs started off in mid-fidelity and eventually fine-crafted to production-ready high-fidelity comps. This was easily accomplished, as there was an existing design system in place. Newly innovated components were carefully crafted and adapted to the existing aesthetic.
Validation and Testing
Due to the short timeline of this feature, we were not given access to actual users to validate these designs. Despite this roadblock, we were able to test internally within our team and additionally by utilizing Feedback Loop, a product research platform to formulate preliminary results.
Testing categories
Thinking back to the initial measurable metrics, there were two areas we could test for given the situation.
Time On Task: Finding specific articles and content
Content Engagement: Frequency, time spent, and clicks
Scripts
Mock data was used during testing and it was important to create testing scripts that carefully communicated each scenario.
This is an example of how Feedback Loop was utilized. I utilized various types of questions such as Likert scales, single/multi-select, and open-ended depending on how I was measuring the results. Many of these scripts were task and sentiment-based.
Findings
Preliminary findings were positive and validated most design decisions however, there are factors to consider in our results. Feedback Loop’s sample size was marginal testing many hundreds of participants. Despite targeting participants close to our true users there is still some margin of error to consider. Lastly, outside of our internal testing Feedback Loop’s tests were unmoderated which is why writing detailed scripts was important.
Outcomes
Engagement improved to 15-18% of overall usage of the feature among all other features in the application. Brought life back via content, and usability into a once-seen chaotic and unusable feature.
Develop and Documentation
This app was designed in Figma and the final comps were shared with our development team. We design our projects to spec or pixel perfect that way the exact specifications are easily found when our engineering teams leverage Figma’s inspect feature. In addition to sharing these screens in Figma, our team prepared assets, iconography, and other requirements. In many instances, I supported the engineering team with any help in translating the designs to the final product.
This feature lived in a much larger enterprise application and was documented in Confluence. I worked with the project owner and project manager documenting acceptance criteria and communicating design.
