Gusto- UX case study for Recipe app

Page 1

Gusto Discover|Create|Eat healthy

2. Use a peeler to shave the cucumber and cut into ďŹ ne strips.

01.05

03.00

UX case study


The Need Nowadays there is a luxury of ordering food at any time. But is it always safe to buy? Can we trust the quality of food? In a situation like a corona how people are managing cooking. These are the main questions came to my mind while thinking about cooking. Also, there is a high demand for getting a healthy diet based recipes regardless of any age along with a meal plan and grocery list-making to solve the daily chaos in cooking .People are facing problems while using mobile in the kitchen. There should be a smart system to identify the available ingredients at the moment and suggest recipes according to that.

The Problem There are many apps for ordering food. But we can't trust the quality of the food and ingredients used there. Cooking should be an easy procedure with available ingredients from your fridge. Hence there should be a motivation to cook at home by making cooking-related chores easy. It will drastically reduce buying food from outside.

The Goals My goal is to design an app that can be used by almost everyone in their day to day cooking. This is to motivate everyone in cooking instead of buying food from outside and make them conscious about the need for a health-based diet.


I am trying to solve the problems of using mobile in cooking time and wanted to help everyone create a meal planner & grocery list so that you will not forget what to buy for the coming days. Also The cooking routine, ingredients choice, and easiness of using any gadgets in the kitchen also improve one's efficiency.

Design approach

: Followed 6D for the research method as a part of my design strategy.

Design the low & high fidelity wireframes

4

Design

Define the problem using mental modals

1 2 3

Discover

Discover the problem & scope

Define

Dream

Create user centric design differentiators.

6D process

5

Develop

6

Document document the design for engineers or developers

Develop the visual design as a consistent modal.


1. Competitor analysis I have started with competitor analysis. Downloaded 4 apps and conducted the analysis by going through each app. I have listed out the comparison below.

Features

strengths

Di erentiators

Pain pooints

Opportunities

User satisfaction

Yummly

BigOven

Apps ▪ ▪ ▪ ▪ ▪

Basic search Create a grocery list Save up to 200 recipes Use up Leftovers on web,mobile,tablet

▪ It is simple and esthetically pleasant, easy to navigate. ▪ With a simple share click, you can share the recipes in your choice of platform. Social cooking the main plus point here. ▪ It is not showing recipe for combination of 2 ingredients of our choice. ▪ Some Icons are confusing. ▪ The space could be added to something else, for video button, shopping list button. ▪ They could do the main sections in 3–5 quadrants so it is easy to choose faster instead of scrolling.

4.6

▪ ▪ ▪ ▪ ▪

My feed Articles Meal planner Guided cooking browse

Cookpad

Sidechef ▪ ▪ ▪ ▪

Guided cooking Meal Planner Shopping list Search filter

▪ ▪ ▪ ▪ ▪

Explore Cookbook Community Social cooking Chats

▪ The combination of beautiful pictures and smooth performance makes for an awesome user experience.

▪ Easy user interface. ▪ The step by step guide is so useful and creative.

▪ Excellent app for local use and very simple to use. ▪ Social sharing makes compare your ideas with other cooks.

▪ Every recipe has a Yum button, which is just a like button. Based on the things you “Yum,” the app will start to o er you new recommendations. ▪ To see how to make the food, it sends you to a website. Sometimes the ingredients list in the app, and what's on the website, don't line up. ▪ Sometimes the recipe will list an ingredient twice, with 2

▪ Automatically send instructions to your smart appliances, even if you’re not at home.

▪ Add your choice of recipes and meal plan it will work without an internet connection.

▪ Make a forward/ backward options for all the yum videos.

4.7

▪ The search bar for recipes could be better like searching by ingredient- as of now it’s the name of the recipe which can be di cult when looking for ideas. ▪ Instructions sometimes confusing. ▪ It would be nice if App can have landscape mode.

4.7

▪ There Is no filter to avoid the ingredients that you don’t like and no skip option to bypass the screens after registering. ▪ No auto draft saving ▪ Should be good if work on the scrolling pattern lag to look neat. ▪ There is apparently one version for each country, and you are not able to download another countries version, so the

4.8


1.1 User Segmentation To implement my goals, It is important to know whether the user wants the same and their expectations. I have interacted with few users and gathered their problems and needs here.

Targeted Users Profession: Working professionals, Housewives Finance status: Middle class to upper-middle class who uses a smartphone User category: Bachelors, Married couples Target skills: Beginner to expert level Technical skills: Moderate use of technologies to tech-savvy users. Region: worldwide

User segment 1

Beginner Cook

User segment 2

Moderate Cook

User segment 3

Expert Cook


1.2 User Interview I conducted non-direct user interviews with 6people and sent out a survey to dozens more. In both, I began by asking questions that explored ' habits surrounding cooking. I then proceeded to ask more targeted questions about activities and what they would like to see in an app.

Questionnaire Need based questions ▪ Why do you like home cooked food? ▪What factors make you stop ordering food? Do you still prefer to order in a situation like corona? ▪ How much time do you give for cooking? ▪ Do you have cheat days? Would you prefer to cook on your cheat day? ▪ Do you avoid some ingredients while cooking even though it will add more taste to your recipe? ▪ Do you have any plans/following any health based diet?

Task based questions ▪ What you do if you come to know your ingredients are over just a minute before your cooking? ▪ What difficulties you are facing while you use mobile in kitchen for cooking? ▪ What is your cooking routine? ▪ how do you manage your grocery planning while shopping? You do any budget plan? ▪ how do you keep yourself engaged while cooking?

Value based questions ▪ Have you used any cookery app before? Which one is it and what do you like most about it? ▪ How effective have tasty food is in your day to day life? ▪ Do you have a habit of reading facts about different healthy ingredients? How do you added this in your cooking. Tell me an example. ▪ Do you have any favorite celebrity chef? What do you like most about him and his channel?


Qualitative data People love to learn other cuisines like Italian, Thai, Mexican, etc. Most of them prepare a very light and quick breakfast. They spent more time at lunch and dinner. Occasionally baking or making dessert/ snacks. Some said there is no time constraint in cooking but some wanted a quick way of cooking. People like home food because It is healthy, You can customize your food according to your taste and you can trust the quality of food. The factors like the bad review of restaurants, long wait time, overpriced and situations like corona make them stop order food from outside. Everyone likes to do a healthy diet plan as well. if the ingredients are got over by the time of cooking, people mostly compensate it with other available ingredients. When that is also not possible they tend to change the recipe with available items. Most of the people use mobile in the kitchen and they face problems like video scrolling, frequent screen lock, Dirty hands, Text missing in the description.

Most of the people haven't used any cookery app yet. Everyone is depending on various YouTube channels. The reason for liking it is because of the content, easiness in understanding, and less time for cooking.Tasty and healthy food brings a lot of happiness in people and some say their entire day goes well.

Quantitative data


2.DeďŹ ne persona,maps As per my research, I have 3 targeted groups and created a persona board for each one after interviewing them. I have created empathy mapping for the mentioned persona. It helped me to know the pains & gains to bridge the gap between users & their demand in the app. Also, I have created one customer journey mapping of a persona to know which stage is crucial and what are the difďŹ culties facing in each stage.


Rajesh Nair Age

28

Gender

Male

Job

Personality Introvert

Business analyst

Status

Bachelor

Location

Bangalore

Extrovert

Thinking Judging

Dietary

Semi-Vegetarian

level

Beginner

HEALTH FREAK |YOGIC "Not quantity but quality matters"

Technology Software

Feeling

Mobile apps

Perceiving

Social media

Rajesh is 28 years old and working at Mckinsey. Every day he works out and follows a diet to lead a healthy life style. He is picky when it comes to having nutrients, He always try to avoid carbohydrates. He also motivate others to have healthy food.He make sure his ingredients are in right proportion and makes quick recipes for breakfast and lunch. Dinner he combines his diet with the desi food.

1) Spend more time on learning more about diets. 2) Cook healthy and tasty food on cheat days. 3) Motivate others to follow the diet.

Shopping Apps

COOKING ROUTINE

BACK STORY

Goals

Life style

Plans the grocery before hand & order online. weekdays prepare lunch and dinner in the night itself. While cooking Rajesh fully focus on preparing only. Pack the lunch to ofďŹ ce. Weekend tries to cook other cuisines with atmates. On his cheat days he prefers to have exotic food.

Needs

Frustrations

1) Try out more healthy diet based recipe.

1) Getting bored of same keto recipes

2) Checkout the ingredients proportion & nutrients intake.

2) Worried about the calorie intake in daily food.


Swati Rajagopal Age

Personality

32

Introvert

Gender

Female

Job

Looking for jobs now

Status

Recently married

Location

Sweden

Dietary

Eggetarian

Level

Intermediate

Thinking Judging

Technology

Extrovert

Software Mobile apps

Feeling

"My family has a experimenting taste buds"

Perceiving

Swati is 32 years old and recently moved to Sweden. She is enjoying the marital bliss and experimenting in cooking. Her husband is health conscious and prefers to have healthy food. Swati tries to avoid carcinogenic/chemical food ingredients. She has a habit of searching similar recipes once her cooked recipe becomes successful.

Goals

Needs

1) Making a recipe book of preferred taste.

1) Looking for food of catered taste.

2) Cook healthy and tasty food.

2) Wide exploration options according to the mood to eat different items.

3) Share ideas with family/friends.

Professional apps

Social media

BACK STORY

Artistic | Optimistic

Social apps

3) trust factor in the recipe.

COOKING ROUTINE Swati buys the grocery in bulk mostly on sale and buys fruits and veggies for a week. She prepares lunch& diner together. Breakfast prefers to have light healthy cereals. weekends mostly the couple cook together. If the cooking is taking more time, Swati does the calling/watch other videos in between.

Frustrations 1) Using mobile in the kitchen, sometime touch screen won't work. 2) Taking too much time for searching the recipes with available ingredients. 3) Long cooking procedures are boring.


Suma Devi Age Gender Job

42

Thinking

House wife Married

Location

Chennai

Dietary

Pesco-Vegetarian

Level

Introvert

Female

Status

Technology

Personality

Judging

Extrovert Feeling Perceiving

Software

Travel apps

Mobile apps Social media

COOKING ROUTINE

BACK STORY

Expert

Seless | Smart "I am extremely fond of my kids and I want to make them happy by cooking their choice of food"

Suma is 42 years old and living in Chennai. She is an expert in traditional cooking now wanted to experiment something. Suma devi and her husband has lots of health constrains. They prefer food which has less cholesterol & fat contents. Also Suma enjoys cooking for her children. Suma is trying to cook according to their taste.

Goals

Breakfast is ďŹ xed for Suma. They always have oats meal. Lunch, dinner she cooks traditional food. Again dinner prefers to have light food. When guest visits Suma prepares special recipes checking YouTube channel & other blogs.

Needs

1) Make my children happy by cooking their choice of food.

1) The recipe should be easy and can be cook with available utensil.

2) Cook healthy food to everyone

2) preferably a guide video.

3) Get inspiration from others.

Social apps

Frustrations 1) Don't know from where to get the less complex non Indian recipes. 2) cooking and reading the recipe makes the process slow.


Thinks/Feels Excited to experiment new dishes. Thinks to cook with what ever left in the fridge. But worried about the result of recipe for this. Gets irritated when the recipe not list out the ingredients for quick checks and hates lengthy cooking process.

Does Does chopping and realised one of the main ingredient is missing.

Feeling for getting a reminder for buying grocery so that wont miss out anything in future.

Searching online for recipes. Found out some lengthy blogs.

Hears husband saying not in a mood to go out& purchase.He says to order food. One of the friend is suggesting Yummly app.

Scrolling forward and backward to checkout the ingredients in YouTube videos.

Listens to music/videos while cooking.

Downloaded yummly app. Hard to interact with the app in the middle of cooking. Makes meal plan& grocery list for weekdays.

Hears

Motivation from friends and family encourages to try new recipes.

Says Keep forgetting the steps and calls mom to recheck.

Hears some healthy ingredient facts from mom & Tried to add it in the

Asking her husband to what to cook for weekend. Calling friends for new recipe suggestion.

Gains Tried New recipe with available items.

Swati is feeling happy about having healthy food.

Pains Spend less time in cooking.

positive comments gives motivation to cook

Forgetting about Buying some items & steps.

Hard to find recipes with available items.

Hard to scroll. Mobile screen is getting dirty while touching in between cooking.

Nutrient contents were checked separately to ensure the family health.

Suggestions for daily meals so that planning will be easy.


Think/Feels Happy to cook non Indian dishes. Thinking to search on google.

Does

Worried about some chemical ingredient saw in the recipe

Reading some blogs.

Hears Listening to videos.

watching YouTube videos.

Hears about some unknown ingredients.

Sending the found recipe to daughter to check whether she likes it or not.

Says Asking her husband to buy the ingredients. Calling daughter for recipe suggestion.

Gains

Made a non Indian dish.

Pains

Got interest into cooking similar items.

Not confident on trying other cuisines.

Not sure about some of the ingredients.

Expected simple cooking methods in blog.


Think/Feels Looking to buy some diet specific grocery. Thinking to search on curefit for ideas.. Confused about the making process.

Hears

Does Ordering food on curefit.

Hearing a suggestion for nutritionist.

Googling similar recipes.

Hearing about cure fit.

Making a diet meal plan for coming week.

Says Asking nutritionist to make a meal plan. Checking the recipes with nutritionist.

Gains

Happy to know about diet specific recipes.

Pains

Motivated to learn more after seeing the results.

Always depending on nutritionis for ideas. Some times visiting is tiring.

Curefit is not showing any recipes.

Finding trustful recipes online.


PERSONA Name: Swati Age: 32 Gender: Female Status: Recently married Profession: Housewife

SCENARIO

USER GOAL

Its weekend and Swati is going planning to buy the grocery for the coming week. Before that she is making a whole week meal plan.she has bought the grocery accordingly and preparing a special recipe for Saturday night.

Eat healthy and cook tasty quick recipes daily.

EXPECTATIONS

TRIGGERS

Make a healthy meal plan for a week. Try out new recipes. Mobile accessibility In kitchen.

YouTube channels, Yummly app, supermarket

segatS

Making meal plans Swati decided to make menu for each day. She is confused.

yrots resU

She is thinking to make light breakfast and special dishes On weekend. Finally Made a list for weekday lunch & dinner plans.

Buying Grocery Swati is making a list of grocery to by for coming week. She keeps the written paper in her wallet. She visited nearby super market for purchase.

stniop niaP

hard to find the recipes of own taste

The paper is not fitting into her wallet.

sometimes feeling bored of same repetitive recipe

Forgot to add some ingredients while making the list, remembered it when saw from the shop.

Confused thinking about recipe outcome.

stniophcuoT latigiD

Calorie and nutrients based health diet Search in various blogs and channels.

Digital meal make planner

serutaeF

Option to search diet based & other cuisine recipes. proper categorisation of food recipes.

YouTube channel to know chicken Tikka ingredients and added to list.

Digital planner for grocery

Preparing Dinner Excited to make the special recipe "dum aloo "found on "Herbs kitchen" Channel. Realised main ingredient tomatos are got over. Checking yummly app.then called mom to check about alternative ingredient Not getting a customised recipe with available items. scrolling the screen in the middle of cooking.

Getting Reviews Swati's husband loved her mom's alternative recipe. He motivated her to make similar recipes.

Planning to make dum chicken curry tomorrow for expected guest.

Not easy to find similar recipe using used ingredient keywords.

Couldn't find nutrients quantity in the recipe.

watching herbs kitchen from youtube and google search.

Tried searching in google using keywords.

Yummly app in phone.

search option for available ingredient wise.

Reminder for buying grocery

easy navigation.

Flexible editing option anytime.

Recipe including nutrient proportion.

Complete list of ingredients view in the recipe.

voice control over recipe.

Recommend recipe of one's taste. wide search along with keywords.


3.1 Key Di erentiator(MVP) I used a red route approach to outline critical features from my survey and interviews. It is to prioritize these features by frequency of use and importance for people. This helped me to pick the features for minimum viable product.

Future features: According to one saved meal plan and shopping list, the app should suggest the user the recipes/items using predictive algorithms. A healthy nutrients track system. According to the food intake,the app should calculate the left over quantity of nutrients for the day and suggest meals.


3.2 Information architecture Google account

Facebook Goal related questions

Email Login

Dietary related questions

Smart fridge Customer Onbaording

The information is categorized in two ways. The onboarding process is represented through hub & spoke and the home page has Hierarchy. Few levels in the top followed by other levels.

Catered profile

Email signup

Home

Profile

Filters

▪ MyFridge ▪ Edit ▪ Notifications ▪ Dietary preference

▪ Scan via QR

▪ Invite friends ▪ Rate&Feedback

Discover

▪ Prep time

▪ Search by ingredients ▪ Quick& Easy

▪ courses

▪ Recommended

▪ Cuisines ▪ Diets

▪ Measurement units ▪ Ingredient view& add to shoplist ▪ Calories ▪ Voicebot change ▪ Recipe view&add ▪ Nutrition ▪ Manage Videos to meal plan ▪ About

Search

▪ Recently viewed ▪ Top search ▪ Trending

Recipe card

▪ Ingredients

▪ Top collection

▪ Steps

▪ Under 30min

▪ Videos

▪ Cuisines

▪ Voicebot

▪ Diets

▪ Servings

▪ Trending now ▪ Baking special ▪ Courses

▪ Make it Favourite ▪ Add to meal ▪ Add ingredients to shoplist

Meal Planner

▪ Add/edit di erent courses ▪ Manage remainder settings ▪ Add from calander ▪ Auto suggestions

Shoplist

▪ Add from history ▪ Add from calander ▪ Manage remainder settings


3.3 Task ow Start

Label Search Recipes

Type any dish you wish to cook

Search ow

Apply filters Label

Do you have Yes dish in mind?

Go to search tab

Do you want to cook with ingredients

No

Yes

Browse on discover Label tab Do you want ingredients from your fridge

Type ingredients& Label select from list

No

Click cook with Label selected items

Yes Click Myfridge Label

Click on Recipe card

Make it favourite by clicking on icon

Scan your Label fridge

View ingredient Direction & Nutrition For recipe

View ingredients Label & Recipes

Leave a comment on Recipe page

No

Add to meal & shoplist

ViewLabel Recipes

Click on Cook Now & Talk to Joana using commands


Mail sent

Enter email id

onboarding flow

Google accounts

Yes

Facebook

Start

Login Signup

If you forgot your password

Email

No

Home

Enter email,password &DOB

Meal planner flow

Start

Add to meal

Do you want any meal to add to plan?

Yes

Click on the add to meal Icon on the recipe card.

NO Type & add course items to plan

shoplist flow

Start

Add to shoplist

Do you want items to add to shoplist

Type items and add

Click manage icon to change default reminders

Edit delete Items

Click on the recipe card & click ingredients tab

Swipe right to add items to shoplist.

Click manage icon to change default reminders

Edit delete Items


4.1 Low ďŹ delity wireframes Onboarding screen

Home screen

Recipe card


Low ďŹ delity wireframes Discover screen

voicebot screen

Meal planner screen


Low fidelity wireframes shoplist screen

Profile screen


4.2 High ďŹ delity wireframes Onboarding screen

12:30

Choose Your Dietary Restrictions

12:30

Tell me your Goal

Soy

Nuts

Gluten

Diary

Meat

Fish

12:30

Do you have a smart fridge?

Shell Fish

Yes No

Healthy Diet

NEXT

Recipe Exploration

SKIP

Quick& easy Recipes

NEXT

SKIP

NEXT

SKIP


High fidelity wireframes 12:30 12:30

User Profile

Hello, Joe

Search via text & voice

Dark Mode

What is your recipe?

Dark mode to change Theme in the night

Avacado Toast With cucumber& feta cheese Vegan Favourite

Lunch

BreakFast

Easy

Filters

Today's Inspirations

20min Add to meal plan

150Kcal

Use voice commands to Watch Recipe video

COOK NOW

Ingredients | Direction |

Nutrition

Recipe card

Avacado Toast With ccumber & feta cheese

Choose from your favourite list

Dinner

690 Kcal

10k

512

20min

150

23g

43g

Protein

Fats

Make meal plans

48g carbs

Gusto

Discover

Favourite

Shoplist

planner

12:30

Gusto

Discover

Favourite

Shoplist

planner

12:30

Avacado Toast

Leave a comment Slice the avocado and arrange Healthy Facts it over the: toast, then season with a pinch of salt. Avocado toast has come to define Step-5/5 what makes food trends this decade: It's Top healthy and yet ever-so-slightly the toast with the shaved Indulgent. It can be made and cucumber mixture andvegan garnish gluten-free. with a generous pinch of chili.

Avacado Toast

Make list explore different to shop categories

With cucumber& feta cheese Vegan Favourite

Easy

Nutrients view

20min

Directions

Add to meal plan

150Kcal

Step-1/5

First, toast thebelow bread. Leave your comments

steps

View all

Step-2/5 Enter your text here While the bread is toasting, use a peeler to shave the

COOK NOW

Ingredients | Direction |

Servings

Step-3/5

If you are connected to your smart fridge it will tell you the availability

3X

It is not available on MyFride. Add Zucchini Instead

Swipe right to add items to shoplist

1 medium size cucumber Only 1 available in MyFridge

2 avocado, depending on size 1 slice country bread

Step-4/5

Discover

2X

Add all to shoplist

Place the shaved cucumber in a bowl with the Meyer lemon zest, torn mint leaves, crumbled feta (if using), and season with salt, pepper,

Gusto

1X

Nutrition

Favourite

Shoplist

planner

Gusto

Discover

Favourite

Shoplist

planner


High ďŹ delity wireframes 12:30

Meal Planner

1. Toast the bread

April

12:30 17

I am Joana, How can I help you

18

19

7.45am

Please say "Ok Joana" to listen to the recipe. Use "Next" & "Back" to forward, backward steps."Pause" to wait and ďŹ nally "Quit" to end recipe.

20

21

22

23

Egg toast

Breakfast Add

01.05

12.30pm

03.00

Lunch

Video screen

Pot | Potato fry Potato salad Potato with spinach

7.30pm

Add

Diner

12:30

12:30

Shoplist

English

Gusto

Shoplist

Discover

Favourite

Shoplist

planner

April 17

18

19

20

21

22

17

23

category

18

19

20

21

Add from history Add from history Veggies& Fruits

Veggies& Fruits

Marigold biscuit Add item Trash bags

Add item

Honey Diary Items

Diary Items Add item

Add item

Add item

Add item

Delete All

Discover

Manage reminder settings

Tamarin paste Apple

2 Avacado

Gusto

23

category Add from history

Back to Change voicebot Recipe card language

22

Favourite

Shoplist

Delete All

planner

Home

Discover

Favourites

Shoplist

Meal Planner


High fidelity wireframes

12:30

12:30

Joe

Hello, Joe

Edit profile

Dark Mode

login to MyFridge using QR scanner

What is your recipe?

System

BreakFast

MyFridge Measurement units

Voice bot change Dietary preference

Avacado Toast Lunch

With ccumber & feta cheese Manage Videos

Notifications Languages

10k

512

20min

150

Dinner

MORE About us

Align QR code/Barcode Inside the Scan screen.

MyFridge

Invite friends

Rate& Feedback

Home

Discover

Favourites

Shoplist

Meal Planner


High ďŹ delity wireframes Recipe suggestions based on Ingredients status

MyFridge ingredient's View

MyFridge View

12:30

12:30

12:30

Recipes from your fridge

Hello Joe! Check what is in your fridge for today

MyFridge

Qty

Status

Avacado

1

Less

Eggs

6

Enough

Batter

1

Expiring

Milk

3

Apple

6

Items

Temperature control

Light control

Ingredients

Recipes

Suggestions

Suggest recipes according to status Egg Friedrice

Use batter it is expiring soon! Enough Enough

Battered onion rings

Select all items to shoplist

Gusto

Discover

Favourite

Shoplist

planner

Gusto

Discover

Favourite

Shoplist

planner

Gusto

Discover

Favourite

Shoplist

planner


High fidelity wireframes 12:30

12:30

Filters

Apply

Cancel

Reset

oni|

Cooking time

120

1min

240min

Cuisines Avacado

Thai

Mexican

Arabic

Egg

Italian

Daily regimen Breakfast

Lunch

Diiner

Snacks

0-200

200-500

500+

Search by voice

Search via typing

onion

sweet onion

Red onion

Spring onion

Calories All

onion powder

white onion

yellow onion

Nutrition High protein

High fiber

Balanced

12:30

12:30

Diets Low carb

Low fat

Keto

Dark Mode

egg |

Cook with 2 Ingredients now

Search by ingredients What is your recipe?

Recommended Recently viewed

BreakFast

Trending Top searches

Ingredient name, dish….

egg free egg noodles egg casserole

With ccumber & feta cheese

egg bread

Lunch

Filters screen

Avacado Toast

egg fried rice egg...….

10k

Dinner

Vegan

Hello, Joe

Home

512

20min

150

MyFridge

Discover

Favourites

Shoplist

Meal Planner

Search using ingrdients


Style guide

Tools used

Color palette

#ECC6B5

#99D9B5

#51A5BA

#868686

#DFE67A

#EC9522

Iconography

Typography

Header 1

Font: Roboto | Regular | size: 25

Header 2 Font: Muli | Bold | size: 18

Header 3 Font: Roboto | Regular | size: 14

Header 4

Buttons

Font: Rubik | Regular | size: 12 COOK NOW


4.3 Visual Designs

12:30

Discover

Quick & easy

Gusto

Trending

Diets

Cuisines

Under 30min

Top search

Discover|Create|Eat healthy

Sign up

Log in Facebook log in Google log in

Choose Your Dietary Restrictions

Hello, Joe

Dark Mode

Gusto

Discover

Favourite

Shoplist

Soy

Diary

Nuts

Meat

Gluten

BreakFast

What is your recipe?

Today's Inspiration

Fish Lunch

Shell Fish

Chicken Porridge

Avacado Toast

Fruit mix salad

With Rice & French beans

With ccumber & feta cheese

With banana & berries

Dinner

Email log in

12:30

12:30

NEXT

10k

512

20min

150

10k

SKIP

Gusto

Discover

Favourite

Shoplist

planner

200

10min

200

13k

500

8min

150

planner


Visual Designs

12:30

12:30

12:30

Avacado Toast

Avacado Toast

With cucumber& feta cheese

With cucumber& feta cheese

With cucumber& feta cheese

Vegan

Vegan Favourite

Easy

Vegan Favourite

Easy

Easy

150Kcal

150Kcal

Add to meal plan

2

150Kcal

Add to meal plan

Nutrition

Ingredients | Direction | Servings

Add all to shoplist

Add to meal plan

COOK NOW

COOK NOW

COOK NOW

Ingredients | Direction |

Favourite

20min

20min

20min

Servings

Avacado Toast

Nutrition

Ingredients | Direction |

2

Nutrition

690

Add all to shoplist

Total Kcal

1 medium size Cucumber

Added to shoplist

2 avocado, depending on size

Discover

Favourite

43g

Protein

Fats

1 medium size Cucumber

2 avocado, depending on size

48g carbs

1 slice country bread

1 slice country bread

Gusto

23g

Shoplist

planner

Gusto

Discover

Favourite

Shoplist

planner

Gusto

Discover

Favourite

Shoplist

planner


Visual Designs 12:30

12:30

12:30

Hello, Joe MyFridge

Dark Mode

BreakFast

What is your recipe?

Temperature control

Hey Joe! Please say "OK Joana" to listen to the recipe. Use "Next" & "Back" to forward, backward steps. "Pause" to wait and ďŹ nally "Quit" to end recipe.

Today's Inspiration

Lunch

Light control

Avacado Toast Ingredients

Dinner

With ccumber & feta cheese

Recipes

10k

512

20min

150

English

Gusto Gusto

Discover

Favourite

Shoplist

Favourite

Shoplist

planner

2. Use a peeler to shave the cucumber and cut into ďŹ ne strips.

1. Toast the bread

01.05

Discover

planner

03.00

01.05

03.00


5.1 Functional prototyping I have done prototyping using adobe xd tool for high-fidelity wireframes. The link is provided below.

Please click here to see the full High fidelity prototype Please click here to see the few screens Visual design prototype

6.1 Usability Testing I conducted testing by sending out the prototype link with users and listed out the feedbacks and performance on a video call. Here are the steps I followed to validate my prototype.

1 . Planning Purpose of study

Date & Location

Desired Users

Defined metrics

List of materials needed

To understand the problems faced by users while using the app &find out their understanding about the app.

May 6th 2020, Online

Young working professionals, House wives

Time taken, error rates, success rates

Computer, mobile, task sheet, observational sheet,timer


Usability Testing

Participants

2 . Recruiting participants User form Name:-----------------Segment:--------------------

:

Nisha abraham

User segment

:

House wife, 33 yrs

Competency

:

Moderate

User

Do you use any recipe app?:----------------if yes, How often? - Daily - weekends - once in a month Did you face any problems using Gusto? if yes, tell me what it is ----------------------------Did you take more time to understand anything in Gusto? if yes, what is it -------------------------How do you like the design interface? any suggestions?-----------------------conclusion :

Novince user Moderate user Expert user

3 . Writing tasks Task 1 View the steps for Avocado toast recipe

:

Govind cherukat

User segment

:

Professional, 29 yrs

Competency

:

Expert

User

Task 2 Add avocados to shoplist

Task 3 View recipes from your fridge

Task 4 View Nutrients in avocado toast


Usability Testing 4 . Collecting data

Quantitative data

Qualitative data


Usability Testing

Product Roadmap Collect the data for the Nutrients track feature. Provide an auto calculation based on the user's intake. work on auto meal suggestion feature in a meal planner. onboarding for chefs as a separate user.


Enjoy the healthy recipes form Gusto

12:30

ver Disco

ng

i Trend asy

&e Quick

Cuisi

nes

Diets

arch

e Top s r 30m

Unde

in

er

list

Shop

Gusto

ver Disco

rite Favou

plann


Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.