
Tracking daily habits can be tricky but with the help of an accountability partner, you can reach your goals.
In this case study, I’ve completed the UX research and design for a habit tracking app concept that tracks the daily habits of users, helping them reach their personal goals individually or with the help of a partner.

My role
UX Designer
UI Designer
Team
Independent Project
My key contributions
Project management
Concept ideation
Prototyping
Competitive Research
Wireframing
User Interviews
Final Product Design
Tools Used
Figma
Adobe Illustrator
Duration
12 weeks
The Intro
In this case study, I’ve completed the UX research and product design for a habit tracking app concept. The Duo app records the daily habits of users, helping them reach their personal goals individually or with the help of a partner.

Empathize
Problem Statement
"97.3% of American adults get a failing grade on healthy lifestyle habits."
Design a product that helps users build and maintain healthy habits.
Solution
Empathize Specify Ideate Finalize Verify
Process





Problem statement
Research Plan
User Interviews
Competitive Analysis
Define Personas
Feature Prioritization
App Functionality
Challenge
Brainstorm
Task Flows
Lo-fi Wireframes
Paper Prototype Testing
Feedback
Style guide
Hi-fi wireframes
Prototype Testing
Research Plan
I conducted interviews to learn what users are looking for in habit-tracking apps.

"I used the Apple health app and it's missing the ability to set daily goals every week."


"I'd love the ability to visually track progress. My app doesn't allow visual uploads to see the results of my healthy habits."
Interviews
Direct quotes from user interviews
"I hate having to input a lot of my info manually. There should be a way to scan my data or sync it somehow into the app."

"I'd like for apps to include career and lifestyle information. A lot of info is generalized, like 'the average person should take 10,000 steps a day,' rule for example. If we can include more personal info, then the app should be able to generate healthy suggestions for individuals."

"I'd like to be able to add family history and DNA information since some things are hereditary."

"I'd like for family and caregivers to access information or track progress somehow."

Competitive analysis
Apple Health
Apple Fitness

What makes the Apple Health and Apple Fitness apps our top competitors?



_edited.png)
They're free!
They come with the iPhone
You can sync medical history easily
You can share data with family and friends

Feature Prioritization
Boost incentives
The Apple fitness app offers awards, but how can we improve them?
Social features
You can currently share with people in your network, but can we expand?
Medical history
Medical history can be added into your data. What can we do to improve how you track medical history?
What are the key functions?

-
It tracks habits.
-
You can track your health & fitness habits daily, weekly, and monthly.
-
-
Keeps record of progress
-
Data is tracked and photos can be uploaded as an additional measure of progress.
-
-
Can add habits from multiple categories
-
Daily steps, weight loss, stretching are only a few of the options of a habit that can be tracked.
-
-
Tracks progress with partners and new network
-
If your friends and family aren't available, you can find someone new with similar goals.
-
-
Incentives for reaching goals
-
Once you reach your goals, you win tokens that can be used for cool rewards.
-
Challenge
There are already plenty of habit tracking apps. What makes Duo different?
How might we
How might we
keep users feeling both encouraged and engaged?
help users track weekly progress?
How might we
How might we
appeal to users who want to encourage family & friends to reach goals?
connect users outside of their network?
Ideation
My ideation process consisted of defining task flows before creating rough draft sketches of what the app looks like while completing a simple task

Task flow illustrating the process of exploring Family Tree patterns.
Sketches

After defining task flows, I flesh out the idea with some really rough sketches that show each screen for each step.
Lo-fi wireframing
I then took my sketches into figma and began the process of designing low fidelity wireframes.

Hi-fi wireframing
The final step of my design process was to add the Duo app's brand identity and create a mockup of the high-fidelity wireframes to show what the Duo app would look like in action.
