VIPASHA PATHAK

UX DESIGN

GRAPHIC DESIGN

ABOUT

RESUME

UX DESIGN

GRAPHIC DESIGN

ABOUT

RESUME

VIPASHA PATHAK

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

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.

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

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.



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.

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.

Usability Test Results

Usability Test Results

Task Success: 100%

Ease of Task: 4.4/5

Confidence: 4.2/5

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

Task Success: 100%

Ease of Task: 4.9/5

Confidence: 4.8/5

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

Task Success: 100%

Ease of Task: 4.8/5

Confidence: 4.8/5

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

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.


Strategy - Secondary Research, adapting Hooked model strategies

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.

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.

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

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.

ACCESS MIRO BOARD

VIEW PRETOTYPE TEST

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.

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

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


© Designed by Vipasha Pathak