Time Spent: 2 weeks
Team: 2 People
My Role: UX Designer /Researcher
Overview
In our fourth UX/UI Bootcamp project, we were tasked with designing a wellness app. While the options were broad and open to the designer's choice, the final design had to revolve around personal well-being.
We chose to design a period and ovulation tracker app with my teammate because menstrual symptoms are common in women and significantly impact their quality of life. Our goal was to empower women to track their cycles, gain control over their bodies and personal lives, and access valuable menstrual-related information.
The Goal
Our goal was to design an app to empower women, enabling them to track their cycles, take control over their bodies and personal lives, and access valuable menstrual-related information.
Competitive Analysis
In the initial phase, we conducted a competitive analysis to identify the strengths and gaps in existing period and ovulation tracker apps. We compared six of these apps based on nine criteria and features we had listed, aiming to gain valuable insights for our own app's development.
Missing essential features in some of the evaluated apps:
Psychological Support
Syptom tracking
Professional assistance
Market Positioning
We conducted a comprehensive market positioning analysis, evaluating the six competitors and their positioning on the chart across categories like "Scientific," "General Public," "A Few Features," and "Many Features." Our primary goal was to create a scientifically-oriented app that offers users reliable and precise information. We also aimed to strike the right balance by avoiding overwhelming users with an excessive number of features, ensuring a user-friendly and intuitive experience.
User Research
To gain deeper insights into our target users, we took the initiative to conduct quantitative research by creating a Google Form survey consisting of ten carefully crafted questions. The survey garnered a significant response, with 45 women in their productive years providing valuable feedback. Analyzing and incorporating these findings into our design decisions has been instrumental in ensuring that our product meets the specific needs and preferences of our intended audience.
We conducted six in-depth interviews using an interview guide to explore users' attitudes and aspirations. They expressed concerns about frequently forgetting their period, leading to unexpected disruptions like postponing meetings. This feedback guided our product development process effectively.
Meet Active Mary
Meet Active Mary, a dedicated fitness instructor who understands the importance of staying active and not letting PMS get in her way.
Goals and Ambitions
-
She wants to find a reliable way to track her period cycle and ovulation.
-
She needs to have more menstrual-related information.
-
She needs to track her period in order to be able to handle PMS.
Frustrations
-
Canceling appointments because of an unexpected period.
-
When she’s not able to complete her daily tasks because of the period’s difficulties.
-
Feeling overwhelmed with everything because of PMS.
User Journey Map
By mapping out Active Mary's day, we successfully pinpointed her main frustrations, allowing us to formulate the "How Might We" (HMW) questions.
How might we help Marry remember when her period started?
How might we help Mary to understand her body better?
How might we help Mary to be aware of PMS?
Problem Statement
Our research brought us to the following problem statement:
Women need to find a way to track their cycle and ovulation because they experience physical and psychological difficulties with unexpected periods, making it difficult to plan their lives.
Ideation
After generating several ideas with the Crazy 8s method, we employed the MOSCOW method to prioritize them. Our must-have features included scientific information, live chat with doctors, goals selection, user support, a calendar, and a personal profile.
MVP Statement
Our period and ovulation tracker app aims to help women track their menstrual cycle adequately.
By providing this tracking app, women can get to know their bodies better and overcome physical and psychological problems they might experience during a menstrual cycle.
By knowing their exact period, they can effectively control their personal plans.
Low-Fidelity Wireframes
We created a prototype with low-fi wireframes and conducted some concept testing.
Concept Testing
The low-fidelity prototype had been made, and now it was time to assess the design's pros and cons. We performed some concept testing for that reason.
In response to user feedback, we decided to redirect the "Privacy Policy" question from a separate page to the "Sign Up" page.
We also added a back button and an “I’m not sure” option to the last period information page for ladies who can’t remember their previous period.
Mid-fidelity Wireframes
Usability Testing
We conducted usability testing, and users said that the app was straightforward to them and that it was simple to navigate. We also received some feedback, which we incorporated into our design.
We included information about the next period on the “My Cycle” page.
We also moved the search bar from the top of the “Self-Care” page to the middle to make it more accessible for the users.
Visual Competitive Analysis
We compared six period and ovulation tracking apps and analyzed their many aspects, including color palettes, buttons, typography, icons, and photos. We deduced that the majority of them had light backgrounds with bright and feminine color palettes. They also differed in terms of the number of features. Some of them contained so many features that they made navigation difficult.
Brand Attributes and Moodboard
We characterized our brand attributes as reliable, feminine, accurate, educational, and goal-oriented. Following that, we designed a mood board based on the brand attributes. We put our mood board to the test and received great results.
Style Tile
To keep our design consistent, we created a style tile. We tried to keep the color palette calm and relaxing. The mood board was our source for choosing the colors. We also altered the background of the images we intended to utilize in the design to make the colors more uniform and to create a better match with our color palette.
High-fidelity Prototype
Here you can see a video of our prototype:
In the next steps to improve our design we will test it with more users, and also we will:
​
-
Add more useful features (such as mediation songs) to the “Self-Care” page to help the users feel more relaxed
-
Add a diary where users can take notes
Thanks for reading!