Overview

PROBLEM

To make smarter health choices, it’s important to know your stats: fitness, diet, and sleep. That’s a lot to keep track of! The market is saturated with apps that track one or two of these facets, but none efficiently incorporate all of them. Lifescope tracks your habits, so you can concentrate on your goals.

GOAL

Design an all-inclusive health tracker mobile app that allows people to track their fitness, diet, and sleep habits

TARGET AUDIENCE

People interested in staying on top of their lifestyle habits, but do not necessary want coaching or external resources

TEAM

Solo project—just me!

DATE

3 weeks • Sep—Oct 2018

MY ROLE

UX designer

DELIVERABLES

• Persona
• Comparative analysis
• Mood board
• Design process (sketches, wireframes, & visual design concepts)
Interactive mobile prototype

 

Research

FIELD INTERVIEWS

To better understand users’ goals and pain points, I conducted 3 FIELD INTERVIEWS. I recruited participants who had different relationships with their health. I was most interested in how and why they made certain lifestyle choices.

Do you currently track your habits? (If so, how?) Why or why not?
How much effort do you put into maintaining or improving your habits?

TRENDS

From my findings, I created an affinity map and noticed 4 TRENDS.

1. Do not adhere to a strict diet
They tended to eat whatever they wanted to, but tried to always include vegetables and high-protein foods.

2. Logging all habits immediately is very tedious
Participants found it difficult to remember workouts to log later. None bothered logging their diet.

3. Most interested in tracking their fitness habits
Diet was a close second. They wanted to know both calories burned and gained.

4. Did not find sleep graphs useful
However, some participants mentioned that they wished they felt more rested after waking up.

 

PERSONA

Based on the trends I saw in the field interviews, I created a persona, product manager Megan.

 
Proj 4 Persona_v2.jpg
 
 

COMPETITIVE ANALYSIS

In addition to user interviews, I also researched some popular lifestyle apps, such as Weight Watchers and Equinox, to see how their features and designs succeeded or failed. All of the apps I compared also had Apple Watch companions.

KEY TAKEAWAYS

1. No need to require sign up
2. Include multiple ways for users to input dietary habits
3. Allow users to view progress over time: weekly and/or monthly
4. Streamline process of adding custom workout, food, or sleep logs
5. Display key stats immediately on landing page

 

Design Process

PaperSketches.png

Based on my research, I was able to pinpoint 3 main sections I wanted to include in the minimum viable product:

1) landing page
2) view stats
3) add stats.

PAPER SKETCHES

Beginning with low-fidelity wireframes, I experimented with radial navigation menus and different card layouts. I also put together some real data to work with in order to better understand how content should be displayed.

 
Wireframe3_HomeFeed.png

WIREFRAMES

Moving my wireframes from paper to Sketch, I drew out some charts and started to play with how “today’s stats” would be indicated. At this stage, the logs were still pretty content-heavy.

 

MOOD BOARDS

When I started experimenting with color, I initially struggled with the palette. I wanted to incorporate vectors, as well as establish a day-night contrast between the landing page and the sleep stats/charts, which can be seen in this mood board. I reached out to some UX designers for advice.

Illustrator-extraordinaire and fellow UX designer Sekou Noel took my concept and ran with it. He came to me the next day with the vector skyscape currently utilized on my app’s background.

 

Prototype

As my visuals began to come together, the rest of the features started to take shape. I originally had multiple tabs at the top of the screen to toggle between daily, weekly, and monthly view. Figuring out user flows for this process started to get a bit complicated, so I took a step back to take another look at the calendar feature. I decided to rethink the monthly view, and swap the tab system for a calendar modal.

 
KonstructWeb.png

APPLE WATCH VERSION

As a lifestyle tracker, it was important for Lifescope to have an Apple Watch companion. Within the scope of this project, I unfortunately did not have time to create a prototype, but here are some of my initial concepts.

 

Next Steps

With more time on this project, I would:

1. Conduct USABILITY TESTS
2. Add feature that allows syncing from other apps
3. Build out APPLE WATCH VERSION