Product case study: MoodUp APP

Azusa Watanabe
4 min readSep 15, 2018

--

Challenge

Design an APP to track wellbeing and increase happiness levels

The concept was to craft a product uplifting users’ well-being through positive thinking and mindfulness practices. Our goal was to elevate happiness without complex interfaces, focusing on daily habits.

Discovery & research

People interviewed helped us to make smarter decisions

We engaged with diverse users to understand their daily habits and gather insights on enhancing their mood. Today, people are increasingly conscious of methods to boost happiness in our fast-paced world. Seeking positive thinking, motivation, balance, and stress reduction, users prefer reliable and non-intrusive experiences over interfaces with cumbersome notifications or high engagement demands.

User goals

  • Discover ways to improve wellbeing
  • Aim to reduce negativity and stress
  • Increase resilience and self-steem
  • Exchange meaningful experiences with others
  • Express gratitude and compassion
  • Boost personal motivation

Ideation

A mobile application that provides inspiration when users really need it.

Initially, our goal was to allow users to monitor their mood changes. Subsequently, we focused on the social dimension, involving the consumption and creation of inspirational content through community posts. This involved iterating on ideas and assumptions using methods such as paper prototypes, low-fidelity, and high-fidelity wireframes.

Low fidelity wireframes

The main MoodUp features include a News Feed and a Profile area that allow users to:

  • Appreciate a post
  • See comments
  • Comment in a post
  • Share a post
  • Create a new post
  • Track one’s mood changes
  • Receive rewards (badges) based on interaction level

User interface & visual guidelines

The visual goal was to be inspirational and reinforce positive emotions,
so the aesthetic gets use of bold colours, pleasant gradients and light background.

High fidelity wireframes

User testing

In-person usability user testing

Important improvements and refinements were realised based on users impressions and task difficulties. All insights were classified by the Severity Scale and soon implemented in next iterations.

One of the main insights is that users didn’t understand that the “world map view” was merely informative. So in the next iterations we removed it in order to privilege posts visualisation.

Users provided qualitative data about usability issues. For example, we found out that the CTA text was not clear enough.

A/B testing different buttons

To clarify what call-to-action users would prefer to use in order to shown their appreciation to Posts on their News Feed, we created 2 different versions of the application that only differ in therms of the “like” button:

After conducting the A/B Test on Usertesting.com platform, we understood that the shorter “Like” button is easier for the users to understand and immediately recognisable than the “Moodboosted” button. So we incorporated the solution in the final prototype.

Conclusion

People really aim for ways to enhance their wellbeing and acquire more positive mental models. MoodUp application can provide both useful content and measurement of wellbeing through time.
Summing up, having innovative features, good user experience and pleasant UI design can be an effective foundation for an useful application.

Do you need to boost your mood today?
MoodUp could be perfect to you.
Cheers!

--

--

Azusa Watanabe

Product designer based in Barcelona. Always curious about how humans interact with the digital space.