There are three main areas of the app detailed in the (very rough) wireframes which are included.
Most commonly users will log into the app do a check-in and then either look at their moods across time or look at their music. There are futher flows that branch off from there. From the mood side users will be able to correct incorrect predictions. Alternatively on the music side users will be able to label music based on how they usually feel when listening and see organized lists of their music based on their moods.
1. Mood Input (Check-ins)
As detailed in wireframe 6 and 7
This is detailed in the 7th wireframe. On this screen users can input their moods. The moods are input on a 7 point scale from very anxious to very relaxed with neutral in the center. Another scale goes from very happy to very sad with neutral in the center again. We would like to use gradient colors to distinguish these emotions. so they can be clearly conveyed in other spots. The color corresponding to very happy for example should be used throughout the app to convey that in other places. Same with very anxious etc. We would also like on the third option for them to be able to pick an activity that they were doing.
The final input is that this will sometimes be asked when users are listening to music. In that case we want them to be able to describe whether the music made them feel happier than they felt before or worse.
2. Mood Section
As detailed in wireframes 1-3
For this we would like a screen displaying the user's mood over the past 3 days and allowing them to correct our predictions.
On this page the users can see their mood over time displayed in bar graphs. There are two graphs that need to be displayed one for their anxiety/relaxation, and another for their happiness/sadness. We track moods for three periods of the day morning afternoon and evening. Users have said the most important thing to them is to be able to observe trends so a good way to display that would be helpful. We are also not necessarily married to bar graphs but the graphs must be simple and easy to read.
On this page users also need to be able to modify sections that seem wrong. In the wireframe you will see that some of the bars are not filled in and have a question mark. The flow is that those are predictions made by our algorithms rather than their inputs. If they feel they are wrong they can tap them and make alterations until it reflects the correct mood.
We want the user to also be able to modify the time-frame they are looking at. Users have reported wanting to be able to see the past 3 days. Past week. or past month. We do not want users to be able to make mood corrections beyond three days ago as research shows users cannot remember well beyond that point.
In this same section of the app we would like a calendar view. This needs to display the emotions in a calendar-like colored view so that users can see patterns across many days. We would also ideally like users to be able to filter their results based on what emotions they are looking at and there should be observable differences in intensity on the calendar.
In the attached images there is a picture of a previous version of the apps calendar design. We would like it to be similar in layout but not necessarily in design. Also as is evident we have moved to a fewer number of emotions with more focus on the intensity of those emotions.
3. Music Section
As detailed in wireframe 4
This is displayed in wireframe 4. We would like a spotify-esque layout that accommodates for a listing of songs, playlists, and artists. Users reported wanting to be able to see interesting info about these artists and playlists in relation to their mood.
To start with we would like users to be able to order them based on timeframe IE over the past week, month, year
Mood IE when you were sad, happy, relaxed, anxious, all
Type of music IE playlists, artists, songs, all
So that they can for example look at the songs they listened to most when they were sad over the past year.
We also want them to be able to see how they have labeled and be able to label specific songs. By clicking on the far right side we would like some display that shows that they have indicated they listen to a song during a specific mood or while doing a specific activity. If they have not labeled a song we would like that to indicate it and then allow them to click on it in order to label the song/playlist/artist. This is important as it's one of the main ways our algorithms learn.
4. Welcome screen
The welcome screen to the app. This explains what the app does and gives them a little idea about what's gonna happen inside. It's also the first page so we want it to be something that conveys trust, security, empathy, and sense of direction. We'd like the text to read something like "Welcome to Ensa. We use the music you listen to to help you track and understand your moods and get clear direction as you navigate your mental health."