There are dozens of period tracking apps out there, but have you ever wondered why most of them are pink and flowery? Why is there no period app that is... bloody and brutal? Because that's how my periods are!
I found out that some of my friends were wondering the same thing. The spring break was coming as well, so we decided to make this crazy idea come true!
There are plenty of period tracking apps in the market. In order to define our app's scope and selling point, we downloaded existing period tracking apps and used it for ourselves. After studying the apps, we identified their strengths and weaknesses.
We conducted semi-structured interviews to learn how women track their periods.
— Interview participant
From our interviews, we identified the features that we will incorporate in our app. Among the features, we decided on the essential ones to build in this round before getting it out into the world.
I carefully crafted the visual theme and identity, since the branding and tone were what was most distinct about our app.
We went through iterations with different fidelities and tested the prototypes after each stage. We used the whiteboard frequently to ideate together and fleshed out the flow.
One of our app's primary functions is to give period predictions, so we spent a long time iterating and debating on the visualization on the home screen. It should be intuitive enough to communicate how far ahead is the next period.
Several popular period tracking apps use a round cycle to visualize periods.
While people who already use those apps are familiar with the cycle view, we found that it's often confusing for people because they couldn't differentiate the start of the last period and the next period.
While this was more intuitive to read, the typical mobile device screen size was too narrow for horizontal bars.
From our interviews, we learned that people who use period apps typically log periods, level of flow, sometimes cramps or mood. We also learned that having a lot of options is often overwhelming in period apps.
We'll add more options as we move further, but we experimented with having three entries as MVP.
Users can also add multiple entries at once.
From our interviews, we learned that people who use period apps usually go to the calendar view page within their app to see their past periods.
We iterated on the calendar view to allow:
Due to the situations regarding COVID-19, We're testing our prototypes remotely via zoom & Figma.
We're still iterating on our hi-fi UI, so some of the screens are still in the works!
I also started building a design system for our app. I documented the major decision decisions and standards, as well as making a single source of truth for all of our components.
Products constantly evolve, and so does design. There is rarely a 100% right design decision, so I got used to the idea of constantly building, failing and experimenting.
A critical process in design is debating every design decision with your team and bringing everything on to the floor.
In a lot of cases, there are several different ways to design the littlest feature. A good designer has to evaluate each options, make the best decision, as well as clearly communicating her design decision.
Even though we had to work on this project on top of all of our coursework and the global pandemic looming over us, we were able to accomplish so much over such short period of time. I had so much fun and I'm grateful for my teammates who joined me in this weird project.
I'll be updating this page as we move further! Stay tuned ✨