Health is an important factor in many people's daily lives. As phones have built in health apps and habit tracking features, it is very easy to pick up and be more interested in wanting to be healthier.
Everyone has different needs and goals when it comes to maintaining their own health. However, it can be hard to be motivated enough to consistently maintain health without feeling overwhelmed or burnt out. How might we help users who struggle to maintain a consistent daily routine, remember and encourage them to accomplish achievable goals through incremental improvements?
Create an app that users can use daily without stressing about committing high energy and time. Focus on encouraging and maintaining users' general overall health and improving consistent habits little by little.
I started with user interviews to gather as much information as possible about people's health goals, what health apps they use, and any other broad health related questions that could lead to potential issues or pain points. This helped to get a better sense of people's health priorities and their experiences. I interviewed 6 people between the ages of 20 to 30 with varying health journeys and fitness levels.
After the user interviews, I then gathered the main points of interest and organized them into an affinity map. This helped to understand what the main priorities and goals of users were and what motivated them.
.png)
I also conducted surveys to gather more quantitative data on the exact apps people used and their most used features. It helped to provide more insights on the actual products people use and how it works for them. This would also be helpful later on when doing competitive analysis.
I researched four health and habit tracking apps as part of the competitive analysis. I looked at the Apple health and Samsung health for health tracking. And Me+ Daily Routine Planner and Structured for habit/task tracking. These four apps were the most used among the users I talked to and surveyed. Each app has a specific purpose that it does fairly well. One of the major weaknesses that can be gathered is lack of robust features and good customization options. However, all of these apps have minimal UI and are fairly simple to pick up and easy to use.
.png)
After the comprehensive research phase, I compiled POV/HMW statements to bring the user back into focus and start brainstorming a solution.
Creating a persona helped to remind me who I was designing for and what pain points I needed to consider the most.
.png)
Based on the interviews and surveys, I created a feature priority list that users were most likely to use and need.
.png)
I sketched out potential card and layout designs. The cards are designed to be their own components that can be moved around.
.png)
Because customization will become the main feature or draw for this app, I also needed to understand what users want to see and how they could potentially organize their personalized content.
From the tests, I was able to gain insights on what users were more likely to use. This also led to the idea of having fixed elements and creating templates that users could choose from.
For user flows I created:
For task flows I created:
.png)
From here, I started to think about branding and logo design. The app combines both health and habits, so I decided on an ampersand-like logo design that had a separate heart and calendar image. As seen in the initial version, the calendar image seemed separate from the logo as a whole so I decided to instead combine the heart and calendar into one image. This made the logo look more complete and simple. I also A/B tested the initial and final versions of the logos to see which one users preferred more. And everyone agreed that the final version looked the best and made the most sense for the app.
For typography I chose to have a sans serif font that had round ends. I wanted the font to be simple and readable while also being able to give off a friendly and casual feel. For colors, I picked the pink as a primary color because of the logo and also chose a lighter shade of pink as a secondary. The tertiary colors were to keep the visual UI from being too monotone and help to give the app a fun and colorful feel.
Because I had already created multiple mid-fi cards and components that would make up the majority of the layout and look of the app. I incorporated branding and colors to hi-fi wireframes and worked on cementing the basic starting layout design when users first sign up. I also created an onboarding flow that could incorporate the ability to choose starting template layouts.
.png)
.png)
.png)
I then tested each flow of screens I designed with users. After each test, I iterated and tested the new version with a new user. This allowed me to constantly improve on my design and have testing done immediately within a short period of time.
Other changes made to UI.
.png)
.png)
This was a great project to research and design for. Especially because I also felt that this is an app I could actually use. Talking and testing with other users made this project more personal and enjoyable. This is an app that I could go many directions with. Although I only designed a few flows, there are many more features and interactions that I could have designed. Eventually, I would like to further develop my design for this app and maybe make it a reality!
If I had more time I definitely would have liked to work on designing notification flows because that is also a big part about what this app does. Users wanted to have more encouragement and good motivation that would not feel tedious or strict.
.png)
.png)
