Quick Design
Published in

Quick Design

Lena Kudryavtseva

Jun 1, 2019

5 min read

Case Study: Mood tracking app main screen redesign

The goal of this assignment was to redesign the ‘Log’ screen in order to help the users create a habit of logging on a daily basis and increasing the ‘App Session and Log/Memo Saved’ conversion rate from 40% to 80%.

Defining the problem

Only 40% of the users log their information on a daily basis

Potential reason

After downloading and testing the app, I had a feeling that the current log screen had too many options and scales. Having to fill them in felt tedious, it also felt like a hard task evaluating how one feels about so many things on a daily basis. Tabs and “numerical” questionnaires can be overwhelming and users are way too busy with their lives, thus the logging should only take a few seconds.

Current AppStore App Version ‘Log’ Screen
Current AppStore App Reviews

The solution

UX improvements

The very first solution that I suggested was having a simple questionnaire that would have no more than three options (or no more than three options for each tab) and the scale would be measured from one spectrum of the state to another, i.e. fatigued→ energetic; with a pointer placed in the centre, showing it as a neutral state when untouched.

‘Log’ Screen UX Explorations

Visual design

Colour scheme

I also recommended adding a couple of contrasting/complimentary colours that would look more cheerful than the current ones and set up a more pleasant mood for the users. Below is a colour scheme I generated on Coolors.co based on the company’s teal brand colour.

User interface

I used the colour scheme with the complimentary colours of the teal brand colour, kept the layout minimal and tried out gradients and the water ripples effect which I noticed was used in the current App Store version app splash/load screen.

UI Exploration Phase
Final visual solution with multiple log pages

Visual design — variation

I then tried playing around with some mesh gradients from LStore, those, in my opinion, looked feminine and a bit dreamy, which I thought would work great with the female audience.

Testing

Should this solution be implemented as an AB testing, I would’ve recommended testing it on the new users to see if this layout had felt organic and pleasant. Had there been an increase in conversion rate, I would have then recommended updating the layout for the existing users too.