Michelle's Portfolio

Define

Problem Areas Identified

Complex Health Terminology:
Users found certain medical terms confusing, hindering their ability to fully engage with health insights.

💬

Privacy Concerns:
Users expressed discomfort when using the app in public spaces, wishing for more discreet usage options.

🔓

Customizability of Settings:
Users faced challenges in navigating privacy settings without detailed guidance or step-by-step instructions.

⚙️

Design Solutions

1. Simplified Health Insights

2. Privacy Customization

3. Step-by-Step Guidance

1. Simplified Health Insights

2. Privacy Customization

3. Step-by-Step Guidance

1. Simplified Health Insights

2. Privacy Customization

3. Step-by-Step Guidance

Target Audience

I condensed all the key information we identified and transformed it into three personas, listing the motivation, goals, and concerns for users

Click to see full persona

Develop

User Journey Map

Through the creation of a User Journey Map, I visualized each step of a user’s interaction with the Flo app—from learning about the app to revisiting privacy settings. This process highlighted both bright spots and pain points.

I developed Low-Fidelity Wireframes to explore key features such as the introduction of the Discreet Mode for logging sensitive data in public settings. The low-fidelity wireframes served as a foundation to gather initial feedback and explore the user flow for features like tracking menstrual cycles while maintaining privacy.

Wireframes: Low to High Fidelity

High-Fidelity Wireframes were then created to refine the visual and interaction design based on user feedback from the low-fidelity prototypes. These wireframes included:

A more polished interface with enhanced visual hierarchy.

Improved user interaction flows for tracking health data discreetly.

High-Fidelity Wireframes were then created to refine the visual and interaction design based on user feedback from the low-fidelity prototypes. These wireframes included:

A more polished interface with enhanced visual hierarchy.

Improved user interaction flows for tracking health data discreetly.

High-Fidelity Wireframes were then created to refine the visual and interaction design based on user feedback from the low-fidelity prototypes. These wireframes included:

A more polished interface with enhanced visual hierarchy.

Improved user interaction flows for tracking health data discreetly.

User Testing was conducted through both Remote and In-Person Sessions, where participants were asked to log their menstrual dates using the new Discreet Mode feature.

Key Findings:

Remote Testing: Participants generally navigated the discreet mode smoothly, though there were moments of confusion around date logging.

In-Person Testing: Users appreciated the design but suggested improvements, such as making the date logging buttons more intuitive and adjusting color differentiation for cycle phases.

User Testing was conducted through both Remote and In-Person Sessions, where participants were asked to log their menstrual dates using the new Discreet Mode feature.

Key Findings:

Remote Testing: Participants generally navigated the discreet mode smoothly, though there were moments of confusion around date logging.

In-Person Testing: Users appreciated the design but suggested improvements, such as making the date logging buttons more intuitive and adjusting color differentiation for cycle phases.

User Testing was conducted through both Remote and In-Person Sessions, where participants were asked to log their menstrual dates using the new Discreet Mode feature.

Key Findings:

Remote Testing: Participants generally navigated the discreet mode smoothly, though there were moments of confusion around date logging.

In-Person Testing: Users appreciated the design but suggested improvements, such as making the date logging buttons more intuitive and adjusting color differentiation for cycle phases.

User Testing

Observations:

Participants liked the concept of discreet mode and found it valuable for public usage. However, improvements were needed to address initial confusion about date input and enhancing the visual clarity of calendar interactions.

Observations:

Deliver

Final Design

Click her to checkout the prototype

Added a discrete feature: "Discreet Mode" button located at the bottom of the page. Users can tap this button to activate the discreet mode for enhanced privacy during period date logging.

Users can access historical menstrual records within the discreet mode to track their previous cycles. The page also provides predictions for future menstrual cycles, offering valuable insights into users’ reproductive health.

Added a discrete feature: "Discreet Mode" button located at the bottom of the page. Users can tap this button to activate the discreet mode for enhanced privacy during period date logging.

Upon selecting “Years,” users will be directed to the yearly calendar view. This calendar employs a range of distinctive colours to denote menstrual and ovulation periods across the months, ensuring clear visualization and tracking.

Users can manually record their menstrual dates by clicking the “Log In Dates” button on the previous page, empowering them with greater control over their health data.

Reflect

View More Projects

Takeaways from this project

User-Centered Design:
Focusing on user needs led to a more inclusive design, addressing privacy and usability issues effectively.

Balancing Privacy and Usability:
The discreet mode was essential for protecting user privacy while ensuring ease of use in public settings.

Iterative Design:
Constantly refining the design through user feedback improved the final product and met user expectations.

Simplifying Complex Information:
Clearer, user-friendly health insights made the app more accessible and boosted user confidence.

Adaptability:
Prioritizing key features over non-essential ones helped deliver a polished, functional product.