logma

goal

create a journaling-type app that records data

ROLE

Product Designer, UI/UX Designer

TIMESPAN

10 weeks

TOOLS

figma, indesign

ideation

"1 billion people in the world suffer from migraines,"

according to the Migraine Research Foundation.

I am one of those people.

Current migraine tracking apps, such as Migraine Buddy, are very extensive in their coverage and ability to track migraines.

However, when in the middle of an attack, it often is not possible to use a phone for long, if at all, due to light sensistivity and other symptoms of migraines that prevent the user's ability to focus long enough to write an entry.

Additionally, due to the lack of research of migraines and large variety of symptoms, it is hard to encompass all aspects affecting a user.

Because of the lack of research and availability of an app that already tracks migraines in extreme detail, I decided to broaden my scope to include other illnesses that might require tracking, while still providing a simpler method of tracking migraines.

new goals

design a general tracker to minimize the number of tracking apps for everyone

track for multiple types of problems

create a simple way to track multiple things at once and to compare and contrast data

easy rating system

sketches

journeys

Journey maps here are used here to define the scope of the project by determining which screens need to be mocked up, while also demonstrating key features that must be included for the app to successfully meet the needs of different users.

USER 1

As a migraine sufferer, I used this app for a while, but then I went on a medication that helped a lot. However, I missed my medication and had to track for the first time in a while.

USER 2

As a person who suffers from depression and anxiety, my mom is making me monitor and track my mood while also being able to keep a small journal of my day to day life so that we can decide if I would like to go on medication or not.

USER 3

As a person who suffers from multiple ailments, I have been using this app consistently and just found a correlation between two of my Data Sets that I would like to send to my doctor.

wireframes

ONBOARDING

When the user first enters the app after downloading and signing up, I chose to use conversational language to make them feel welcome and at ease.

I then knew that there would have to be a series of questions that would be important for knowing how to set up the users input, such as scales for graphs.

After that series of questions, they would then be able to enter their first data entry.

COMPARING

On the home page, users will be able to see all of their data sets and their data. When a data set is clicked on, a larger, more detailed graph is shown, along with other information that might be helpful. I still had to figure out what that information might be at this point in the process.

I thought that being able to compare two data sets directly would be an awesome solution to seeing if two ailments correlate in their data. Although this could have some health/legal implications in terms of diagnosing, I still wanted to experiment with it because I thought it could still be helpful.

This also was something I know I would love if I used this app.

CALENDAR

The calendar view ended up not being mocked up for time's sake, as well as not being of use within the given personas. But, I still wanted to show a basic functionality of it by creating wireframes, to show that it still had a place within the app.

styles

When thinking about a style, I knew I wanted to stick with a dark theme, particularly for people who have light sensitivity as a symptom of migraines. With this in mind, I chose two Disney villains, Hades and Maleficent, for inspiration in my designs.