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
Start
Login Signup
If you forgot your password
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