Role
UX/UI Designer
Team
1 Product owner, 2 Designers
Date
2022
Context
Withings, a pioneering French company in smart health devices, aimed to introduce a new menstrual cycle tracking feature to their app. Therefore, they challenged a selection of students to participate in a workshop and design the framework for this new service.
Design the initial screens for the menstrual cycle tracking journey during a four-day design sprint. To ensure better focus on user-inputted data—such as emotional state and experienced symptoms—data collected from various connected devices will not be considered.
Brief
Day 1
On the first day, we familiarized ourselves with the brief, Withings’ ecosystem, and health-tracking apps in general.
We benchmarked existing self tracking apps to find the most seamless method for effortless data entry.
Lastely, we developed interview guides and reached out to a panel of individuals already self-tracking their health to gather valuable insights from potential power users.
Day 2
On the second day, we interviewed 4 selected participants to gather in-depth insights into their experiences with health apps that require manual data entry and their expectations for a menstrual cycle tracking app.
We then analyzed the collected data to extract the relevant insights necessary for the design phase.
Day 3
On the third day, we began the ideation process. Based on this data, we conducted workshops such as the 10×10 Brainstorming and Crazy 8s to spark rapid, creative idea generation.
After voting on the ideas that seemed most relevant, we created low-fidelity prototypes of our screens.
Day 4
On the final day, we brought our vision to life by designing our high-fidelity prototype.
For instance, we decided against using smileys to indicate mood status, as they could unintentionally amplify a user’s negative emotions when they’re not feeling their best.
Instead, we opted for a cloud icon because it carries a neutral, calming quality that helps prevent emotional overload. Subtle, less defined visuals can make users feel more at ease while still effectively conveying their mood status.
For this, we made sure to stay true to a few key principles: ensuring the accessibility of our user journey, from colors to fonts; conveying a sense of empathy while maintaining professionalism; and being careful not to alarm users in any way.
That’s all for now, thank you for reading !
Take a look at something else:
