Overview
Overview
Aura is your go-to health tracking app that helps you track all the basic stats, from your water intake, calorie intake, to your sleep routine. Aura is here to help you to stay track of living a healthy lifestyle.
Aura is your go-to health tracking app that helps you track all the basic stats, from your water intake, calorie intake, to your sleep routine. Aura is here to help you to stay track of living a healthy lifestyle.
Timeline
Timeline
Apr 10 2024 - May 10 2024
Apr 10 2024 - May 10 2024
1 month
1 month
Project
Project
Relevant Coursework - UX/UI Design Principles
Relevant Coursework - UX/UI Design Principles
Role
Role
UX /UI Designer
UX /UI Designer
Tool
Tool
Figma
Figma
Photoshop
Photoshop
Illustrator
Illustrator
Skills
Skills
UX Research
UX Research
Wireframing
Wireframing
Visual Design
Visual Design
Advanced prototyping
Advanced prototyping
Usability testing
Usability testing
Background
Background
project Summary
project Summary
Problems Context
Problems Context
Users lose interest due to overcomplicated health apps.
Data input can be time-consuming.
Missing some education tips or guidedance, beginner don't know where to start
Solution
Solution
Simifily the data input process
Fun and interesting way to keep track of their statics
Show tips and guide on how to stay on track of keeping a health habit.
How might we design an health app that avoids overcomplicated features while making it fun and engaging to check their progress?
How might we design an health app that avoids overcomplicated features while making it fun and engaging to check their progress?
When I started working on this health app, I talked to people around me who use health apps or smartwatches to track their daily habits. I discovered that many of them wanted to improve their health behaviors but didn’t know where to start. Some had downloaded health apps, but found them ineffective. My hypothesis is that current health apps often include too many overcomplicated features that users don’t actually need.
When I started working on this health app, I talked to people around me who use health apps or smartwatches to track their daily habits. I discovered that many of them wanted to improve their health behaviors but didn’t know where to start. Some had downloaded health apps, but found them ineffective. My hypothesis is that current health apps often include too many overcomplicated features that users don’t actually need.
WHat is Aura?
WHat is Aura?
Aura is an easy-to-use health app that helps you stay on track with your health goals, from tracking your water and calorie intake to monitoring your sleep habits. Aura lets you focus more on your busy lifestyle while maintaining a healthy way of living.
Aura is an easy-to-use health app that helps you stay on track with your health goals, from tracking your water and calorie intake to monitoring your sleep habits. Aura lets you focus more on your busy lifestyle while maintaining a healthy way of living.
Aura helps you keep track of your daily goals and maintain a healthy lifestyle.
01
Aura helps you monitor your water intake, ensuring you drink enough water each day.
02
Aura keeps track of your calorie intake, helping you stay aligned with your fitness goals.
03
Aura tracks your sleep, making sure you meet the sleep goals you’ve set.
04
Aura helps you manage your workout plan and maintain your workout streak throughout the week.
05
Users can check their daily, weekly, or monthly progress to see their positive improvements over time.
06
Once users complete their daily or weekly goals, they’ll earn a badge that they can share with friends.
07
Aura helps you keep track of your daily goals and maintain a healthy lifestyle.
01
Aura helps you monitor your water intake, ensuring you drink enough water each day.
02
Aura keeps track of your calorie intake, helping you stay aligned with your fitness goals.
03
Aura tracks your sleep, making sure you meet the sleep goals you’ve set.
04
Aura helps you manage your workout plan and maintain your workout streak throughout the week.
05
Users can check their daily, weekly, or monthly progress to see their positive improvements over time.
06
Once users complete their daily or weekly goals, they’ll earn a badge that they can share with friends.
07
Aura helps you keep track of your daily goals and maintain a healthy lifestyle.
01
Aura helps you monitor your water intake, ensuring you drink enough water each day.
02
Aura keeps track of your calorie intake, helping you stay aligned with your fitness goals.
03
Aura tracks your sleep, making sure you meet the sleep goals you’ve set.
04
Aura helps you manage your workout plan and maintain your workout streak throughout the week.
05
Users can check their daily, weekly, or monthly progress to see their positive improvements over time.
06
Once users complete their daily or weekly goals, they’ll earn a badge that they can share with friends.
07
Research
Research
Quantitative Research & qualitative research
Quantitative Research & qualitative research
With all these questions in mind, I started a survey to better understand people’s health habits and goals, as well as how many of them had used a health app before and how effective those apps were for them. After the pre-screening process, I conducted more in-depth one-on-one interviews with those who had used some health apps before. The goal is to understand their situations, what their current struggles were, and what difficulties they faced that prevented them from maintaining a healthy lifestyle.
With all these questions in mind, I started a survey to better understand people’s health habits and goals, as well as how many of them had used a health app before and how effective those apps were for them. After the pre-screening process, I conducted more in-depth one-on-one interviews with those who had used some health apps before. The goal is to understand their situations, what their current struggles were, and what difficulties they faced that prevented them from maintaining a healthy lifestyle.
Some examples of the survey are shown below.
Some examples of the survey are shown below.
Research Summary
Research Summary
Research Group: People between 18 - 40 who have previously used health apps.
Research Group: People between 18 - 40 who have previously used health apps.
Some apps required a more manual data input process, which was time-consuming and hard to keep up with.
Some apps had a lot of overcomplicated features that users might not need.
Lack of clear guidance, and users weren’t sure where to get started.
Some apps required a more manual data input process, which was time-consuming and hard to keep up with.
Some apps had a lot of overcomplicated features that users might not need.
Lack of clear guidance, and users weren’t sure where to get started.
Competitive Audit
Competitive Audit
At the same time, I did some research on major health apps on the market and compared their features to see what was lacking and what potential opportunities or improvements could be made from there.
At the same time, I did some research on major health apps on the market and compared their features to see what was lacking and what potential opportunities or improvements could be made from there.
DEFINE
DEFINE
Personas
Personas
I developed two personas after my research, both are college students and working professionals who are trying to balance a busy lifestyle while maintaining a healthy lifestyle. They both used health apps before and struggled to keep up with them due to a lack of guidance, and they also want a simpler data input and an app that has all the basic tracking features.
I developed two personas after my research, both are college students and working professionals who are trying to balance a busy lifestyle while maintaining a healthy lifestyle. They both used health apps before and struggled to keep up with them due to a lack of guidance, and they also want a simpler data input and an app that has all the basic tracking features.
Problem statement
Problem statement
Sarah has prior experience with health apps but struggles to find a simple app that allows her to set reminders, view her overall health data, and integrate with her watch, so that she can gain control of her busy lifestyle, and keep track of her daily progress.
Sarah has prior experience with health apps but struggles to find a simple app that allows her to set reminders, view her overall health data, and integrate with her watch, so that she can gain control of her busy lifestyle, and keep track of her daily progress.
Tina is a college student who wants to monitor her general health, including dietary and water intake, so that she can control her calorie intake and maintain a healthy body shape.
Tina is a college student who wants to monitor her general health, including dietary and water intake, so that she can control her calorie intake and maintain a healthy body shape.
Ideate
Ideate
Wireframe
Wireframe
I started with the Crazy 8s exercise to generate ideas for the app. My goal was to create a fun and engaging way for users to check their progress. The interaction should feel satisfying and rewarding to use.
I started with the Crazy 8s exercise to generate ideas for the app. My goal was to create a fun and engaging way for users to check their progress. The interaction should feel satisfying and rewarding to use.
Early concept
Early concept
I came up with different ideas for switching between tabs and trackers, one with the main navigation located at the bottom right corner.
I came up with different ideas for switching between tabs and trackers, one with the main navigation located at the bottom right corner.
Another earlier concepts was inspired by the dial wheel of a vintage phone. I experimented with this idea because I wanted the main interactions to occur at the bottom part of the screen, making it more user-friendly and ergonomic. Users could swipe left or right to move between different tabs.
Another earlier concepts was inspired by the dial wheel of a vintage phone. I experimented with this idea because I wanted the main interactions to occur at the bottom part of the screen, making it more user-friendly and ergonomic. Users could swipe left or right to move between different tabs.
Low-Fi Wireframe
Low-Fi Wireframe
I decided to proceed with one of my iterations, keeping the phone dial wheel interaction as the fun part of the app. I tested it with my friends, and they thought it was very satisfying to dial left and right.
I decided to proceed with one of my iterations, keeping the phone dial wheel interaction as the fun part of the app. I tested it with my friends, and they thought it was very satisfying to dial left and right.
Design
Design
Style Gudie
Style Gudie
Originally, I was thinking of using the Glassmorphism style for the UI to represent a sense of transparency and elegance. However, after some early feedback, I realized that the text could be a bit hard to read and that it also created some accessibility issues. So, I decided to tone it down by using white as the main color, gray tones as the secondary, and gradient colors to label different tabs, making them easier to recognize.
Originally, I was thinking of using the Glassmorphism style for the UI to represent a sense of transparency and elegance. However, after some early feedback, I realized that the text could be a bit hard to read and that it also created some accessibility issues. So, I decided to tone it down by using white as the main color, gray tones as the secondary, and gradient colors to label different tabs, making them easier to recognize.
UI Components Library
UI Components Library
Having a UI library helps ensure that the UI is consistent across various screens.
Having a UI library helps ensure that the UI is consistent across various screens.
prototype
prototype
Hi-Fi prototype
Hi-Fi prototype
I created a hi-fi prototype to demonstrate all the major user flows, including signing in, adding water intake, tracking sleep hours, calorie intake, and more.
I created a hi-fi prototype to demonstrate all the major user flows, including signing in, adding water intake, tracking sleep hours, calorie intake, and more.
Deliver
Deliver
Final Design
Final Design
Keep scrolling to see the prototype demonstration and feature breakdown. You can also click the link below to try out the prototype yourself.
Keep scrolling to see the prototype demonstration and feature breakdown. You can also click the link below to try out the prototype yourself.
sign in & Onboarding
sign in & Onboarding
The app will customize tips and suggestions tailored to their health behaviors based on their basic health habit input. There will also be a small onboarding screen showing new users how to navigate the different tabs.
The app will customize tips and suggestions tailored to their health behaviors based on their basic health habit input. There will also be a small onboarding screen showing new users how to navigate the different tabs.
Homescreen
Homescreen
Users are able to swipe left and right to navigate between different tabs. The pink progress bar shows their current progress and the goal they’ve set.
Users are able to swipe left and right to navigate between different tabs. The pink progress bar shows their current progress and the goal they’ve set.
Water Intake Tracker
Water Intake Tracker
User can quickly record their water intake using the preset options. It will also show how many cups of water they are away from their daily goal.
User can quickly record their water intake using the preset options. It will also show how many cups of water they are away from their daily goal.
Workout Tracker
Workout Tracker
User can simply put in the activities they are doing, and the timer will start until they are finished. It will also show their footsteps on the homepage.
User can simply put in the activities they are doing, and the timer will start until they are finished. It will also show their footsteps on the homepage.
Kcal Tracker
Kcal Tracker
User can put in their calorie intake per meal, and they can also see how much they have consumed so far.
User can put in their calorie intake per meal, and they can also see how much they have consumed so far.
Sleep Tracker
Sleep Tracker
User can turn on sleep mode when they go to bed, the sleep timer will start until they press stop.
User can turn on sleep mode when they go to bed, the sleep timer will start until they press stop.
Summary
Summary
They can see their daily progression and previous records, view the statistics, and readjust their goals if they find them too hard to reach.
They can see their daily progression and previous records, view the statistics, and readjust their goals if they find them too hard to reach.
Planner
Planner
With the planner feature, user can easily set a goal for each of the categories.
With the planner feature, user can easily set a goal for each of the categories.
Account
Account
If the user hits their goal, they will earn a small badge and be able to share their progress with their friends.
If the user hits their goal, they will earn a small badge and be able to share their progress with their friends.
User Testing
User Testing
User Testing
User Testing
I tested the prototype on a few people to see how they interact with the app, how they input their data and track their daily progress. The navigation is intuitive and straightforward, most of them were able to navigate to where they wanted. However, here are some things they suggested for improvement:
I tested the prototype on a few people to see how they interact with the app, how they input their data and track their daily progress. The navigation is intuitive and straightforward, most of them were able to navigate to where they wanted. However, here are some things they suggested for improvement:
Some minor accessibility issues with the grey text, it can be hard to read.
They wish the tracker had some more advanced controls.
The edit button needs to be resized; it can be hard to tap.
They hope to have the option to add custom workout labels.
Some minor accessibility issues with the grey text, it can be hard to read.
They wish the tracker had some more advanced controls.
The edit button needs to be resized; it can be hard to tap.
They hope to have the option to add custom workout labels.
Reflection
Reflection
things to improve~
things to improve~
There’s so much I learned from this project, especially improving my advanced prototyping skills. It was great to go through the entire design cycle, from the research stage to prototyping to user testing, and see what I could improve from there. I’ll take what I learned and apply it to my future projects.
There’s so much I learned from this project, especially improving my advanced prototyping skills. It was great to go through the entire design cycle, from the research stage to prototyping to user testing, and see what I could improve from there. I’ll take what I learned and apply it to my future projects.
Next Project
Next Project
Cash Nook
A gamified budgeting tracking app for college students