Case Study: Moods Tracking App Main Screen Re-Design

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%.

Lena Kudryavtseva
Jun 1 · 5 min read

Today I am going to talk about my process of re-designing the main screen of the moods and hormone cycle tracking app. This was a part of the design assignment during the interviewing process for a femtech startup.

This post could be useful for founders and entrepreneurs wanting to launch or improve their product, and digital/product designers wanting to have a glimpse into another designer’s thinking process.


Defining The Problem

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

Potential Reason

Current AppStore App Version ‘Log’ Screen

Some users didn’t understand how the scales in the ‘World’ tab worked, whilst others wanted to be able to add symptoms or major events to the calendar, such as, taking a morning after pill. Many users raised their concerns about not being able to edit the logs of the previous day.

Current AppStore App Reviews

The Solution

UX Improvements

Having a pointer in the centre of the scale could also help avoid the friction of having to evaluate how one feels on a scale from one to six (low/high ‘ticks’ in the current app) and would help users to have a nicer flow in the graph of their stats if they skip a day or two, placing the positive evaluations above the zero point, the negative – below in the ‘Results’ screen, thus making it easier to read the graph curve at a glance.

I thought it was essential to have the date clearly stated at the top of the screen and the toggles left in the same place in the scales, should the user open the ‘Log’ screen a few times a day, thus creating the feeling of the input data being successfully stored within the app. Right now the app shows the pointers at the far left (untouched) each time the user opens the ‘Log’ screen.

‘Log’ Screen UX Explorations

In addition to the above, I recommended having a reminder notification with a friendly/gentle message about the importance of selfcare and how logging their data in will take just a few seconds. This notification should pop up on the screen once a day (probably, best to see the stats when the majority of the users are logging and setting the notification to pop up at that time or just a few minutes before) and it should be easily to find it and change the time of the notification or turn it off within the app.


Visual Design

Colour Scheme

User Interface

I hid the ‘Edit/AddCategories’ button into a small cog icon, as the button had been grabbing too much attention and I had clicked it a few times previously instead of the ‘Save’ button.

I got rid of the ‘Cancel’ button and replaced it with the cross icon to save space and to put the main CTA in the spotlight. On the tap of the ‘+’ icon, a page with the list of symptoms should pop up, where the symptoms would be displayed as icons and small tooltip text under the icons.

UI Exploration Phase

Final visual solution with multiple log pages

Visual Design — Variation


Testing

Quick Design

Find top tutorials & courses to learn UI, UX, wireframing, design, graphic design, mobile design, web design, product Design, logo design, design thinking, design tools, Sketch, Figma, Photoshop, Illustrator, Flinto, After Effects, Axure RP, InDesign, Farmer JS, 3D design & more

Lena Kudryavtseva

Written by

Hi! 👋 I am a Product Designer from Estonia. I live and work in London helping businesses achieve success through intuitive user-centred design. www.kuld.design

Quick Design

Find top tutorials & courses to learn UI, UX, wireframing, design, graphic design, mobile design, web design, product Design, logo design, design thinking, design tools, Sketch, Figma, Photoshop, Illustrator, Flinto, After Effects, Axure RP, InDesign, Farmer JS, 3D design & more

Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch
Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore
Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade