Lifescope_Header.jpg
 

Lifescope

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. The goal of this project was to design an all-inclusive health tracker mobile app for people who want to stay on top of their lifestyle habits, but do not necessary want extra coaching or external resources

My Role: UX researcher, lead visual designer


Research

To better understand users’ goals and pain points, I interviewed 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?”


I noticed four trends:

1. Participants did 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. They found it difficult to remember workouts to log later. None bothered logging their diet.

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

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

 
 

PERSONA

Based on the trends I saw, 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

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


Wireframes

I began by sketching out some initial ideas on paper. 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.

 
PaperSketches.png
Wireframe3_HomeFeed.png
 

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.

Illustrator-extraordinaire and fellow UX designer Sekou Noel designed a vector skyscape for the 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.


APPLE WATCH VERSION

As a lifestyle tracker, it was important for Lifescope to have an Apple Watch companion. Here is an initial concept.

 
KonstructWeb.png