HydraPal

Fostering healthier hydration choices and routines
Project Timeline
Winter 2023
8 weeks
Role
UX Designer
Product Designer
Researcher
Project Type
UI/UX Design
AI Design
Tools
Figma
Midjourney
Arduino
Overview

Problem

Adequate hydration has a paramount importance on human health. Being conscious of appropriate consumption behavior can be difficult. It is vital to maintain proper liquid intake habits to improve overall health.

Solution

HydraPal is a dual-component digital and physical companion that rethinks hydration monitoring and fosters awareness of healthy routines. The digital app seamlessly integrates AI technology to provide users with personalized insights and recommendations, optimizing liquid intake choices and routine for better health. Complementing the app is an optional wearable tech that further eases the tracking by automatically detecting, weighing, and logging drinks to the app providing a truly hands-off experience in tracking daily intake without manual entry. HydraPal breaks conventional boundaries of data-tracking applications; it minimizes the onus of data input and unfolds a simulation that entices users to engage in a consistent hydration routine to nurture the health of their digital companion, mirroring the positive impact on their own health.

Design Roadmap

Process

Research

We conducted background research in the space of hydration and nutrition tracking to understand challenges and opportunities that our solution should address. We performed in-depth interviews with potential users from diverse backgrounds to understand their needs, challenges, behaviors, and goals. A competitive analysis was also done to gain insights into the market landscape and our product placement.

Competitive Analysis and Interviews

Interview Affinity Diagram

Competitor Relevance and Applicability

Health App

The nutrition tab in the health app allows for recording precise intake of water and nutrients. However, users must know how to calculate nutrient amount themselves to input. Additionally, the app does not interpret the meaning of the numbers for users.

Waterllama

The Waterllama app sets tasks that remind and motivate users to drink water to fill in animal patterns. Users gain incentives to drink water but will not be penalized for not completing. The app also limits to only displaying extracted water from each beverage and not nutrients.

Health App

The ulla is a physical sensor and light that flashes to remind users to drink water. However, it only reminds users to drink water more frequently without a clear goal of total intake that users should reach.

HidrateSpark

The HidrateSpark is an app and smart bottle that links to remind and track precise liquid intake. The bottle allows for precise measurements of amount but limits to only beverages consumed with the bottle being recorded.

User Insights

Intake habits

90% of participants value health and recognize the importance of hydration habits but less than 40% of participants consciously try to be healthy

Among participants trying to be conscious about their health, many had a problem with their choice of liquid wanting to drink less coffee and alcohol. Almost all of the participants also reported to drinking less water than a healthy level but question on the conversion between alternative drinks.

Intake tracking

100% of participants are aware of intake tracking products but 0% of participants use any existing products

Participants who are conscious of their hydration levels claimed to either track through the number of bottles consumed or rough estimates. Most of the participants hoped to be aware of their precise intake and whether they are at healthy levels but do not use any tracking products because of the external effort commitment to record as well finding difficulty in knowing the precise amount for non-clarified drinks.

Motivation

Most participants did not feel motivated to follow set intake routines because responding to individual circumstances in daily life disrupts routines without visible consequences

Consumption patterns are often in flux and disturbed in daily life by the main factors of exercise, business, pleasure, and diet. Participants decide on their choice of drink and amount to best satisfy the at the moment need but hope for motivation or reminder to stay healthy.

Knowledge

Unconscious about health because of a lack of understanding on nutrients and scientific standards

80% of  participants follow the common misconception that humans only need 1 to 2 liters of water per day which falls significantly short of the scientific standard of 2.7 - 3.7 liters per day.

Personas

Caroline
Age / Identified Gender
34 / Female
Occupation
Pilates Instructor
Experience in health and nutrition
Background
Caroline is a pilates instructor who is cautious about staying healthy and has a regular exercise routine. She generally tries to follow a balanced diet and stay hydrated and tried tracking apps but find it ineffective.
Behaviors
  • Tries to drink at least 2000 mL of water per day
  • Roughly estimates intake by drinking 2 x 1000mL bottles of water
  • Drinks a smoothies every morning but all other beverage choices dependent on mood or to match a meal
Motivations
  • Be healthy and stay in good shape
  • Become organized and on track with a healthy hydration routine
  • Learn more about nutrition to make better choices with beverages
Needs
  • Be motivated to track all daily intake during busy schedule
  • Understand personal condition and adapt liquid intake choices
  • Have a clear understanding and control over the ingredients and nutrients consumed in drinks
Pain points
  • Find it bothersome to input every intake record manually
  • Struggles with beverage choices across brands
  • Follows routine for brief periods but loses motivation easily
Altai
Age / Identified Gender
21 / Male
Occupation
College Student
Experience in health and nutrition
Background
Altai is a busy student who does not plan any daily routine or pay special attention to health. He is aware of the health effects associated with hydration but  has never tried any health or hydration related products.
Behaviors
  • Does not consider nutrition factors when choosing beverages
  • Never tracked or have a goal for liquid intake
  • Drinks a lot of coffee and alcohol during busy times
Motivations
  • Become healthier and drink more water
  • Be cautious about nutrition and health status
Needs
  • Adjust beverage intake habits and drink less undesirable ones with negative health effects
  • Have an understanding of how much water intake is healthy
  • Motivation to maintain a healthy hydration routine
Pain points
  • Uncertain of how to set goals due to lack of familiarity with nutrition
  • Follows routine for brief periods but loses motivation easily
Ideation

Visualizing Concepts

Sketched design concepts to help visualize and brainstorm different forms and functions for our product

4 Solution Spaces
16 Feature Ideas
3 Voted Concepts

Refined Design Concept

Refined idea of product flow and key features

Wearable
Hydration and Nutrition Data
Smartphone
Digital Companion
Reflection of User’s Health Status
Hydration Tracking
Social
Personalized Goals
AI Recommendations
Ideation

Prototype Testing and Iterations

After solidifying our design concept, we created lo-fi paper prototypes and conducted user walkthroughs with 5 participants to get feedback on the usefulness of the concept and features.

Based on user feedback, we iterated our design to mid-fi screens making the applicable changes.

Key Experience 1: Recording intake and viewing details
Before
I am not sure whether my intake was successfully recorded and feel it is an extra step to click into viewing details of the beverage
It’s not clear how my intake balance is and what I should drink more
After
Half Screen
Unhealthy
Full Screen
Unhealthy
Scanner
Recording Intake
Feedback
Drink Details
Full Screen
Healthy
Half Screen
Healthy
Full Screen
Details
First, we iterated the home screen to feature the digital companion and an overview of the user’s different intake which helps users to understand their hydration status and individual beverage breakdown. Then we added a response screen after scanning the beverage to both indicate that the liquid was successfully detected allowing users to verify and to show users nutrition details about the beverage.
Key Experience 2: Look up analytics and adjust goals
Before
I am confused about how I should interpret the long term intake
I am unsure about my nutritional health and how I should adjust my goals accordingly
After
Default
Intake Analytics
Down Scroll
Breakdown
Chat Box
AI Suggestion
My Goals
Unadjusted
My Goals
Auto Updated
Adjusting
Manual
Adjusted
Manual
My Goals
Updated
Based on the feedback, we created a comprehensive metrics page to contain more wholistic information about users’ intake behavior and breakdown. We also added an AI suggestion chat box where users can ask questions for clarification on their intake and nutrition as well as receive more direct feedback on what to intake.
Final Design

Refined Prototype

Home Screen + Digital Health Companion + Scanner
Summary
Split home screen features the digital health companion on top and critical intake levels on the bottom. Users can expand top screen for an interactive experience viewing the digital pal’s state and direct comments on behavior. The bottom screen allows users to view numerical hydration progress and performance. Users can easily record new intake with the camera scanner option which updates all values and the digital pal’s appearance.
Rationale
We included a reward and penalty system of the digital companion’s appeared health to motivate users on long term hydration tracking and usage of the product. The top split screen makes use of our AI integration to provide easy to understand suggestions for users who have difficulty understanding the metrics or their tracking data. The scanner is made to simplify the recording process.
Friends Plaza
Summary
Users can see all of their friends’ digital health companion and their respective states in an open plaza. If a friend’s pal is in an unhealthy condition, users can water their pal and it will remind the other user.
Rationale
The social component of the app allows users to compare their health pal to each other providing mutual encouragement and competition.
Goal Adjustment
Summary
According to suggestions or users’ own interpretation, they can adjust the goals of each intake group which also shows a calculated recommended amount according to the users’ profile.
Rationale
We emphasize on helping users to understand their hydration behavior and progress to make the correct adjustment to their goals accordingly.
Metrics
Summary
Users can access bigger picture of their hydration behavior over different periods of time in more depth. App calculated insights also helps users understand their performance relatively.
Rationale
We separated the metrics page from critical information on the home page because we found through interviews that users with fitness expertise would find this detailed information helpful while more everyday users would prefer a simplified read of important metrics to know.
AI Nutrition Bear
Summary
An integrated AI chat bot assists users with any question covering health and hydration in general, app instructions, and overall suggestions.
Rationale
Many users in our research found that setting plans and making healthier hydration choices requires specific understanding. The AI chat bot makes use of learning models and gpt to make recommendations in an easy to understand way similar to a nutrition doctor or private instructor.
Impact

Outcome

Users were able to record intake 80% faster with the wearable and 40% faster with just the app than similar products
80% of users tested expressed that they would be motivated to continue using the product
75% of experienced health and nutrition professionals felt that the product would effectively aid their hydration and health tracking routine
Reflection

What I learned?

To the everyday user, using health and hydration solutions requires mainly two factors: motivation to stay on track and knowledge of what actions to take. The process of ideating a simple to use product which motivates users to continue using while providing accurate and informative professional guidance in nutrition was challenging.

Next Steps

  1. Improve accessibility options. As it stands now, the product lacks implementations for handicap usage. Future updates with voice-based interactions would ensure compliance with accessibility guidelines and enhancement of user experience.
  2. Explore interactions with digital companion. The health pal digital companion currently only reflects the users health and hydration status. We would look into allowing users more freedom with customizing their unique digital companion through decorative clothing and accessories.
  3. Expand to other health and nutrition intakes. HydraPal could make an addition by tracking food and supplements to factor in all intakes by users and generate a more wholistic picture of user’s health and nutritional balance.