Mobile solution to reward users achieve their daily goals by staying motivated through a community based system

Role: UX and UI Designer

Timeline: 4 weeks - 100+ hours

Tools Used: Figma, Adobe Illustrator

This was a ficticious scenario as part of the UX Design Academy

Problem

Our business goal is to increase the amount of users continuously using our features. By centering around self motivation and rewards, the user is more inclined to use our features more.

Overview

Re enrollment is low and users do not feel the need to keep using our app. The client wants to understand what keeps users feeling rewarded when using a goal setting app.

Empathize

Define

1.

Ideate

MY PROCESS

Competitive Analysis

I started by researching alternative lifestyle apps to determine the needs and solutions for different users.

Interviews

I then interviewed 5 different users to understand pain points they experienced when using different goal apps. I then conducted 7 online surveys to better determine user pain points and needs.

Empathize- Who are my users and what are their needs and pain points?

Contents

  • Competitive analysis

  • Interviews

Interview Goals:

  • Learn about user daily routines

  • What lifestyle apps users have used before and what frustrations and pain points they had.

  • What makes users feel valued and what features make them feel rewarded

Summary of User Interviews and Surveys

Motivations

4 out of 5 users said that they wanted better habits with productivity and getting tasks started. These users said they have trouble getting motivated and staying motivated. Users said they they tend to fall into bad habits and make excuses to not get tasks started.

Frustrations

All users found that they did not keep connected with their apps, and there were too many options when using the apps. They wanted simpler and easy to use products. Also, users found that they the products they used were not rewarding.

Features and Preferences

All 5 users said that they want customizable tracking of their goals. They also said that they want to feel rewarded when a task is completed, or a streak is continued. All users said that they want reminders and notifications when using the app to keep them accountable. Users also preferred to cross items off a list. Lastly, users wanted a sense of community of the product, and to share their accomplishments with friends and family.

Testing

Define- What are the user needs and pain points?

Personas

I created user personas to better understand the motivations of specific users

Persona Goals:

  • Specify who my users are

  • Define specific demographics who might be using the app

  • Define the motivations of real people

  • Begin to spot pain points

Defined Solutions

Reward System

  • Use splash screens and task completion bars to keep users feeling rewarded and engaged

  • Daily completion rewards with achievements

Autotomy of Task Tabs

  • Fully customizable categories for users to tailor their tasks to their goals

Discover Tab

  • Videos and helpful tips for healthy lifestyle choices

Community Tab

  • Other users can like and comment on your accomplishments

  • Users can compare accomplishments with friends

User Flows

I planned out specific flows for both completing a task and adding a task

Task Flows

I created possible task flows a users should take when completing a task

Takeaways

  • Tasks will have to be organized by drop down lists for better organization

  • There needs to be an easy way for users to create their own tasks or tabs

  • Tasks must navigate to the bottom of the list after they get checked off

  • The calendar tab might work better as just days of the week at the top of the page

  • Users need an indicator when a task is completed

Prototype

Goal

Goal

High Fidelity Wireframes

Mid Fidelity Wireframes

Prototype

Testing

Revisions

Animation

Users wanted an animation for the “Congratulations” screen to indicate when a task is completed

Squares Not Circles

Users were confused by the circle check marks. So, I changed them to squares.

Share Option

Users wanted the option to not share their achievements.

Reflection and Takeaways

I chose a lifestyle app to be able to determine where users find the most satisfaction when improving their well being. I found that my own personal bias really came into play when conducting interviews. I found that users chose to use lifestyle apps for many reasons. What I wanted to explore was the motivations behind their actions. What kept coming up was users wanting to be inspired to keep using the app. I utilized things like a progress bar, community sharing, and congratulations screens to help motivate the user. For this design, I really considered how the user goes through tasks and the reward system behind that.

In the Future

If I had more time on this app, I would have integrated a few more things. I really focused on the task flow of how a user completes a task. However, I would love to design the flow of the community page. Also, I would like to spend time showing how the user navigates through the discover page.

CONCLUSION

2.

Competitive Analysis

Affinity Map

I began to sort user interviews into pain points and motivations

Contents

  • Affinity Map

  • Personas

  • Defined Solutions

Ideate- How will users navigate to get to an endpoint?

3.

Sitemap

I began to plan out the pathways users might take to complete each task

Contents

  • Sitemap

  • User Flows

  • Task Flows

  • Takeaways

Prototype- Designing the Product

4.

Design Patterns

I designed all the logos, color schemes, typography, and design elements within the product

Contents

  • Design Patterns

  • Low Fidelity Wireframes

  • Mid Fidelity Wireframes

  • High Fidelity Wireframes

  • Final Prototype

Low Fidelity Wireframes

Testing- Let’s see if this works!

5.

Usability Testing

I took the comments from usability testing and rated them by how often they came up, and how severe the problem was.

Contents

  • Usability Testing

  • Revisions

  • Conclusions