idea

How can we help patients track their mood and share it with their therapists?

MY ROLE

UX Design

User Research

UI Design

TEAM

8 Web Developers

2 UX Designers


DURATION

8 Weeks

SUMMARY

I designed a full viable mood therapy application from scratch, within the frameworks of an assigned project

Screenshot-2020-04-09-at-12.36.24-AM
Screenshot-2020-04-09-at-12.38.02-AM

 

problem statement

“I have difficulty remembering what to tell my therapist in every session. I don’t really remember how my mood was throughout the month..”

Sylvia Kowalski, User Interviewer

What this means to me

People seeking therapy don't have a single source of truth for tracking their moods or for sharing it with their mental health provider.

Most of them are required to remember how their week or even their whole month went and explain it with details to their therapists, which is almost impossible since our brain tends to fade away or even iterate our long term memories.

project goals

Provide an efficient app for patients to keep track of their mood.

Create a fun-to-use interface for user engagement.

Visualize changes in their mood over time, through charts.

Simplify hard to understand indications like charts, percentages, etc.

RESEARCH

Talking to users

22 patients. 12 therapists

2 mood app creators. 2 health insurance companies

Consumer Research

Analyzed mood apps. Read reviews.

Categorized reviews by importance and severity.

Our potential user

Our research concluded that our main user is quite wide so we focused more on his/her personality and personal characteristics more than gender, age or income.

Screenshot-2020-04-15-at-2.42.41-PM
Screenshot-2020-03-14-at-20.25.42-copy
Screenshot-2020-04-15-at-2.30.51-PM
Screenshot-2020-04-15-at-2.42.52-PM

research conclusions

What our potential users want

Fun to use interface

Right away results of their mood

Straight forward charts

Weather condition tracking

Sleep tracking

Share their mood with their therapist

A feuture to record their voice

Easy to find activities

Anxiety tracking

action

Storyboards

We had to imagine how our users are going to navigate through our app and tell a story to our curious Web Developers.

Wireframes

Since we didn’t have any other time left we focused directly on the low fidelity wireframes. There are three important things to keep in mind.

Keep it simple but fun

Fulfill our users' wishes

Make it on time

Screenshot-2020-04-15-at-3.25.33-PM
Screenshot-2020-04-15-at-3.25.07-PM
journey-maps
Screenshot-2020-04-15-at-3.26.13-PM-1

Design decisions

Screenshot-2020-04-02-at-4.29.21-PM

COLORS

We chose pale smooth colors that have the capacity to calm and relieve. Our research showed that most of the people who use a mood tracker are women so we focused more on this. Our usability tests showed that men wouldn’t have a problem using an app with colors like these also.

 

Screenshot-2020-04-02-at-4.29.36-PM

TYPOGRAPHY

Fira Sans because we wanted to keep it professional but also a little cool at the same time. A new but yet familiar typeface to make our users feel comfortable

 

Group-162

ILLUSTRATIONS

A calm illustration to represent the relaxing aura we want to indicate. Of course, it’s a plant, so your mood can “bloom”.

 

Screenshot-2020-04-02-at-4.37.26-PM
Screenshot-2020-04-02-at-4.42.32-PM

Straight forward. How do you feel?

Choose one of the five illustrations that represent your mood best. You may think " But our moods can be more than five!" Our usability tests showed us that users become more confused when they have to choose from various different moods.

Fun interface. Even in a sad mood.

Implementing a big scroll bar with a pop of color makes our users a little happier even if they're not at the moment. 

Screenshot-2020-04-09-at-12.36.24-AM

All in one. Tided up.

A cool way to have all of your information gathered up on a screen without it being overwhelming. If you want to enter a new mood, push the button.