Portfolio for Interaction Design

Page 1

01 Project1:"Babel "

INSPIRATION

Speculative design + Service design

The by-product of the baking experience was a rapid increase in my weight and body. fat, and I threw myself into fitness with dietary improvements in order to lose fat healthily. I found out that many fitness bloggers are big fans of the gluten-free diet, so I started learning about it, and found out that it’s a diet for people with celiac disease, but it’s a product that costs several times as much as a regular product.

Time:2021/03-2021/05

Access to food is an eternal problem of human development. When resources are compressed indefinitely, human food structure tends to be unitary. So how will people with wheat allergies survive when the world loses its land resources and wheat becomes our sole source of carbohydrates in the future? This is the vision that I have for this project.

During my isolation at home in COVID-19 pandemic, I became obsessed with baking because I had a lot of free time and no way to buy baked goods,so I knew a thing or two about the type of flour and some of the ingredients.

Given today’s traditional sources of carbon and agriculture, I’m thinking about how we’re going to get food if we lose agricultural land in the future, and how people with gluten allergies are going to get carbs?

BACKGROUND 1.The impact of greenhouse effect on agriculture 60 % of the world’s the most fertile coastal lands has been affected.

Agriculture accounts for 25% of the economic impact of the extreme weather.

25%

60%

7 6

7.4%

Wheat:

Rice:

3.2%

3.1%

3

By-product:Wheat straw--fertilizer--bioelectrogenesis 20590 Corn germ--Corn oi/lCorn stalk--fodder

74290

90-100

Rice bran -- fodder 50

In a balanceddiet,Carbohydrates provide 60% to 70% of the total A calories per day Carbohydrates

130-140 100

25 year old 180 cm, 75 kg adult male has a basal metabolism of about 2,000 calories, so his daily intake of carbohydrates is at least 225 g.

2 1

65%

wheat

100

80000

150

Carbohydrates are the body’s main energy source, driving the brain, and too low a carbohydrate intake can lead to dizziness.

5

%0

60000

3.The importance of carbohydrates

6.0%

4

0 20000 40000 Projected production in 2030(Production/tonnes)1

Maize:

Change in grain yield per degree of temperature increase.(Reduced production) 8

2.Comparison of cereals as the main source of carbohydrates at present

Maize

Rice

Soybean


CONCLUSION

Gluten-free Diet

About Gluten-free Diet

Gluten-free diet refers to foods that are completely gluten free, which normally being used to treat celiac disease and celiac disease, but is also eaten as a weight loss and fitness food by some celebrities and athletes.

4%

In the general population in most countries, the proportion of Celiac Disease is 3%-4%.

The proportion of gluten allergy is 10%

According to research, if we don’t have enough land for agriculture in the future, there is a strong possibility that wheat will be our only source of carbohydrates.So in these conditions, how can someone with a gluten allergy solve the problem of getting carbohydrate. So I want to design a service system around wheat to solve the food problem in the future.

TECHNICAL BASIS Soilless culture

10% The benefits if Gluten-free Diet1 For Celiac disease (CD)

For diabetic patients It helps prolong the remission period of insulin therapy

It is the only effective treatment at present.

Benefits For children with autism

1.Soilless culture Soilless culture is a kind of culture method which uses water, peat, forest rotten leaf soil, vermiculite and so on as the substrate to fix the plant rootthe specific target gene of organism genome accurately.

Pump

1.Gene editing

2.How to genetically edit a plant?

For People planning to lose weight It helps reduce changes in blood sugar

It have a positive response to the treatment

Gene editing

The principle of gluten allergy Initial stimulation

Gene editing is a new kind of gene engineering technology, which can modify the specific target gene accurately

Re-stimulate a

Gluten

b

c Grow into a genetically

b c

a

blood

A cells secrete antibodies

Microcarrier launch assembly

Mast cells

1.Reference: doi.org/10.3390/nu2010016 / doi.org/10.1179/1476830512Y.0000000003/ doi.org/10.1136/bcr.02.2012.5878

Target DNA

Secretes a

b1

edited plant

Dna coated sensors seed

c


WORKFLOW

SKETCH

Make community as a unit to ensure everyone’s carbohydrate intake.

400m To collect rainwater and coordinate the concentrations of nutrients.

The gene gun, which uses gravity to plant genetically engineered wheat seeds.

01 Rainwater is collected.then it

Inspired by the Tower of Babel in the Bible, it is a human union to build a tower of hope that leads to heaven. Temperature-controlled area, Absorb sunlight to ensure the temperature needed for seed growth.

Planting area, the upper layer is gluten-free wheat, the lower layer is ordinary wheat. Relying solely on rainfall to supply insufficient water, the use of water pump surface water for use.

02 Wheat seeds were

filtered and stored.It is used to dilute the nutrient solution in the planting area to provide nutrition for the growth of wheat.

genetically edited using a gene gun and then sown.

320m

The seed storage area of a common wheat-growing area is controlled by a simple mechanical structure.

Non-physical virtual display screen, showing the operation of the whole device and the status of wheat growth.

03 This is a growing area, with genetically engineered wheat at the top and regular wheat at the bottom.

05 At the center is a temperaturecontrolled pillar that allows the wheat to grow naturally.

04 The base is modeled after a ferris wheel,

Power supply

allowing the planting area to rotate, saving space and increasing efficiency.

A centrifuge for separating wheat straw and using the wheat straw for power supply or generation. Wheat straw is recycled, partly for bio-electricity generation, partly for animal feed.

06 When the wheat ripens, the device notifies the worker to collect and process it.Centrifuges are used to separate wheat from wheat straw, which can be used for bioelectricity generation and animal feeding.


USERFLOW Welcome

open

SERVICE BLUEPRINT

Data transmission

Register

APP

go to

USER Hospital

Creating a Medical Records

Provide data

Hostipal

Communications technology

Device data communication

Set up home status and distribution address

UPload Certificate of identification

If gluten allergy

Do a physical examination for Allergic protein

Transportation Industry

Communications technology

Agricultural sector

Community Supermarket Wheat

If not gluten allergy

Community

Set delivery cycle

Check to see if there are any wheat in stock at the nearby supermarket

Check the app If that’s not enough

Out of stock

Phone

Share provision Purchase goods power supply

Set It up on the app

power supply Power supply bureau

Make a reservation

Biomass power generation Technology

Set up home status and distribution address

In stock

By-products Scheduled time for the gluten-free wheat/flour delivery

Online order, waiting for delivery

If that’s not enough

Scheduled time for the wheat/flour delivery

Meat Transportation Industry

Livestock


STAKEHOLDERS MAPPING

INTERFACE The app connected to the device has two ports, one for the user and the other for the device manager. Server side

Politics Industry

User side

Community Health Department

Planning Bureau

Service supplier Construction industry Doctor

Construction worker

User

Medical treatment industry

Community service worker

Local government

Front-Line Manager Department

Start Merchandise Traffic and transport Transportation distributor management industry

Service industry Power Supply Bureau

Technical Support

Home page

Device Management

Log in

Resource Management

Identify

Select a delivery date and time slot

Identify To transmit data to the hospital

Programmer

IT industry

Communication department

Biotechnology industry

Resource Management Department

Control of temperature and humidity in planting area and equipment

Government

Order quantity statistics and details

Planting area monitoring

Order page

Setting page

Reservation page

Shopping page

Setting page


FINAL WORK The whole device is based on the concept of Tower of Babel, which represents yearning. The basic structure is inspired by the Ferris wheel, which saves a lot of design space by rotating the planting area.

where Heliunm gas in,increasing the pressure to hit the DNA into the cell.

Nurtient solution,dilute the soild nutrients with water.

Mechanical structure,control seed delivery DNA-cotated gold micropar ticies on macrocarrier. Stopping screen and eixt port.

Key structure Rotating structure

Target tissue

Water Collection and filtration Planting area


02 Project2: Looking-Glass Self Time:2021/09-2021/11

Human–Computer Interaction + Installation Design The modern population has a complex of expectations and fears towards romantic relationships, and getting along with real people is becoming problem. After seeing the movie <Her>, I suspect that falling in love with AI may become mainstream in the future.However artificial intelligence thinking is always given by people and programs, so I wonder the feelings of love between people and AI is the real feelings or just the extension of human feelings? In this project, I design a Installation that can provide a sticky and independent interaction model for people who have a need for romantic relationships but are unwilling to get along with real people. Video Link:https://youtu.be/DuY_GumQDRI

INSPIRATION In the movie <her>, a man falls in love with the home’s intelligent voice operating system in his post-divorce loneliness, and the real-life metaphor is that a nerd falls in love with Siri. But given the changing social mores of modern society as a whole, the rise of social phobia, the decline in marriage and fertility rates, the rise in singledom, and the expectation and fear of intimacy, so I think it’s possible that falling in love with a machine will become mainstream in the future. What is the most important thing in a human computer relationship? Or what is the difference between being in love with human? What is the end goal? That’s what I think about in this project.

BACKGROUND

Line chart of the change of marriage and procreation in Britain between 1950-2020 The number of people who get married in the UK per 1,000 people Average number of giving births per woman

10 8

7.6

8.5

6

1940

83%

About 25% of men get married before the age of 30

1980

25%

4.4

5 4

2.4

2 0 1950

About 83% of men get married before the age of 30

1960

1970

2015 2019

2020

In 1950, 22% of adults choosing to be single

In 2014, 50.2% of adults choosing to be single


RESEARCH Interview

User need Single “Social phobia + Past hurts +Incursion boundary”

The hurts I felt in my past relationships made me reluctant to give my heart

Unique sense

Trust and self-space

Hope "I" is the most special one for other.

In the trust of each other’s decisions, but also want to have their own life.

Analysis Quarrels

Special Events

Taken “Unequal + Perfunctory + Soft domestic violence“

During an argument, theirs avoidance behavior makes me not want to In that relationship, I always feel that I’m not the most special one to them.

Deep Machine learning

Company and Acceptance

" I" will always be the first to the other and Is absolutely central to them.

No matter is happy or sad things can be unscrupulous and each other to share.

Grow up

Feeling unique

Become a better version of yourself in the relationships.

Classification Feature extraction

Ignore or block other

Design points

Grow up

Space / Freedom

A better version of me

sticky, independent

Slient

Hope others could see inside of "me"

Physical confrontation

Insult others

Another "me"

Output

Languages

Hope others for a show of weakness

Interactive behavior (with humans)

The one and the only

Input

Feelings

Body movement

Cold violence Languages

Tolerance and Understanding

Check each other’s privacy (cell phone)

Body movement

Violence Mode of Communication

Plus, I don’t have a lot of friends.

To hide their true feelings

Accumulation of grievances

Hope to have own space

Quarrels

Self view/ Emotion output Perfunctory

Compromise

Initiative

Resonance

Independent personality

Communication

Childlike innocence

Real-time evacuation

Voice

Silent Company

Temperature

Understood

Power of Insensitivity


DESIGN PROCESS

DETAILS

Design position

Roly-poly Toy Imitates

Love

Mechanical sense

Fall back

Sense of warmth Egg

Personal Space

Round lines

Voice

Spray "candy"

Sphere Roly-poly toy

Function

Voice off

Monitor user’s emotion:Low

Long press the speakers to log out

Insensitivity

Independent

Personal hobby

Speaking

Hold

Maternal love Ability to love

Personality

Humanity Read the room insight Sad

Happy

The "I" who can correctly perceive user emotions in the world

Personal Character

Slight vibration

Tolerance of other’s Candy wayward, and act like child together with lovers Emojis Lovers' instinct is to treat their lovers like children

The Installtion will switch to position [Cold War]

It can be pushed to extreme positions Stand by

Store up the strength

9

Temperature of surface rise

Spray a sweet-smelling, candylike cloud of smoke, then slowly disappear

Goodbye

Good bye

Camera

Delete user‘s data and turn into a lamp If the user does not speak for a set period of time, the Installtion takes the initiative

Built-in humidifier Switch

During this time, the Installtion will use an hourglass

But every time, it quickly returns to its original position stands for the elasticity between it and the user.

Steam outlet

If the user and the Installtionhave an argument

When user push

Push and pull

Emotion

Back to life

Lamp Switch on

Ice-cold sense

Create a private space for users by interacting with the space

Initiation

An installtion with voice system, no facial features

Human Voice Deep Learning Voice

Turn on

Status Indicator /speaker

Taking the principle of as the design prototype, which suggets the elastic relationship between the device and the user, that is both independent and full of stickiness.


CODE

VOICE EDITING Design position

Mechanical

Reference:https://github.com/CorentinJ/Real-Time-Voice-Cloning https://github.com/xionghc/Facial-Expression-Recognition.git

Be identical

Electronic navigation

Shareing

Creepy

No emotional connection

High similarity Universal love

Low similarity

Exclusive love

Security

FLOW CHART

Lovers

Strangers

Human

Be individual

Storyboard

PROTOTYPE

Print("HelloWorld)

Helloworld

EMOTION RECOGNITION

Storyboard

Sad

Angry Happy Doubts

Sad

Angry Happy Doubts

Sad

Angry Happy Doubts

Sad

Angry Happy Doubts

Trian model: Voice editing

Trian model:

Emotion recognition


FLOW CHART

1 Wake Up

FINAL WORK VIdeo:https://youtu.be/DuY_GumQDRI

2 Voice

Before it leaves the factory: User sets a special wake-up word and use this word to wake up the Installation.

3 Interaction

The AI will create a similar but different human voice based on the user’s voice print.

The installtion can interact with voice and motion to give the user a response. Voice editing

4

Space

5

When a user is detected in a relatively low mood, the Installation reduces the frequency of the voice, leaving the user room for self-absorption.

Shyness

6

When the user looks at the device for a long time, the Installation switches to [shyness], rocking slightly to make it more realistic.

Goodbye If the user decides to say goodbye to the AI, the device deletes all data about the user and turns it into a simple humidifier.

Emotion recognition

4

Judgement AI analyzes the user’s microexpressions, movements, speech intonation to determine the user’s real emotions.

5

Candy Comforting user with Squirting candy shaped steam through the antennae,prompting users to freely reveal their emotions.

Roly-poly toy

7

Another Story Of course, it’s also OK if the user wants to start a new story with the Installation.

"

"Candy"

In this project, though ostensibly about the relationship between human and machine, what it really about is the intimate relationship between people. I think the ideal model for an intimate relationship is one that is both independent and sticky. Through that human-computer interaction, it is not about let people and the machine fall in love, the most fundamental goal is to let users in the interactive process to understand themselves, and grow to a better "I".


03 Project3: "Nightrain" Time:2021/07-2021/09

Digital media + Interaction Design I once saw a study about living space: People’s living space is actually divided into online space and offline space. The size of a person’s entire living space is relative, and when your offline activity space is small, the amount of time you allocate to online space increases. My design is about how to enable low income people to live their life to the fullest with least amount of money. *Come from Guns'n roses,the name of cheap wine. Video1:https://youtu.be/FRmOCuKqlyQ

Video2:https://youtu.be/ocTUDFPrDYE Video3:https://youtu.be/_M0pH4-AgfM

INSPIRATION

One of the strangest things I noticed was that I was able to concentrate more on my work in a noisy environment like Starbucks than in my own room, which I later discovered was because Starbucks is a spacious, open environment.It is easy to associate the social reality that the non-local working people with average incomes are returning to their rented houses, and I find it difficult to feel in the mood to enjoy life, the Network is the widening of the living space for the people who live in the narrow space in a broad sense.

BACKGROUND

1. According to the 46th survey of CNNIC in 2020, Netizen attribute structure report: Income: ¥/month above 5000

75.8%

2001-5000 under 1000 1001-2000

3. In 2020, Shanghai had the highest PCDI of China’s 31 provinces 0

75.8% of Internet users earn less than 5k a month, which is the starting point for tax collection

20000

40000

Shanghai

60000

80000 72232 yuan

33798 yuan

2. According to < The China’s first regional health examination report on the quality of education>:

The CPDI of Shanghai is 72,232 *year

*Take Elementary School for example

The city’s average selling price of commercial housing (including sales-type housing) is 33,798 /m²

*Cell phone penetration:

City

42% Town

35%

Country

37%

*Cell phone dependency:

11%

City Town

12% 17%

Country

1536 yuan

The annual mobile 100M network price is 960, 40G Speed Reduction Unlimited traffic package is 128/Month, equivalent to about 1,536 /year

A year’s internet bill is almost 2% of PCDI.Meanwhlie,the it can only afford a maximum of 2m² of the house. Compared with the high cost of living in the city, the price of network fees can be said to be extremely cheap.


RESEARCH User Pain Point Analysis

User positioning

Interviewee Miss Zhang Age:23 Job:Media operation Location:Hangzhou

Miss Chen Age:23 Job:Graphic designer Location:Huzhou

Miss Zhou Age:24 Job:News editor Location:Hangzhou

Age:24-30

Occupation:Ordinary wage-earners

Income:Fluctuates above and below the local average wage

72% Company earns more than 15k per month in china

Daily routine:work from 9am-6pm,about 2hours for commute

80

%

Appetite

of people are in the habit of eating late night snacks

Characteristics: Lives alone、Tight living space、Long Internet usage

70

High-frequency social time:10pm-12pm

1. May I have the space of the house you are living in now? A:12m² but with private bathroom B: 15m² and share the bathroom with a girl C: I live with my partents,so its like 100m²

Need: Enjoy life in the time they have left

2.What time do you usually fall asleep? A:Almost always after midnight B:Around 1:00 C:I get sleepy early, but I don’t want to give up my phone time 3.What do you usually do during this time before you go to sleep? A/B: Phone time C:Phone time or Order some late-night snacks 4.Is there anything you want to do but can’t do? A:Take my cat with me B:Be able to go to bed early and get up early C:I used to buy flowers, but now I find it very tiring to take care of them

.5%

Questions

Sleep

Having trouble sleeping

Different jobs, different schedules

Socializing

Design Target Be able to enjoy life to the fullest at the lowest cost

Getting along with yourself is an important part of life

Target time

Self-deconstruction

10-12PM Weekday What do users need? Psychology Ease the loneliness Psychological Comfort To Be with themselves 69% Socializing

Physiology Sleep well Appetite

In 2021, the average p r i ce o f a m ov i e ticket has gone up by 30% Fresh flowers only have a shelf life of 7-10 days

Films

Growing flowers

Growing flowers

Be with myself


DESIGN PROCESS Design process & Design concept

Design goals

Design positon

How space affects emotion ?

Natural light

Camping

Sleep quality

Tiredness

Studies have shown that people are most relaxed in a completely natural environment, but this group of people in my study did not have access to nature on a regular basis

Nature

Design elements

SLeeping Space

Visible natural light

Rotating structure

The open field of vision, visible natural light of the space design to help sleep.

Soft music

Music Natural environment

Bamboo Light

Music Flower arrangement

Space

Flowers have a short shelf life and take a lot of time to care for. If they can be made in virtual form, it will save a lot of money.

Leisurely mood

Quality of life

Desert

Rotational, asymmetrical Structure

Plants Space Keep pets

Codependence

Loneliness

In modern society, Pets are not only as pets, but also as close as family members. People who live alone can get psychological comfort from taking care of their pets.

Rotational, asymmetrical s t r u c t u re h e l p s p e o p l e sense direction.

Conveyances Water surface Time

Time

Orbit

Natural material

Pets Space

Buildings made of natural materials such as wood or bamboo can have a relaxing effect on the brain.

Orbit

Accompany

Wages

Virtual experience

Virtual experience space

Radian, soft edges

The free online space opens up real life possibilities.

Space with radians and soft edges will let people relax, which gives you the desire to stay.

Water

Exercise

Rely Animal hair

Consoling

Delicate

Switch places Free customization Exercise Guard

Dominant position Sedentary


SPACE1 <Sensen of sleep>

SPACE2 <Live forever flower>

Inspiration

Inspiration

Bamboo

Starry Sky Camping

Vegetation

Desert Spiral building

Orbits

Storyboard

Enter

Azaleas Sprinkler truck

Epiphyllum

Storyboard

Link projector

Play the music

The space through the creation of virtual natural space to make people’s mental relaxation to achieve the effect of sleep. Users can switch music freely, and the picture will change with it.

Enter

Long Press to switch music

Long press to switch flower species +1

+2

Long Press to switch music Country \Absolute \EDM

The projected image varies according to the music

Through the tunnels

*The varieties of flowers are harder to cultivate in reality: Rhododendron, Gardenia and epiphyllum.

1/3/5 days/week +1/2/3 Rotating cell phone, can be immersed in the nature of Picture changes with the music space shuttle

Number of logins per week

Track spirals for growing flowers

5/10/15++ hours +1/2/3++ Cumulative log-in time

Achieve certain conditions to increase the number of flowers can be planted

5/10/15++ days +1/2/3++ Number of days a person has slept for a standard amount of time

The space provides a virtual experience of planting and arranging flowers. Users follow the spiraling tracks of the train as it ascends, creating their own virtual garden. You Don’t have to think about the cost of money or the care of flowers to experience the joy of growing flowers.


OUTCOME

SPACE3 <Rely on your pets>

Three interactive spaces for users

Inspiration

Video1:https://youtu.be/FRmOCuKqlyQ Video2:https://youtu.be/ocTUDFPrDYE

The eyebrows of Shih Tzu

Video3:https://youtu.be/_M0pH4-AgfM

Spondylosis

Fuzz RingFit Advanture

Sensen of sleep

Socializing

The immersive space combines the need for people to be close to nature. At the same time, it also

Storyboard

combines the reality of the high holding rate of the projector of the target user group.

Enter

Customizing your favorite animal images Squat,Control character go down

Control the direction and force of the food thrown through movement

In modern society, the relationship between pets and people is actually interdependent. This space provides a place for people to play with virtual pets. The body inversion between the person and the pet, can let the human realize the pet to bring the human warm and the comfort.

Live forever flower Interactive game space, so that users can enjoy the flowers, but also to avoid the cost of growing flowers in the reality Meanwhile, the game mechanism can

Squat jump character go up

improve the stickiness of users to my

+ Different postures represent different throwing directions

When the user’s posture is wrong, the pet falls into a trap

Resume the game by restoring the pet’s health value through the act of intimacy

After the pet gets the food, a ladder appears to allow the character to walk

Customs clearance shows the number of calories consumed by the activity

Rely on your pets

Interactive game space. In this space, users and pets care for each other and are on an equal footing, reflecting the real-life aspirations of migrant workers for intimacy and the comfort that pets bring to the target population as alternative family members.


04 Project4:"Stop Sugar" Time:2021/05-2021/06

User experience design Milk tea as a new era of the biggest consumer goods, is being regarded as a new era of LSD. 80% of people around me love milk tea. However, the existence of a large number of milk tea added sugar, on the health threat hidden danger is very large.So,I hope to design a way to help people to reduce the dependence on Milk Tea.

INSPIRATION

I read on Weibo that a doctor had recently reported three or four cases of type 2 diabetes after drinking sugary drinks instead of water at home for a whole month. Too much sugar is really not a good thing, in addition to the body is not good for the face is also very bad, I am the kind of people who are easy to get acne, if the day before drinking milk tea with sugar will get acne the next day. I have tried to stop sugar with A completely sugar-free diet, but it was too painful.So,I wish there was a better way to help people quit sugar.

RESEARCH Diabetes 415 million

people with diabetes worldwide 193 million

people with undiagnosed diabetes

90%

Percentage of people with type 2 diabetes

61.84%

of the participants’main daily intake of added sugar was milk tea.

19.35% of the participants

32% of your

have no interests in quiting sugar While 80.65% of the participants have.

3. What is the main reason you want to stop sugar?

Milk Tea

Per capita consumption of milk tea in China by 2020 The price of milk tea consumed on average Average sugar content per cup of full-sugar milk tea,in units of /100ml Equivalent to 11.4 sugar cubes

30 to

grams of sugar The 2020-2025 dietary guidelines for Americans recommend consuming less than

More than 56% of participants want to quit sugar for for better skin and body.

10%

14.3

The perception of sugar intake is not clear.

added sugars.

10

More than

of sugar a day an adult consume in the United States

10.3

2

The most common way we consume added sugar in our daily lives is through milk tea.

3

Poor self-control

1

11.4

three times

the recommended intake for women.

4. Do you have a clear idea of how much sugar you eat in a day? 80% of the participants had no idea how much sugar they ate in a day. 5. Summarize

15.2

15

of your daily calories from

of total calories

77 grams

1. The main source of added sugars in your daily diet?

total daily calories, and you’re in this habit for a long time, you may develop a sugar addiction.

Nutritionists recommend a daily intake of

10%

Questionnaire

By 2020, there are more than 450,000 milk tea shops in China.

Sugar

40

I made a questionnaire about sugar quit and returned 50 questionnaires and 40 valid questionnaires.

2. Do you have a need or awareness for quiting sugar?

Sugar addiction If sugar provides more than

INTERVIEW

Stop Sugar 5

4

Consumption Prcie Cup

Sugar content Sugar cubes

Need regular positive feedback while quitting sugar.


USER PERSONA ABout

Syd is a female college student in Hangzhou, who is very fond of milk tea. Almost 1/8 of the monthly expenditure is on milk tea and desserts. This caused her skin problems so much that she wanted to curb her desire for milk tea.

Age Occupation Income Status Location

Needs

Improve the ability of self-control

Wish there was someone else to supervise Enough motivation to quit sugar

BRIANSTROM

Proportion of daily expenses 20 Student None Single Zhejiang,China

It’s hard to keep staying off sugar

Milk tea dessert

20.1%

39.6%

Traffic

19.5%

10%

Money transfer

6% 4.8%

Milk Tea Consumption

Frustrations

Milk tea shops do not mark the amount of sugar

General merchandise

Three meals

62%

Syd Doe

"I am an avid milk tea lover, the most exaggerated time to drink 5 cups a day, I know the disadvantages of milk tea but can not stop myself from buying them."

Buy an average of three cups of milk te a a w e e k, m o r e than 62% of the Participants

Personality Low self-control

Sociable

The weekly expenditure on milk tea is ¥52,more than 70% of Participants

70%

Stressed

Sweet tooth

USER JOURNEY MAP EATING OUT

BUY MILK TEA

SHOOT THE FOOD

Buy drinks instead of Buy Milk Tea, in order to Take pictures of what they mineral water. better taste will choose eat. Sometimes she will sugar added. buy two cups of milk tea,one for dinner and another for drinking whlie shopping. Post it on social media, share their life.

SKIN CONDITTION DETCED

RESTORES SKIN

SKIN IMPROVES

After a period of drinking a lot of milk tea. When they looked in the mirror, They noticed that their skin condition was getting worse and even had obvious acne.

Buy and And took the antisugar pill.

Continue to buy a cup of milk tea from time to time.

Or buy lots of expensive skincare products and beauty masks.

Get into a vicious circle.

Intake

Sugar

Key problem Touch points

Opportunities In social situations, Visualize the sugar it’s okay to turn down content of the milk an invitation to milk tea to the consumer tea

INFORMATION ARCHITECTURE

Combine photography with visualization of the sugar content of milk tea.

People can be motivated to stay sugar free by feedback about positive changes in their skin

Skin changes are a long Get out of the loop by process, and it’s hard to see luring users to join the them all at once. But the change in spending is ranks of sugar quit. clear.

Design points

Record

Quit

Milk tea Company

Offline

Buy

Online

Phone

Photo Use

Bills

Visualization of intake Change

Game

Community Socializing


STORYBOARD

STAKEHOLDER MAP

BUSINESS MODEL CANVAS

Food Safety Administration

IMPLEMENTATION

Food safety Industry

Culture Administration

Culture Industry

KEY PARTNERS

Food Safety Administration

Ohter users

Content Creator

KEY ACTICITIES

Milk tea shop

Milk tea bills

Food Safety Supervision Bureau

Game community operation

Professional nutritionist

Regular feedback system

KEY RESOURCES Data visualization

SPCIAL VALUE PROPOSITION

MARKET CUSTOMER RELATIONSHIP

VALUE PROPOSITION Let users know their intake of added sugar in the way of visualization

long-term cooperation

Writer

User

Game designer

CHANNELS Users record their behaviors to get the data of their sugar intake

Art designer Design Administration

People who love milk tea People in need of sugar -quit

More scientific way for users to quit sugar Introduce the mode of friends and community to form a sugar free environment

CUSTOMER SEGMENTS

Users build sugar free community through community function

Game designer

To give users positive feedback by recording and analyzing the changes of user data

Design Industry

FINANCE COST STRUCTURE Data monitoring of sugar content in milk tea

Fitness instructor Programmer

Health and hygiene Industry

Doctor

Technology Industry Technology Administration

Data visualization Server construction of game community Incentive mode of content creation Detection and analysis of skin condition

Health and Safety Administration

REVENUS STREAMS Users purchase paid content Provide users with a choice of paid sugar abstinence programs Membership system


WIREFRAME

SERVICE BLUEPRINT Front stage

To record the amount of sugar

Open the app

Photo scan

Milk Tea bills

Takeout

Score page

Keep track of sugar intake

Map positioning

Buying milk tea

Scanning milk tea for data

Requirements Shows the amount of sugar in the milk

Food Safety Administration

Score points by exercising, clock in reverse, and other positive sugar withdrawal behaviors.

Data Visualization

In a way that can be sustained to stop sugar I wish I had a regular reminder

Undergraduate

Miss Mao, 23 College student Female

Experience

Cost effective way to quit sugar

Requirements

I’m usually one of those people who likes to keep track of what I eat, so I thought it would be useful for me to be able to take pictures of how much sugar I eat. Gives me a pretty good idea of how much added sugar I’m eating.

Undergraduate

Experience

I wish there was a way to fight my desire for milk tea I want to be with people who share the same demand

Community function I thought would help me find like-minded friends and strengthen my determination to quit sugar. But for me, the big question is how to make sure I stick with this app.

JOURNEY MAP Stage

Familiarity with app

Getting into the app

Check for changes

Join the sugar-quit community

Harvest effect

Positioning

Location Alert

Location tracking

App

View the data analysis report

Doing

Check the change

Community

Execute the stop sugar program

The points earned during sugar withdrawal can be converted into game material in the game. Materials can be unlocked milk tea illustrated, Meet People’s collection.

Miss Xu, 22 College student Female

Shop assistant

App Friend Circle

PERSONA

Back Stage

Making milk tea

Game page Exchange page

USER EXPERIENCE MAP

I provided the prototype diagram to a small group of potential users and asked them to experience it.

Scanning for facial features

Data Visualization

Big data

Browse the app home page

To document sugar-stop activity

Complete Sugar withdrawal and score points

Location tracking

App Exchange game materials and trade them Other Users Game

Unlock the manual App

Present the added sugar and other additives in the milk tea in a game way

Data Visualization

Take a photo to check the sugar content Record Buy milk tea Have milk tea delivery

Add or invite friends to quit Trade with freinds sugar together Check the changes Reverse clock in and of money spend,sugar other sugar withdrawal The skin is intake and skin. behavior to get points improving

Realize how much sugar they have intatake

Join the sugar-quit program

Thinking

What’s wrong with my face? Will my skin get better without sugar?

Is the sugar content shown in this milk tea necessarily accurate?

I do know from the data that my intake of sugar through milk tea is over the limit, so how can I control my desire?

Feeling

Are you sure the skin test results given by the App is accurate?

The recommendations may be interesting, but I rarely read them.

It works. I used to only notice the expense of milk tea in the alipay bills.

Experience

Unlock the manual

Check the monthly bills

Hopefully it’ll give me more of a clue as to what I can do to earn points. What if I pass by a milk tea shop without buying milk tea but don’t clock in?

Bonus points for game material

Can there be more to the game than unlocking the manual? It was fun, but I was really looking forward to something a little more subtle

Enjoyability

Enjoyability

Enjoyability

Enjoyability

Enjoyability

Relevance

Relevance

Relevance

Relevance

Relevance

Helpfulness

Helpfulness

Helpfulness

Helpfulness

Helpfulness


FIANL WORK

Pasting through the milk tea shop, but did not buy it is regarded as a reverse Clock in.

Scanning facial data Analyze the

Scan the skin and analyze it. The APP offers advice and a sugar-free program.

People like to drink milk tea as well as take pictures. So set up a photo will be scanned to get the parameters of milk tea function.

Skin care

Friend page

Log in

Offline(Positioning) If the user did not photograph the milktea through the positioning, remind users that he/she did visit milk tea shop.

Online

Milk Tea Bills Keep track of changes over time (sugar intake, milk tea purchases, and skin conditions)

Mark reverse Homepage

Exercise page

Community page

Milk tea record

Integral page

Positive behaviors associated with sugar withdrawal earn points. Points can be exchanged for ingame materials.In addition to the points model, people are encouraged to quit sugar. The presentation of sugar and other additives in the milk tea material through a game makes people more aware of the importance of sugar abstinence.

Setting page Game page


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.