01 02 03 04 05
PRIMARY IDEAS
CONCEPT DEVELOPMENT
PERSONAS AND USE CASES
FEATURES
VERSION #1
06 07 08 09
VERSION #2
VERSION #3
FINAL VERSION
CONCLUSION
01. PRIMARY IDEAS
PROBLEMS SKELETON PERSONA FRAMING QUESTIONS USER INTERVIEWS DISCOVERIES BIG IDEAS REVISION
01 PRIMARY IDEAS
IXD 1 | MAGG
PROBLEMS Most college students find it expensive and unhealthy to eat outside. Many of them choose to cook by themselves. However, they find cooking is sort of time-killing. That makes they always feel tangled when deciding wether to eat outside or at home.
KEY WORDS Time Money Health
BENCHMARKS TIME - FOOD DEDELIVERY
MONEY - FOOD COUPONS
HEALTH - WEIGHT LOSS RECIPES
They only care about single problems but have not think about “time, money, health“ in a whole system.
GIE HENDRIE
COOKING FEVER
SKELETON PERSONA College students Time-sensitive Money-sensitive Heavy study load
FRAMING QUESTIONS Do you like cooking by yourself? What’s your shopping experiences in a grocery in the previous months? How often do you go to groceries? Size... How many times will you eat outside in a week? Why will you choose to eat outside or cook by yourself? What are the factors you will take into consideration? Which kind of food do you cook most of time? Why? What’s your eating habits? Which flavor do you prefer? Are there any problems for you to cook by yourselves? Will you read recipes? Are they easy to follow? What are your idealistic recipes? How long do you think it is reasonable to cook for a meal?
IXD 1 | MAGG
01 PRIMARY IDEAS
USER INTERVIEWS
Time, price, health are important factors to influece one’s diet choice.
GIE HENDRIE
COOKING FEVER
TING ZHOU, CHINESE STUDENT I’m 22 and a freshman in Product Design. I started my life here three months ago. At the beginning, I found it hard to get used to the local flavor, like cheese and may, and to buy anything I wanted to eat in American groceries. I like cooking. Before coming here, I always cook by myself. However, since I began studying here, I often eat instant food at home and eat bread or snakes outside. The reason is that preparing the ingredients, cooking and tidying up always kill a lot of time and eating outside is expensive for me.
01 PRIMARY IDEAS
IXD 1 | MAGG
GIA LOGAN, LOCAL STUDENT I’m 22 and a freshman in Illustration Design. I am living with my parents. I spend half a week eating at home. Only when the day is full of classes will I choose to eat outside. Because eating outside is unhealthy and expensive. I do care about my health. I need a strict proportion of nutrition for my diet: 70% vegetables, 20% meats, 10% grains. I never eat MSG and prefer organic food. When time allows, I will not hesitate to cook by myself; My favorite grocery is Trader Joe’s. When shopping, I care about the price range and quality of food.
GIE HENDRIE
COOKING FEVER
JOHN WHITE, LOCAL STUDENT I’m 26 and a graduate student in Graphic Design. I usually order food delivery and eat it for whole day’s diet or cook instant food. I can cook but he thinks it a waste of time. If the recipe is simple enough and constrain the time expense into half an hour, I will try it. I do not care about the nutrition of food too much.
01 PRIMARY IDEAS
IXD 1 | MAGG
DISCOVERIES Time, price, health are the most importantfactors. How to present the recipes to make it easy to understand and follow is very important. It helps to reduce users’ perceived duration. Using grading system to grade the quality and the accuracy of duration for a recipe. It helps users to find the most efficient and useful recipes. Besides, it also encourage the users to share the most valuable recipes. Since the duration is the most important, we can divide the recipes according to the duration. We can attach the destination to the ingredients to help users quickly find the ingredients. We can use live videos to make the cooking process more interesting. Attract users who love cooking, intrigue new cooks, build a community to communicate and share cooking experience.
GIE HENDRIE
COOKING FEVER
BIG IDEAS The most important task of this app is to simplify the process of preparing ingredients, cooking and tidying.
TIME Prepare ingredients Ingredients attached with destination Give a eating schedule at the beginning of a week Recipes with short durations; may be divided by duration Recipes with good layout and clear visual presentation
MONEY Grocery shopping suggestions
HEALTH Recipes with clear nutrition portation
EXTRA FEATURES Grading system, Live Video, Comments, Add friends, Vegan...
02. CONCEPT DEVELOPMENT
INSIGHTS AND BIG IDEAS HYPOTHESIS USER INTERVIEWS INSIGHTS
02 CONCEPT DEVELOPMENT
IXD 1 | MAGG
INSIGHTS AND BIG IDEAS People do not cook frequently because they think intuitively that cooking is a waste of time. So the key point comes to how to change people’s intuitive judgement on cooking and guide them to build a cooking habit.
HYPOTHESIS If I build a system to record each cooking time and try to make people revise unnecessary time wasted on cooking and build a community where users cook share their dishes’ photos, time-saving tips and compete on grades, people will become aware of time expense of cooking and develop interests and motivations to keep on cooking.
Timer & Revision & Monthly Digest Grading System Community - Share tips and post photos Comments on Recipes Shopping List
GIE HENDRIE
COOKING FEVER
WHAT THEY SAY
02 CONCEPT DEVELOPMENT
IXD 1 | MAGG
INSIGHTS
Timer is useful for a part of targeted users who really care about one who like limitless things and need relaxing during cooking. Different people have different thoughts on time expense.
There is a contradiction on cooking that people want to save time ing should be relaxing.
Different users focus on different features of an app. If they think ant to them, then they will continue to use this app.
Focus on user cases related to cooking. Most of them just want to so don’t make this app become a burden for them to cook.
To get some inspirations from games and try to analyze how gam
GIE HENDRIE
t time, but it is too pushing for some-
e on cooking but they also think cook-
k one single feature is really import-
o cook a delicious dish conveniently,
me apps keep users active.
COOKING FEVER
03.
PERSONAS AND USE CASES
PERSONAS USE CASES
03 PERSONAS AND USER CASES
PERSONAS
IXD 1 | MAGG
GIE HENDRIE
COOKING FEVER
03 PERSONAS AND USER CASES
PERSONAS
IXD 1 | MAGG
GIE HENDRIE
COOKING FEVER
03 PERSONAS AND USER CASES
PERSONAS
IXD 1 | MAGG
GIE HENDRIE
COOKING FEVER
03 PERSONAS AND USER CASES
IXD 1 | MAGG
USE CASES
KIT
He gets up late and only have 10mins left for cooking and eat bre
same thing - every day. He wants to try something delicious, dive is that he can make it in limited time.
KATE
She has whole-day classes for tomorrow and the day after it. She
needs to spend extra $15 for these diets. But she is not sure how them to keep fresh.
GRACE
Today, Grace is at home. She has a lot of home work to do and ne in a quick way.
GIE HENDRIE
eakfast. He dose not want to just eat toasts - the
erse, and easy to make. The most important thing
e dose not want eat at school. That means she
w to cook for two-day meals at once or how to store
eeds more sleep. But she wants to try new dishes
COOKING FEVER
04. FEATURES
CONCEPT DEVELOPMENT PRIORITIZE FEATURES SKETCHY WIREFRAMES USER TESTING
04 FEATURES
CONCEPT DEVELOPMENT 1ST
2ST
IXD 1 | MAGG
GIE HENDRIE
COOKING FEVER
USER GOALS + PRODUCT GOALS -> FEATURES
04 FEATURES
IXD 1 | MAGG
PRIORITIZE FEATURES 1.
Offer options to cook for a meal or multi-meals and give stor-
age tips. 2.
Intelligent Recommendations according to what ingredients
you have; choose recipes for next week in advance 3.
Voice Assistant
4.
Food Delivery
5.
Timer
BIG IDEA Users make decisions on key points and let the machine learning help the rest of less important decisions
GIE HENDRIE
WORKFLOWS
COOKING FEVER
04 FEATURES
SKETCHY WIREFRAMES WORKFLOW 1
WORKFLOW 2
IXD 1 | MAGG
GIE HENDRIE
COOKING FEVER
USER TESTING PROBLEMS
Why do I need to choose recipes ahead of next week ? How does my choice influence the recipes I will view on the landing page? How is the shopping list generated? How do I know I need all of them? How can the voice assistant help me when I am cooking?
05. VERSION #1
INTERFACE ANALYSIS LOW-FIDELITY USER TESTING REVISION
05 VERSION #1
INTERFACE ANALYSIS SIGN UP
FOOD DELIVERY
IXD 1 | MAGG
GIE HENDRIE
COOKING FEVER
LANDING PAGE
RECIPE
05 VERSION #1
EXPLORE
PROFILE
IXD 1 | MAGG
GIE HENDRIE
COOKING FEVER
LOW-FIDELITY SIGN UP
CHOOSE PREFERENCE
05 VERSION #1
CHOOSE RECIPE AND COOK
PROFILE
IXD 1 | MAGG
GIE HENDRIE
COOKING FEVER
USER TESTING PROS The vision about time-saving is great. Incorporating many popular features makes me feel familiar. Voice assistant is helpful.
CONS Too many steps to go through before ordering a food delivery. The entry of “Favorites” should be apparent. Some information is pointless for me, like how many ingredients are in this recipe. I only care about how much time it will spend. The Profile Page is not clear enough. There are too much information meaningless for me. I don’t want them appear in my proflie.
05 VERSION #1
REVISION PROBLEMS AND HYPOTHESIS
IXD 1 | MAGG
GIE HENDRIE
COOKING FEVER
06. VERSION #2
INTERFACE ANALYSIS WORKFLOWS MID-FIDELITY INFORMATION ARCHITECTURE USER TESTING REVISION
06 VERSION #2
INTERFACE ANALYSIS CHOOSE RECIPE FOR FOOD DELIVERY
IXD 1 | MAGG
GIE HENDRIE
COOKING FEVER
SHOPPING LIST
PROFILE
06 VERSION #2
WORKFLOWS
IXD 1 | MAGG
Sign Up
Mainpage (Sub-features)
Recipe
Basket
Explore
ProямБle
GIE HENDRIE
COOKING FEVER
1. No filter 2. The information for recipes includes: - Prep Time - Name: Main Ingredients - Price - Difficulty - Techniques
06 VERSION #2
MID-FIDELITY
IXD 1 | MAGG
GIE HENDRIE
COOKING FEVER
06 VERSION #2
IXD 1 | MAGG
INFORMATION ARCHITECTURE
USER TESTING How will my preferece choices influence the recipe filter? What’s the relationships between preference settings, recipe recommendations and shopping list? Why do I need to pay for the ingredients in shopping list? When I sign up, there are no recipes in the landing page. I don’t know what to do next?
GIE HENDRIE
COOKING FEVER
The hierarchy of landing page is confusing. The buttom at the bottom right is misleading. I will always try to tap it. How ever, it is only a food delivery button. I only need to use it once a week. On the landing page, you offer the feature of filter the recipes through time tag. However, you only offer three recipes for each meal. Cooking time of each recipe is clear and easy to view. This feature otherwise make your app overburden.
REVISION Too many freedom will make users confused about where they are, what they are doing and where they will go. The workflows is vague. User’s path will be hard to catch. Thus, their needs and seamless user experiences will be difficult to realize.
07. VERSION #3
MID-FIDELITY INFORMATION ARCHITECTURE BIG CHANGES STYLEGUIDE HIGH-FIDELITY - V1 HIGH-FIDELITY - V2 USER TESTING REVISION
07 VERSION #3
MID-FIDELITY
IXD 1 | MAGG
GIE HENDRIE
COOKING FEVER
07 VERSION #3
INFORMAION ARCHITECTURE
IXD 1 | MAGG
GIE HENDRIE
COOKING FEVER
BIG CHANGES
CHANGE THE LAYOUT OF HOMEPAGE Make the IA and hierarchy more clear User could easily find what they want and finish their task quickly.
ELIMINATE THE FEATURE OF “FAVORITES” To help the main flow more easily, smoothly The function of “favorites” is help to save your loved recipes for future cooking. It can be realized easily through “Recipe History” and this flow will be more direct and reasonable.
LANDING PAGE Users can easily see what they have could and what left.
07 VERSION #3
IXD 1 | MAGG
STYLEGUIDE LOGO
COLOR PALETTE
#3B3841 R59 G56 B65 C79 M76 Y64 K35
#45220F R69 G34 B15 C64 M83 Y99 K55
#703D22 R112 G61 B34 C55 M79 Y96 K30
#EEF1F6 R238 G241 B246 C8 M5 Y2 K0
#3B3841 R59 G56 B65 C79 M76 Y64 K35
#45220F R69 G34 B15 C64 M83 Y99 K55
#703D22 R112 G61 B34 C55 M79 Y96 K30
#EEF1F6 R238 G241 B246 C8 M5 Y2 K0
FONT
H1 Futura Medium 18px
One Column List, Description Page
H2 Futura Medium 16px
Buttom, Content Title Segmented Controls
H2 Futura Medium 12px
Muti-column List
Text1 Futura Medium 14px
Paragraph
Text2 Futura Medium 8px
Unit
GIE HENDRIE
COOKING FEVER ICONS
CONTROLS
Normal
Start Cooking
Breakfast
Change >
Pressed
Start Cooking
Breakfast
Change >
Grayed Out
Start Cooking
LIST CONTENT
Hard Taco Shells Hard Taco Shells with Fruit
15 M i n s Hard Taco 90 Calories
50 C a l
5Cooks
15 mins
BRAND ATTRIBUTES
Reliable
Considerate
Healthy
EfďŹ cient
07 VERSION #3
IXD 1 | MAGG
VISUAL INSPIRATIONS
BENCHMARKS
HelloFresh • • •
Accommodating Reliable Green
GIE HENDRIE
COOKING FEVER
Blue Apron • • •
Intriguing Sleamless Engaging
Yummly • •
Intelligent Recommendations Accurate Filters
Quick Recipes •
Quick, quick, quick
07 VERSION #3
HIGH-FIDELITY - V1
IXD 1 | MAGG
GIE HENDRIE
COOKING FEVER
This version is visually attractive. Each food photograph feels delicious.
07 VERSION #3
IXD 1 | MAGG
HIGH-FIDELITY - V2
CONTENT TEMPLATE
Hard Taco Shells Hard Taco Shells with Fruit Hard Taco 90 Calories
15 mins
15 M i n s
50 C a l
5Cooks
GIE HENDRIE
COOKING FEVER
The design style of this version is clean which caters to the young people’s preference. One dish picture makes users feel this dish is easy to make.
07 VERSION #3
IXD 1 | MAGG
USER TESTING ABOUT WORKFLOWS The workflows of choosing preference, generating shopping list, and viewing recipes on landing page are confusing. I don’t know why I reach to some pages, like shoppinglist. How the information or features in these pages work on me.
ABOUT INTERFACE The font size is too tiny to be readable. Some labelings don’t make sence.
GIE HENDRIE
COOKING FEVER
REVISION Since there are three main workflows in my app, how to diffrentiate and connect them is the most important thing. It’s a big challenge for my project. To realize the UX Vision of my project, there comes the 4th version.
08. FINAL VERSION
HIGH-FIDELITY WORKFLOWS BIG CHANGES
08 FINAL VERSION
HIGH-FIDELITY SIGN UP AND CHOOSE PREFERENCE
IXD 1 | MAGG
GIE HENDRIE
COOKING FEVER
WORKFLOW
08 FINAL VERSION
ORDER A FOOD DELIVERY
IXD 1 | MAGG
GIE HENDRIE
COOKING FEVER
WORKFLOW
08 FINAL VERSION
CHOOSE RECIPE AND COOK
ADD RECIPES FROM MY FAVORITES
IXD 1 | MAGG
GIE HENDRIE
COOKING FEVER
WORKFLOW
08 FINAL VERSION
IXD 1 | MAGG
BIG CHANGES
USING ANIMATIONS TO MAKE WORKFLOW MORE SEAM
GIE HENDRIE
MLES
COOKING FEVER
08 FINAL VERSION
READABILITY AND CLICKABLE
IXD 1 | MAGG
GIE HENDRIE
COOKING FEVER
TO SAVE TIME, DILIVER AGIAN
Make text more readable Make “call to action“ easier to interact with
08 FINAL VERSION
TIMER
IXD 1 | MAGG
GIE HENDRIE
COOKING FEVER
The “call to action“is easier to detect and tap and users know clealy how many time left even when they go to next step.
09.
CONCLUSION
WHAT I HAVE LEARNT
09 CONCLUSION
IXD 1 | MAGG
WHAT I HAVE LEARNT
For these project, I have gone through large amount of user interviews, user testings, and class critiques. User interviews always made me feel confident about my project while class critiques made me feel frustrated. Then, I found that it was because I always explained my design intention previously to users. It made users more easily to agree on my design solutions. It is not a right method to implement a user testing. Oppositely, classmates always give me different perspectives, new insights and inspirations. They drive me to think comprehensively and find reasonable design basis. The process was hard but taught me a lot.
GIE HENDRIE
COOKING FEVER
IXD 1 Fall Designed by
2016
HUI YE Faculty MAGGIE HENDRIE