Ingredients

Delivery

Gesture Mode

Instruction

An innovative one-stop cooking App

CHEFLIA

Type

Class Project

Duty

UX Designer

Tools

Figma

Adobe Pr

P5*js

Teachable Machine

Time

2019

Background

During the Lockdown, the restaurant no longer receives customers.

Due to the spread of the virus, many public facilities are not open, causing people to stay at home.

People are caught in a lot of hoarding, causing living and food out stock.

People have to cook at home during pandemic

Covid-19 has affected every facet of modern life, putting many jobs, interests, and hobbies on pause throughout the long lockdown months. While there has been a lot of hardship, however, one positive to come from the experience is many people have rediscovered the joy of cooking. Home cooking is the new normal. Several factors are contributing to the continued prevalence of home cooking. Many people feel unsafe going to restaurants, but the decline in dine-in traffic isn’t the only reason people are turning on their stoves and ovens more often. Consumers who are working from home no longer stop for breakfast or coffee on their commute, nor do they frequent the lunch spots around their offices. For many, financial concerns are also a catalyst for more home-cooked meals, which come at a lower cost and often create leftovers that can be stretched much further than restaurant meals.

According to a survey of 2,200 US customers, 43% of Gen Z respondents want to cook at home more in the post-pandemic era.

43%

71% stated they will continue to do so after the pandemic is over. This behavior is being driven by an increase in the creativity and confidence of home cooks in the kitchen.

71%

Interview

Although a questionnaire survey can yield a huge number of user behavior data, it is impossible to fully comprehend the exact causes and scenarios underlying a user's behavior. I interviewed three survey respondents. Following the interview, I used Affinity Diagram to classify and categorize the user's responses in order to better develop a persona.

Vlada

22 years old

Internatinal student

Alice

24 years old

Work from home

Tim

25 years old

Work from home

Key Notes

How do you decide what to cook?

when do you have to cook?

Why did you choose to cook at home?

How will be the recipe app useful to you?

What do you enjoy in cooking meals? Why?

When did you use recipe app for cooking meal recently?

What makes you frustrated while preparing a meal? Why?

What kind of instructions would you prefer to follow while cooking?

According to the ingredients in the refrigerator.

According to what I think in my head

Every weekend, I cook in my free time.

If I am alone at home, I will simply cook by myself

Eating at home is more hygienic and very affordable

Cost effective, save money.

If I want to do uncommon cooking, such as oven, baking

There will be some simple ways.

I like the process of arranging dishes and the sense of accomplishment of learning cooking

I like the process of cutting vegetables

I would prepare a list of recipes before going to the food market

For my friend‘s birthday, I made a cake for her and follow the recipe

Missing cooking steps.

Keep checking recipes when preparing ingredients, it's easy to get your phone dirty

I like watching videos step by step.

As long as I can see photo of the dish

Quotes

Questions

Affinity Diagram

Survey

Cooking Habits

Diet food

Cook on sunday

Eating Habits

User Thoughts

Needs

Pain

Points

Potential Solution

Love eating at home

Eat alone

1 dish for 2-3 serving

Thai food

Fresh ingredients

Lactose intolerance

Simple cook

Cooking according to the ingredients

Follow the recipe

No oven at home

The epidemic has taught me a lot of dishes

Recipes make me more planned

Consider calorie intake

Cooking is the simplest art

Food pictures make me hungry

The gap between me and the chef is only one recipe

Search for recipe

View/buy ingredients

Step by step

instruction

photos/video

Spread a healthy food culture

Screen always on mode

I want my phone to stay on while cooking

Recipes based on theme& occasion

Step by step

instruction

Video is too fast and easy to miss

Mobile phone gets dirty while cooking

I hope to achieve high-quality and low-cost consumption

The kitchen is too loud

Always have something on hand

Search for recipes in Google

No plan

Save cooking time

Want to improve cooking skills

Key Quotes

Category

The questions steer the direction of my entire study. The number of responses to the user survey was 45, with an average age of 24.


Most people get their phones dirty after cooking because they need to check recipes

60%

18-25 years old

26-33 years old

34-41 years old

16%

24%

Women are more familiar with the kitchen

Most people spend an hour on cooking

Most people prefer to eat at home because they can save money and be healthier.

50%

5%

1%

10%

20%

15%

less than 15 min

more than 120 min

90 min ~ 120 min

60 min ~ 90 min

15 min ~ 30 min

30 min ~ 60 min

Most people will take the time to make dinner

Breakfast

Lunch

Dinner

>

Use software more than physical recipes

Target User

Persona answered the question of "who do we design for", reminding me that the user's need is to acquire cooking skills, and hope that don't get the phone screen dirty while cooking.

Vlada

22 years old / Internatinal student

1

Always make a mess in the kitchen when cooking

Want to be orderly and clean when cooking

Goal

Get reasonable guidance and keep things tidy

Painpoint

Alice

24 years old / Work from home

2

Looking at recipes while cooking will get phone wet

Hope the phone screen is always on

Goal

Get a touchless experience of viewing recipes

Painpoint

Tim

25 years old / Work from home

3

Grocery shopping and cooking take lots time

Want to save more time when cooking

Goal

Painpoint

Save time and money by doing more efficient grocery shopping.

CHEFLIA

Ingredients

Delivery

Gesture Mode

Instruction

Solution

In this one-stop cooking App, Cheflia is a gesture-control cooking assistant sparked by people who love to cook but hate having to keep looking back and forth at recipe cards, books, or devices. In this App, You can experience a smooth cooking experience, from purchasing ingredients, delivered to your home, cooking guidance, improving your efficiency, and enjoying the cooking process.

Situation

Problem

Swipe the interface with wet fingers while cooking to check the process

Most young people have no plans for cooking

This will make the phone dirty and difficult to clean

This leads to the accumulation and waste of food, and sometimes health problems caused by unbalanced diet.

The supermarket commute takes too long, wandering in the supermarket

The efficiency of grocery shopping is too low for office workers and students

Solution

+

+

Gesture Control Concept

CHEFLIA

View

Recipe

Purchase Ingredients

Fresh purchase

Cooking tutorial

One-stop kitchen assistant APP, we’ll guide you through each step of the recipe

Key functions

CHEFLIA

Cooking instruction

User Profile

Consumer

Recipe

Food Delivery

One-Step Ingredients

Gestural Mode

Oders

Address

Payment methods

Delivery time

Coooking mode

Skills

Food

Ingredients purchace

Delivery service

Local groceries

Cuisine

Top chef

Text

Timer

Video contents

Back

Forward

Sounds up

Sounds

down

Pause

Dinner

Breakfast

Lunch

Images

Recipes

Eating habbits

collect

provides

has

Service

provides

provides

provides

Gesture Control Concept

When using the Cheflia program to watch the recipe steps while cooking, users can control the screen by using gestures, pause the instructions, adjust the sound by using gestures. The goal is to keep the screen always on and to avoid the inability to touch the screen with the hands while cooking.

View Recipe
Users can find favorite recipes through different categories, such as favorite chefs, different seasons, and recipes from various regions.


Purchase Ingredients

Users can buy ingredients online in the Cheflia program or the same ingredients in the recipes. When purchasing, you can control the amount of food by choosing how much to serve. After filling in the recipient information, users can choose the time period for delivery of ingredients to ensure the freshness of the ingredients and provide convenience to users.

Main page

Recipe page

Login page

Sign up page

Recipe page

Collection page

Cart page

Welcome page

Ingredients page

Cart page

Welcome page

category

Payment page

Welcome page

User account page

User interface deisgn

Homepage

Ingredients

Recipe

Collect

User profile

Tech Research

Navigational gestures

Action gestures

Transform gestures

Gestures that help users move through a product easily

Action gestures can perform actions such as scrolling.

Gestures that allow users to transform objects such as an element’s size, position, and rotation using gestures.

NUI

Natural user interface requires no tools other than the ones you were born with (our hands and our voice).

Gesture control is the ability to recognize and interpret movements of the human body in order to interact with and control a computer system without direct physical contact.

Start

A Sequence of Gestures

Data Processing

Gesture Segmentation

General Classification

Sign Sequence Generation

Compare with Standard Sign Sequences of UP, Down, Left, Right

Sign Sequence Generation

Compare with Standard Sign Sequences of Tick, Circle, Cross

If all gestures have been recognized

Most likely sequence of gestures

Recognition Result

Gestures involve motion on one aixs

Gestures involve motion on two aixs

Hand movement

Video Capture

Recognition Algorithm

Application Response

hand

Recognaition

Feedback

Capture

Gesture DEsign

Through user research and behavior observation, I designed five universal gestures, which are easy to learn and convenient for users to use during cooking

snap fingers

Pause the video

snap fingers

Play the video

Make circle with the thumb finger, move right

Next step

Make circle with the thumb finger, move left

Previous step

Volume up

Finger spun clockwise

Finger spun counter-clockwise

Volume down

Gather

Gather and group gestures into classes, or categories, let the computer to learn.


Train

Train the gestures, then instantly test it out to see whether it can correctly classify new examples.


Export

Export the model, and put it into P5.js to make gesture recognition

Volume up

Next step

Previous step

Volume sown

Play/pause

Scene design

40 inches

30 inches

Site Map

Contact Me

Got a challenge?
I’m ready to design the solution