NutriTrack - A Habit forming App
NutriTrack - A Habit forming App
Revolutionizing lifestyle of young adults by motivating them to
build good food habits. NutrtiTrack App gives you a new way to track
calories and monitor your habits. Developed based on the strategies
of Nir Eyal's book Hooked - how to build habit forming products.
What I Did?:
Secondary Research • Story Boarding • User Flow & Site mapping •
Wireframes • Style Guide • High fidelity designs and prototypes •
User testing plan, execution & evaluation • Rapid Validation
Revolutionizing lifestyle of young adults by motivating them to build good food habits. NutrtiTrack gives you a new way to track calories and monitor your habits. Developed based on the strategies of Nir Eyal's book Hooked - how to build habit forming products.
What I Did?:
Secondary Research • Story Boarding •
User Flow & Site mapping • Wireframes •
Style Guide • High fidelity designs and prototypes • User testing plan, execution & evaluation • Rapid Validation
ROLE
UX Designer | Academic Project
TOOLS
Figma, Figjam, Miro, Adobe Illustrator,
User Testing.com, Google Surveys
DURATION
5 weeks
UX Designer | Academic Project
Figma, Figjam, Miro, Adobe Illustrator,
User Testing.com, Google Surveys
ROLE
TOOLS
DURATION
5 weeks
Revolutionizing lifestyle of young adults by motivating them to
build good food habits. NutrtiTrack App gives you a new way to track
calories and monitor your habits. Developed based on the strategies
of Nir Eyal's book Hooked - how to build habit forming products.
What I Did?:
Secondary Research • Story Boarding • User Flow & Site mapping •
Wireframes • Style Guide • High fidelity designs and prototypes •
User testing plan, execution & evaluation • Rapid Validation
Problem
Statement
Problem
Statement
A lot of time we struggle to consistently track calorie intakes for monitoring our food habits and live a healthy sustainable lifestyle.
A lot of time we struggle to consistently track calorie intakes for monitoring our food habits and live a healthy sustainable lifestyle.
A lot of time we struggle to consistently track calorie intakes for monitoring our food habits and live a healthy sustainable lifestyle.
How might we encourage users to track their calorie intake to improve their food habits, enhance physical health, and achieve their desired weight goals.
How might we encourage users to track their calorie intake to improve their food habits, enhance physical health, and achieve their desired weight goals.
How might we encourage users to track their calorie intake to improve their food habits, enhance physical health, and achieve their desired weight goals.
How might we encourage users to track their calorie intake to improve their food habits, enhance physical health, and achieve their desired weight goals.
NUTRITRACK
NUTRITRACK
NUTRITRACK
The opportunity & solution
The opportunity & solution
An innovative calorie tracking app
with which you can scan your meals
and see your calorie and macro nutrient
values for free. The records will help you
build healthy food habits and live a
sustainable life.
An innovative calorie tracking app
with which you can scan your meals
and see your calorie and macro nutrient values for free. The records will help you build healthy food habits and live a sustainable life.
This habit-forming app is designed with the strategies
of 'The Hooked Model' inculcating the Trigger, Action, Variable Reward & Investment stages.
This habit-forming app is designed with the strategies of 'The Hooked Model' inculcating the Trigger, Action, Variable Reward & Investment stages.
with advanced calorie tracking features the App will develop reports of all the past weight entries, calorie intakes and macro nutrient values. It gives you timely rewards based on the consistency of food logging.
This habit-forming app is designed with the strategies
of 'The Hooked Model' inculcating the Trigger, Action, Variable Reward & Investment stages.
with advanced calorie tracking features the App will develop reports of all the past weight entries, calorie intakes and macro nutrient values. It gives you timely rewards based on the consistency of food logging.
An innovative calorie tracking app with which you can scan your meals
and see your calorie and macro nutrient values for free. The records will help you build healthy food habits and live a
sustainable life.
Design Outcomes
Design Outcomes
Design Outcomes
The add meal CTA on the Home Screen encourages the users to add meals by scanning or manual adding option initiating the calorie tracking procedure. Post scanning the users can
see the nutrient value of their meals.
The add meal CTA on the Home Screen encourages the users to add meals by scanning or manual adding option initiating the calorie tracking procedure. Post scanning the users can see the nutrient value of their meals.
Usability Test Results
Usability Test Results
Usability Test Results
Task Success: 100%
Ease of Task: 4.4/5
Confidence: 4.2/5
Meal Scanner
Meal Scanner
Meal Scanner
In the bottom navigation bar the user can find the option of Rewards. The user gets rewards based on how consistent they are in logging their food. For unlocking the rewards the user has to spin the discount wheel and then the discount coupons are revealed.
Usability Test Results
Usability Test Results
Usability Test Results
Task Success: 100%
Ease of Task: 4.9/5
Confidence: 4.8/5
Reward System
Reward System
Reward System
In the bottom navigation the journey part of the app stores all the data entered by the user segregating it in to three main categories, Calories (consumed), Weight (current & past records), Steps (Burnt Calories). The user can find graphs of their progress in these sections.
Usability Test Results
Usability Test Results
Usability Test Results
Task Success: 100%
Ease of Task: 4.8/5
Confidence: 4.8/5
Keep a Track
Keep a Track
Keep a Track
Strategy
Strategy
Secondary Research | Ideation | Story boading
Secondary Research | Ideation | Story boading
Scope
Scope
Structure
Structure
Skeleton
Skeleton
Surface
Surface
Rapid Validation - Pretotype
Rapid Validation - Pretotype
Kano Cards | MoSCoW Method
Kano Cards | MoSCoW Method
Wireframe | UI Style Guide
Wireframe | UI Style Guide
High Fidelity UI Design | Prototyping | Usabiltiy Testing
High Fidelity UI Design | Prototyping | Usabiltiy Testing
Information Architecture | User Flow | Site Map
Information Architecture | User Flow | Site Map
Fake Front Door | Mechanical Turk & Facade
Fake Front Door | Mechanical Turk & Facade
Fake Front Door | Mechanical Turk &
Facade
SURFACE
SKELETON
STRUCTURE
STRATEGY
SCOPE
PRETOTYPE
Design Process
I applied the five planes design process from the book
Elements of User Experience and the double diamond model to develop a product that inculcates 4 elements of a habit forming product drawing on insights from the Hooked model.
Dividing the projects in to 5 main states of the 5 planes post building the prototype I conducted Usability tests and Rapid validation experiments of the product to ensure its effictivenss.
Design Process
I applied the five planes design process from the book Elements of User Experience and the double diamond model to develop a product that inculcates 4 elements of a habit forming product drawing on insights from the Hooked model.
Dividing the projects in to 5 main states of the 5 planes post building the prototype I conducted Usability tests and Rapid validation experiments of the product to ensure its effictivenss.
Design Process
I applied the five planes design process from the book Elements of User Experience and the double diamond model to develop a product that inculcates 4 elements of a habit forming product drawing on insights from the Hooked model.
Dividing the projects in to 5 main states of the 5 planes post building the prototype I conducted Usability tests and Rapid validation experiments of the product to ensure its effictivenss.
Strategy - Secondary Research, adapting Hooked model strategies
Strategy - Secondary Research, adapting Hooked model strategies
The Hooked model consists of 4 stages trigger, action, variable reward & Investment required to form a habit forming app. Along with peers we analyzed common actions day to day habit forming applications have and created an affinity map which connects all four stages in the end.
Imagining with peers
Imagining with peers
The Hooked model consists of 4 stages trigger, action, variable reward & Investment required to form a habit forming app. Along with peers we analyzed common actions day to day habit forming applications have and created an affinity map which connects all four stages in the end.
The Hooked model consists of 4 stages trigger, action, variable reward & Investment required to form a habit forming app. Along with peers we analyzed common actions day to day habit forming applications have and created an affinity map which connects al four stages in the end.
Strategy - Secondary Research, adapting Hooked model strategies
Imagining with peers
VIEW STORYBOARD
Storyboard
Post the secondary research, I developed storyboard. This storyboard focuses on how a user would interact with the app and how the four core factors in habit formation - Trigger, Action, Reward, and Investment - would influence their usage. Each frame of the storyboard captures one of these four stages. By visualizing the user's journey through these four stages, the storyboard helps to ensure that the app is designed to promote habit formation and long-term engagement.
Storyboard
Post the secondary research, I developed storyboard. This storyboard focuses on how a user would interact with the app and how the four core factors in habit formation - Trigger, Action, Reward, and Investment - would influence their usage. Each frame of the storyboard captures one of these four stages. By visualizing the user's journey through these four stages, the storyboard helps to ensure that the app is designed to promote habit formation and long-term engagement.
Storyboard
Post the secondary research, I developed storyboard. This storyboard focuses on how a user would interact with the app and how the four core factors in habit formation - Trigger, Action, Reward, and Investment - would influence their usage. Each frame of the storyboard captures one of these four stages. By visualizing the user's journey through these four stages, the storyboard helps to ensure that the app is designed to promote habit formation and long-term engagement.
Structure - Information Architecture: User Flow & Site Map
Developing the user flow and screen flows of the mobile application to see the bigger picture and understand how users would navigate with the application.
VIEW USER FLOW
VIEW USER FLOW
Structure - Information Architecture: User Flow & Site Map
Developing the user flow and screen flows of the mobile application to see the bigger picture and understand how users would navigate with the application.
Structure - Information Architecture: User Flow & Site Map
Developing the user flow and screen flows of the mobile application to see the bigger picture and understand how users would navigate with the application.
VIEW USER FLOW
Skeleton - Wireframes & Style Guide
Skeleton - Wireframes & Style Guide
Skeleton - Wireframes & Style Guide
VIEW ALL WIREFRAMES
Surface - Usability Test Findings & High Fidelity Designs
Usability Testing Summary
The Usability Testing of NutriTrack included 6 participants who performed 9 tasks in the time of 20 to 60 mins.
The interface, visual appeal, and colours of the app were well appreciated by all the participants. The navigation and clickable element were clear there was no high level frustration or confusion in the participants using the prototype. Participants felt that the platform will help them achieve their task with investing less time. Another element acknowledged by the user was the scanning feature and various other features that would help them log food easily. Among the participants there were 2 who have used other calorie tracking application, so this enabled me to do competitive analysis as well.
Surface - Usability Test Findings & High Fidelity Designs
Usability Testing Summary
The Usability Testing of NutriTrack included 6 participants who performed 9 tasks in the time of 20 to 60 mins. The interface, visual appeal, and colours of the app were well appreciated by all the participants. The navigation and clickable element were clear there was no high level frustration or confusion in the participants using the prototype. Participants felt that the platform will help them achieve their task with investing less time. Another element acknowledged by the user was the scanning feature and various other features that would help them log food easily. Among the participants there were 2 who have used other calorie tracking application, so this enabled me to do competitive analysis as well.
Surface - Usability Test Findings & High Fidelity Designs
Usability Testing Summary
The Usability Testing of NutriTrack included 6 participants who performed 9 tasks in the time of 20 to 60 mins.
The interface, visual appeal, and colours of the app were well appreciated by all the participants. The navigation and clickable element were clear there was no high level frustration or confusion in the participants using the prototype. Participants felt that the platform will help them achieve their task with investing less time. Another element acknowledged by the user was the scanning feature and various other features that would help them log food easily. Among the participants there were 2 who have used other calorie tracking application, so this enabled me to do competitive analysis as well.
Prioritizing Usability Findings for Optimal Impact
Post the Usability Testing I prioritized the critical and general feedback received in the area of improvement. In this Diagram the y-axis showcases how many participants faced the issue and the x-axis showcases severity of the issue
USABILITY TESTS RECORDS
USABILITY TESTS RECORDS
Usability Test Plan
To evaluate usability, participants in the test completed tasks outlined in a detailed plan. This plan included warm-up and ending questions, alongside specific tasks. Participant data was recorded directly on the plan. Afterwards, a consolidated feedback sheet summarized findings for each task, based on participant responses.
Reflections
• Following a structured model like the 5 Elements and Double Diamond can lead to products that are user-centric
and well-planned in terms of their functionality.
• This project highlighted the importance of identifying and validating risky assumptions about any product before launch, as it can save a lot of time and effort.
•. Using methods like Kano Cards, MoSCoW, and the Hooked Model helps create a product that's focused on the
core problem and avoids feature clutter.
•. Conducting thorough usability testing helped me remain uninfluenced by my own biases and focus on developing a user-centric product.
Usability Test Plan
To evaluate usability, participants in the test completed tasks outlined in a detailed plan. This plan included warm-up and ending questions, alongside specific tasks. Participant data was recorded directly on the plan. Afterwards, a consolidated feedback sheet summarized findings for each task, based on participant responses.
© Designed by Vipasha Pathak
Reflections
• Following a structured model like the 5 Elements and Double Diamond can lead to products that are user-centric
and well-planned in terms of their functionality.
• This project highlighted the importance of identifying and validating risky assumptions about any product before
launch, as it can save a lot of time and effort.
•. Using methods like Kano Cards, MoSCoW, and the Hooked Model helps create a product that's focused on the
core problem and avoids feature clutter.
•. Conducting thorough usability testing helped me remain uninfluenced by my own biases and focus on
developing a user-centric product.
Reflections
• Following a structured model like the 5 Elements and Double Diamond can lead to
products that are user-centric and well-planned in terms of their functionality.
• This project highlighted the importance of identifying and validating risky assumptions
about any product before launch, as it can save a lot of time and effort.
•. Using methods like Kano Cards, MoSCoW, and the Hooked Model helps create a product
that's focused on the core problem and avoids feature clutter.
•. Conducting thorough usability testing helped me remain uninfluenced by my own
biases and focus on developing a user-centric product.
CASE STUDIES
Cincom
Summer'24 - UX Design Internship
UX Design • UX Research • B2B Product Design • User Testing • User Flows • Information Architecture • User Interviews •
Report Designs • Rapid Prototyping
Explore
Threadnote
Spring'23 - 3 months UX Design Internship
UX Design • Semi-Structured Interviews • User Flows • Site mapping • Wireframing • User Journey Mapping • High Fidelity Design Rapid Prototyping • User Testing & Analysis…
Hair Food
eCommerce Website Development
UX Design • Wire framing Double Diamond Model • High Fidelity UI Design • Prototyping • eCommerce Integration • Mobile App Design • User Interviews • Usability Testing…
Explore
CASE STUDIES