Portfolio-Li Manman

TEAa

01/

The APP is designed to promote Chinese tea culture to young people in China. This app mainly has four functions, including tea guide, customized tea, tea elf generation and recommendation.The target customers of this app are mainly for young Chinese who do not know much about tea culture and how to make tea, and they think that drinking tea is an activity for middle-aged and elderly people.

I designed a game-like app, including easy and fun games as well as exquisite and smart elf. So, those young people can enjoy the charm of "tea" cultural in the deep atmosphere of Chinese tea culture. In addition, I combined it with the offline modern tea service so that young people can customize their tea and enjoy more personalized new tea experiences.

RESEARCH

What you should know about

Ages:

The world's most tea drinking countries.

TEA

Shen nong, the earliest ancestor of China, tasted hundreds of herbs in the world and encountered 72 toxins every day，only tea can detoxification.

<18 18-22

Research Aim:

23-28

In order to understand the tea drinking habits, preferences and knowledge of tea culture of young people, the researchers distributed 200 questionnaires, and returned 200 questionnaires. The efficiency of the questionnaire was 100%.

Gender: Male: 40%

2737BC

TH E HI STROY O F TEA

QUESTIONNAIRE

Female: 60%

The Most familiar tea product

America

Although tea was introduced to America in the 18th century.

42% of young people drinking tea in America.

Annual per capita tea consumption (in kg), 2016

Tea was mainly used for medicine.

1. Turkey: 3.14

3. Britsh: 1.94

5TH CENTURY

19. China: 0.03

24. America: 0.01

The quantity of tea produced (in thousand tons)

The advent of tea bags led to a significant rise in tea sales.

350-380 300-250 200-170 110-70

Jiangbei Tea Area 20TH CENTURY

Jiangnan Tea Area

People enjoy tea in many cases

NOW

1.In teahouse with friend.

2.Enjoy tea by themselves.

3.Enjoy tea with family.

4.Enjoy tea with dessert. ...

STORYBOARD

China is the origin of tea culture and one of the world's largest producer of tea.

Young people think that making tea is very troublesome, but actually do not reject learning to make tea.

The tea ceremony is too theatrical for young people to accept.

41%

7%

1. Do you have the habit of drinking tea?

62%

Yes : 62%

4. How much do you like tea?

75.63%

38%

6. What prevented you from learning about tea culture?

100%

China is the birthplace of tea culture, it is one of the largest tea producing countries in the world,but the Chinese young people drink tea only ranked 19th in the world, so we want to transfer Chinese young people’s attitude towards drinking tea that drinking tea is not just a matter of the elder people and let more Chinese young people fall in love with drinking tea.

2.

45%

Huanan Tea Area

Conclusion

1.

Flower tea or fruit tea

No : 38%

Xinan Tea Area

19% of young people drinking tea in China.

Traditional Chinese Tea

VS

VS

China

Milk Tea

3.

Tea's marketing strategy focuses on middle-aged people.So young people may not aware them.

4.

Tea ceremony propaganda is too grandiose for young people to accept.

48%

IT'S TOO MUCH TROUBLE TO MAKE TEA

45%

YOUNG PEOPLE SELDOM FRINK TEA

18%

FAMILY DON’T HAVE A HABIT DRINKING TEA

8.7%

OLDER PROPLE ARE MORE SUITABLE TO DRINK TEA

2. Why do you drink tea?

64%

HABIT FOR HEALTH

34%

MORNING TEA

26% 14%

FOR GUESTS

5. What interests you about Chinese tea culture?

100 90 80 70

67%

60

47%

50

7. How much do you know about Chinese tea culture?

51%

46.7%

40

3. How often do you drink tea?

30

8. How do you know the tea culture?

20 10

1-2 TIMES A MONTH

28%

0 1

1-2 TIMES A WEEK

2

3

26%

3-7 TIMES A WEEK >2 TIMES A DAY

16%

1. The atmosphere created by tea culture 2. Teaism

10%

3. A sense of ritual in tea culture

Family 71%

Media 34%

Friend 32%

INTERVIEW

PERSONA Favorite Kind of Tea Traditional Chinese Tea

BELENDA What kind of tea do you usually drink?

What's keeping you from drinking tea?

About Name:Summy

The taste and variety of tea.When I am tired of drinking one flavor, I will go to find another flavor I like, but it is always difficult to find.

Accounting Student Age:22

Frequency

1.For good health 2.Welcome to the guests 3.Losing weight

Knowledge of Tea Culture

Pain Points

Core Needs

1.Drinking tea will make people look unfashionable.

1.Make tea popular among young people.

2.Make tea is complicated.

What keeps you from understanding tea culture?

Yes, I worry that drinking too much milk tea will make me fat, so I feel guilty every time I drink it.

Conclusion 1. Don't know what tea is right for them.

2. The taste of traditional tea is not rich enough.

Motivation

Frequency

1.Wake up 2.Refresh

Knowledge of Tea Culture

3. Young people think it's only the elderly who drink tea.

4. The tasty beverage tea is not healthy.

About Name: John Industrial Design Student Age: 21

Core Needs 1.Can match the tea type that suits me to drink according to my health condition.

2.Can have more flavors of tea to choose from.

3.All elements make tea are come from nature.

Opportunity

Many of my friends thought drinking tea is unfashion and it's too much trouble to make tea.

Happy

Enjoy Tea with some Snacks

Wash Tea Stuff

Canâ&#x20AC;&#x2122;t fall asleep at night

Hesitate

Fidgety

Hesitate

Expectant Thirsty

Fidgety

?

Bored & Fidgety

I like to drink all kinds of drinks with tea, such as milk tea, fruit tea. Although the drink has a lot of sugars and preservatives.

Do you worry about anything while drinking these kind of drinks ?

Enjoy drinking Tea

After

Worried

Painpoint

Yes, I drink tea every day.My family are Chaoshan people, Chaoshan people almost drink tea every day.

What kind of tea do you usually drink?

Make Tea

?

Milk Tea ,Flower Tea,Fruit Tea

MARY

Wash Tea

Happy

Think&Feel

2.Make the process of making tea more convenient and interesting.

Favorite Kind of Tea

Do you have the habit of drinking tea?

Boil water

Choose Tea

During

?

3.There are few channels to learn tea culture.

ALFRED

Before

Touch Point

I would like to drink fruit tea and scented tea.

Because the taste are richer than the traditional tea and the variety is also more diverse.

Motivation

STAGE DOING

I conducted a survey on 3 interviewees to learn about their tea drinking habits and attitudes towards tea culture, so as to have a deep understanding of their overall tea drinking experience.

USER JOURNEY MAP

1.Can not find suitable tea in taste and type.

1.The conditions for boiling water are very limited.

2.Need to wait to water boil.

Recommend the right type of tea that suitable for you.

Use tea bag and make tea with a bottle.

Hesitate

1.Do not know which kind of tea need wash.

1.Do not know how to make tea in processes.

1. Uncertain about how to enjoy tea with feelings, smells and tastes.

2.Drinking tea along may feel longly.

2.Easy to burns hands.

Tea bag is clean and healthy without washing.

Angry

Provides guide to teach people how to make tea.

Let people know how to enjoy tea in an interesting way.

Share feelings with others.

1.Do not know which snack can choose.

1.Too many troubles to wash all stuffs.

1.People drink tea that doesn't suit their body condition, they may not be able to fall asleep at night.

Simplify making tea processes.

To find out which kind of tea suit you.

2.Itâ&#x20AC;&#x2122;s not always possible to have suiltable snacks around.

Provide snacks which suitable for drinking tea.

BRAINSTORM

PROBLEM TREE

SKETCH

Tea-making scene

It is difficult for young people to enter the tea culture field.

Young people are less and less accepting of traditional tea.

EFFECTS

China's tea culture is hard to pass down.

The traditional tea has gradually replaced by a new milk tea and tea drinks.

The medical effects of tea are not taken seriously.

MAIN PROBLEMS

Tea drinking is not popular among young people.

Young people don't want to learn about tea culture.

Make Tea Guide

Customised Tea

USER TEST Tea making processes are too complicated which need some times.

Tea's marketing strategy focuses on middle-aged people.

There are too many kinds of tea cultures.

There are different opinions about tea culture.

CAUSES

Me Can't tell the difference between different teas.

Tea has become a symbol of health care for the elderly, not fashionable enough for young people.

Step 1: Presentation

Step 2: Assessment

·Present the app’s function. ·Set tasks for the user to finish. ·Test the entire logical architecture. ·Get valid advice form users.

UI Aesthetic:

Playabiliy:

Readability:

Flow:

Function Convenience:

Content:

Doctor

SITE MAP

TEA

Choose tea base

Generate elf

Elf upgrade

Family

Choose ingredients

Elf transformation

Choose Snacks

Ingredients Types

Snack Types

Add ingredients in shopping cart

Add in Shopping Cart

Particular Requirements

Pay

Sketch

Making Tea Guide

Custimise your tea

Shipping Information

Recommend Tea Base

Our Products

My Elf

Scan the OR Code on tea package

Elf Paradise

Making tea Processes Animation

Choose Tea Base

Choose Tea Base

Recommend Ingredients

Recommendation of Ingredients

Start to Make Tea

Making Tea Stuffs Preparation

Scan Final Tea

Please Enjoy it

Making Tea Processes

Introduction of making Tea Stuffs

Making Tea Scene

Elf information

My Wallet

Purchase History

Photo

Share

Input requirements

Tea Base Chosen

Making Tea Stuffes Information

Create Tea Elf

This is the begining page of making tea.User should know the tea stuffes before they start.

Help

Please Wait For...

Rescan it

Users can choose the options that we provide as their own needs.

Please Enjoy it

Making Tea Processes

Scan The Tea

Doctor

Recommend Tea

Purchase Details

Comment

Homepage

My Balance

Slide down

Scan Final Tea Receving Remind

Doctor

Me

Personal

Recommend Tea Base

WIREFRAME

LOGO DESIGN

Finish

Recommend Snacks

Comment

Making Tea Processes

Finish

Please Enjoy it

Please Wait

Rescan it

Users could also enter their own needs in the dialog box below.

Finish Tea

Tea pot

Big Eye Elf

Logo

Tea Leaf

Recommend Snacks

Finish

#1B8D9A

Comment if you like

#3DBC9D

The four circles on the homepage are the four main functions of the app. Users can swipe their fingers left and right to rotate the 3D option.

CHARACTER DESIGN Oolong Tea

Black Tea

Pu'er Tea

Tea Base:Onlong Tea Product’s Name:Rose orange onlong tea

Tea Base:Black Tea Product’s Name:Grape pip black tea

Tea Base:Pu’re Tea

Color:

Color:

Recipe:Honey,Cheese,Rose Orange juice

Recipe:Honey,Grape juice, Grape pip

Color:

Onlong Tea Seed

Product’s Name:Pu’re kiwi Tea

Recipe:Honey,Coffee,Kiwi juice

Onlong Tea Seed

Onlong Tea Seed

The “Me” page contains "My tea elf" and bill management functions.

Logo with Background

Logo without Background

Me

ICON DESIGN

White Tea Tea Base:Red Tea Product’s Name:lemon cheese red tea Color: Recipe:Honey,Cheese,Cookies Lemon juice

Onlong Tea Seed

Tea Base:White Tea Product’s Name: Red snow flower white tea

Green Tea

How to Make Tea

Me

Customise Your Tea

Tea Base:Green Tea

Color:

Product’s Name:Nuts green Tea

Recipe:Honey,Red snow flower, Sugar

Color:

Onlong Tea Seed

Doctor

Recipe:Honey,Cheese,Nuts, Lemon juice

Onlong Tea Seed

Tea Pot Box

Stethophone

Pouring Water

Red Cross

In the tea elf paradise, you can feed, evolve, share spirits, and upgrade the configuration of the paradise.

Users can share their tea elf and corresponding tea menu to their friends.

In this section, users can customize their tea drinks according to the recommendations provided by the app.

Tea Elf Paradise

Share Page

Customise Tea

Here shows the paradise levels.

Belinda

Red Tea

This is the third step of tea making. Users need to wait for the tea soaking time. Click the start button to let the app help you calculate the time. You can also use the app's scanning function to scan the color of tea soup to determine whether it can be drunk.

Every time users make a new tea drink, they can get a matching tea spirit. Users can breed and share them in “Me” section.

Users can purchase and order their own customized tea, or can collect menus.

“Doctor” page is to recommend tea drinks suitable for users according to their physical conditions.UI is like a traditional Chinese tea shop.

There are tea drinks recommended for customers, customers can choose to buy, or collection.

Digital Sketch

UI Color

Pinky

Before making tea, you should choose tea base first,so that the app can generate the corresponding tea making process.

Please drag the option to the teapot with your fingers.

Hands

Tea Leaves

Tea Cup

Chocolate

My Custom

When user customise a cup of tea,they can also get a new tea elf.

Recommendation

PACKAGING DESIGN

UI DESIGN Many scenes in this app use the first

TEA STORE

User Name/Number

MY CUSTOM

perspective to give users a more

Traditonal Chinese Tea

On’long Tea

Black Tea

GET PIMPLES

Pu’re Tea

Scented Tea

app are shown: Me, How to make tea, is exhibited with a 3D ring effect.

White Tea

LOSE WEIGHT

page, the four main functions of this Custimise your tea, Doctor. This feature

Green Tea

SLEEP

Red Tea

Your Collected Tea Elves

REFRESH

My TeaBi

Lv.3

CATCH FIRE

immersive experience. In the main

TEAa’s Paper Bag

Choose Tea Base

ID:mm1730013014

My Wallet

TEA

$200 Chrsanthemum

Jasmine Flower

Rose Tea

lily flower

Momordica grosvenori

lotus

Cards

Tea Base:

Green Tea

Ingredients:

Lemon,Cheese,Butter,Honey

Pay Score

Pay Security

Sweentness: Less

Total:

Paying Records

$15

1 Settings ADD TO CART

COLLECT

Using the first perspective on the

Congratulations!

Welcome to TeaA!

teaching page for making tea, users can move all objects on the tray to

Move

achieve better interaction. In the scene

TEAa’s Deliver Box

DOCTOR

Pour

of elven breeding, users can cultivate

ME

CUSTOMISE TEA

MAKE YOUR TEA

elves, see several forms of elven

Stir

START

Character:

Greeny

Greeny has a cheerful and generous personality. She loves to laugh. Everybody loves it. It likes to fly around to bring fragrance to tea.

evolution, and then subtly learn to

GET STARTED

Recipe: Recipe:Green Tea,Honey,Cheese,Nuts,Lemon juice

COLLECT

make tea and tea culture.

Your Friend Share it with you!

Tea Type Recommendations

Package design with elf

Choose Ingredients

TEABI PARADISE LV.3

Traditonal Chinese Tea

This is a series of product packag-

Friend

Red Tea

Tea Base:

Mary Your friend gave you an out of print elf! Please accept it. She already has 7 tea spirits. You can take a look at her paradise. Your friends like black tea and honey lemon.

colorful colors to meet the aesthetics of young people.

Green Tea

White Tea

On’long Tea

Black Tea

Lemon Tea

ing designs. The logo uses TEAa's characteristic element elf, and uses

Elf Information

Pu’re Tea

Scented Tea M

Sweetness:

Her Tea Elfs

Red Tea

Ingredients: Lemon,Cheese,Butter Medium

Cake

Milk

Made from fermented and aged leaves. Considered a black tea, its leaves are pressed into cakes. One animal study showed that animals given pu-erh had less weight gain and reduced LDL cholesterol.

Lemon Juice

Cheese

Orange Juice

Property: Apple

Do you want to collect this elf?

Buy it

Give up

Collect

Next

To Make it

Warehouse

Shop

Mission

Strengthen

02/

BEHIND HIERARCHY This interactive installation controls the projection on the building by the distance between people and the installation. The main installation consists of eight gradually increasing buildings, each of which represents a different social class, forming a closed loop in the largest and smallest buildings, encouraging people to pursue what they really want, rather than being vain and luxurious, and hoping that people can enjoy all the things of their own class and enjoy their own life. Through the distance between people and the device, and through the effects of projection, sound and light, the installation conveys to the participants the values of social class identity and pursuit of their own happiness.

BACKGROUND & RESEARCH

Hierarchy in Different Groups

Chinese Social Class Population Size

Animal World Great World Those people at the top are few, yet enjoy 90% of the world's resources.

There is also a hierarchy in the animal world, where the strong can get more food to make themselves stronger, and the weak can only be eliminated.

Resourses

Chinese Upper Class

The hierarchical system of animals

5%

90%

Most of leaders are very strong that can get more food to make themselves stronger, but the weak can only be eliminated.

Chinese Middle Class

Feudal society in ancient China

15%

The nobility of China was an important feature of the traditional social structure of Imperial China.While the concepts of hereditary sovereign and peerage titles and noble families were featured as early as the semi-mythical.

9%

Chinese Bottom Class

70%

THE PLATFORM Bourgeoisie

Middle class people are busy and hard working, they need to exploit the people at the bottom, but also bribe the people at the top.

These two movies make me feel that desire is the cause of sin, and lead me to start thinking, if there is no desire, what the world will be look like.

PARISITE

Theory of class distinction Pierre Bourdieu

Personal wealth:This capital can be immediately and directly converted into money, it is institutionalized in the form of property rights

+ Real estate

Class Barrier

Inspiration

+ Jewellery

Stock

Gold

This capital can be transformed into economic capital under certain conditions, and it is institutionalized in the form of educational qualifications. Specifically refers to the total of cultural resources owned by a person.

Bottom of society language

His research proposed frameworks and methods, and introduced such influential concepts as cultural, social, and symbolic forms of capital that led to class differences.

Science

Diploma

This kind of capital is formed in social connections and can be transformed into economic capital under certain conditions. It refers to the interpersonal relationships (kinship, etc.) that individuals can mobilize when needed.

Relationship Net

+ Bloodrelationship

+ Friends

Ecclesiastical hierarchy The Pope, the supreme ruler of Europe, was extremely corrupt and wasted at will; reorganizing and squeezing the people and frantically collecting money.

Art

3.The symbolic of class differences--Social form of capital

=

Just as the bureaucratic aristocracy in the Roman Empire oppressed the Roman people, the noble lords of medieval Europe also oppressed the peasants.

+

2.The solidification of class differences--Cultural form of capital

In every country there are underprivileged people who don't have enough to eat , wear and live.

At that time, slaves could be sold as commodities, and the vast pyramids in Egypt were the result of oppression of slaves.

Aristocracy

1.The roots of class differences--Economic form of capital

=

The path for the lower classes to cross the class barrier is very narrow.

1%

Slavery in ancient Egypt

Classmate

CONCLUSION There will be a set of class rules in different groups. People with absolute power can become upper classes and enjoy resources from the lower classes, but the obvious difference from the animal world is that the generation of human social classes is often due to inheritance of wealth power and knowledge.

INQUIRY EXPERIMENT

Step 4：Focus Group

Step 3 : Let participants use different tools to explain how they feel about the class distribution

Research Aim:By inviting people from different classes to express their understanding of class differentiation and hierarchy with models, we can understand the views of people from different classes on hierarchy.

1

4

3

2

Step 5：Affinity Diagram

Step 1:Experimental Props Woollen yarn Paper knife Scissors Lego Building blocks

“People have the instinct to struggle upward, but few people can achieve class leap.”

Ultralight clay

“All those who want to cross the class gap will be engulfed by complex social relations.”

“The world is governed by power, people who are just, cannot change the world.”

“People at the bottom of the society live like garbage and are exploited by people at the top.”

Elastic Paper clip

1 Pen

2

Four volunteers from different classes showed me their opinion of class distrubution with their models.

It’s surpurise to see their points are all differents.Their models related to the stability of social structure, housing prices, exploitation and control, but they all mentioned the inseparable from the differences between the upper class and the lower class.

Adhesive tape

2

Lisa 100k-500k/Month

Partner of law firm

Oxford University, majoring in Financial Mathematics.

Master of Sun Yat sen University, majoring in Chinese law.

Life satisfaction

Life satisfaction

Life description Anxious Boring Hopless

Color Meaning

51%

Tong

Tired Stressed Worried

20000-30000/Month

Upper Class Middle Class

Anxious Boring Hopless

4

Occupation: Senior carpenter

6000-7000/Month

Color Meaning

·Uneven blocks：Social instability.

Housing price

·Paper Tissue：Insurmountable obstacles.

House slave

·Blue Block：Excellence People.

Upper class:Callous

Life satisfaction

Bottom class:Substantial and vivid

Anxious Boring Hopless

Tired Stressed Worried

20%

<2500/Month

Anxious Boring Hopless

3

1

Opinion

Negative Can't enjoy high quality life.

2.Group members wrote down our thoughts and post them on the whiteboard to discuss together.

Lower Class

4

Lower Class

4

Positive

Relaxing life Healthy life Style Happy Peaceful Enjoy easy life With love

Upper class

1

Opinion

Positive

Negative

Rich Relaxed Happy Easy to get sucess

Busy

Human desire

·Lego Blue: Housing. ·Lego Basis: Housing Slave.

Color Meaning

Life satisfaction

Life description

The upper class's control of house price.

Color Meaning

Primary School

Mary Hu

·Woollen yarn

Topic : Exploitation

Education: Junior College

Life description

Structure

Topic : An unstable world Blue and red are contrasting colors, thus representing the irreconcilable situation between the upper class and the lower class.

Occupation: unemployed

60%

Pill

Structure

Upper class

Over fantasy

Negation of self value

Tired Stressed Worried

4

3

Bottom Class

62%

Life description

Topic : Who controls housing?

Topic:An unstable world

Young entrepreneur, CEO of technology company, shareholder of many listed companies.

Step 6：Conclusion

Modeling Outcomes

Step 2 ：Invite Participants 1

1.Group menbers builded models together and discussed the direction of output.

Tired Stressed Worried

Insurmountable class gap

Upper class:Powerful

I hope that when we experience their life of different classes, we can more affirm the value of our existence, rather than be blinded by fantasy of other classes,and find what we want to pursue.

God's perspective Middle and bottom classes

Structure Red clay and line

Structure

The upper class, like the octopus, exploit the lower class, but always feel that they are pitying the lower class.

Gloves: The control of the upper class.

Gloves(Middle):Upper class people prevent other

The bottom people live like garbage.

classes from entering.

Design Aim

Scattered Lego blocks

3.Share cases and experiences.

MINDMAP Participants can bounce on the pressure plate or bounce back and forth on several pressure plates to make the wire mesh shake.

1

Stepping on the pressure plate will trigger interaction.

Building

Middle Class

70%

Lower Class

social stratification

2 Stereotype

Shake

Hierarchy

Large population,little food

2

Plastic

Holographic projection

n es io su cc to y Ea s

t an ag av Ex tr d an h Ric

Distance>1m 11

m to

m 6a

ep

t sle

Represent

pm

ll

we

us

ke

My

rk ma

nervo

wo

n’t

I do

Do

not

have

real

know

my

goal

nd

frie

ous

nder

The

wo

rld

of life

are

re da

to me

mo

Distance<1m According to the distance between people and images, the sharpness of people's own shadow in projection will be different.

The clarity of projection depends on the distance between human and model.

Distance<1m

st

sta

nc

e>

1m

54

When the distance between the user and the building is less than 1 m, the image reflects the real life of this class, and the projection is gradually clear, playing a happy sound.

6 Noisy sound

3 This device has four sides, representing three classes and one's own respectively. When a person goes to the corresponding class's surface, the device will display his own image and some words corresponding to the corresponding class.

Some words according to classes ork

Iw

from

6am

to 11

eep

ot sl

nn

I ca

My

ake

rk m

wo

me

have

The

dle

Mid

s

Clas

oal

yg

wm

kno

Teahnical Feasibility

pm

ll

we

nerv

n’t

not

Upp

Middle Class

ous

I do

Do

e

ss r Cla

Theme Communication

n no

Distance>2m

Cheerful music

Di

Di When the light is on for 2 seconds, the video of the stereotyped image of this class is projected onto the building. The image is blurry, the sound is noisy and small, attracting users to get close to the building.

Visual Effect

Projection

rk fro

I ca

Noisy sound

According to the distance between human and architecture, the projection of the representative class in architecture will change from the stereotype of this class to the real image.

I wo

me

Distance<1m

Shape

Colorful

4

Teahnical Feasibility

Projection

The building will be projected the image of the corresponding class

rt

Sta

At the same time, there will be a sound that changes from comfortable to harsh.

Projection

Life cycle

People begin to experience from the lowest building. When people enter the detection range of the building, the building will light up.

3

Middle Class

Upper Class

3 Close Loop

Lower class

Bottom Class

The building model froms a closed loop.

Ultrasonic Sensor

Class integration

A scene in which the most senior and the lowest people live in one scenes.

Using bungalows to represent lower class.

Natural Interaction

Suppid

Upper class Using big villa to represent upper class.

Visual Effect

When stand on the pressure sensor,the corresponding partition of different class will like up in different texture ,to show another face of people’s life.

Natural Interaction

Ugly

Teahnical Feasibility

Few people,more food

Theme Communication

Dirty

Four sides represent four classes

The discourse describing this class will change from stereotype to some real portraits.

Bourgeoisie Using small villa to represent middle class.

Poor

Relax

The interlocutor stands in front of the building to watch the image and listen to the sound.

More people,few food

The barbed wire that filters the food model shakes as the user steps on pressure plate.

Easy

Different partitions use different project effect, cracked materials are used at the top layer, which means that the higher people are, the more likely they are to face huge life risks.

2

Projector

Double Layer Cylinder Device

Population

Social Class

Rich

1

Theme Communication

28%

Food Model As the liquid level drops, the food model is filtered layer by layer by the filter net, reflecting the uneven distribution of resources in the society.

Natural Interaction

Visually hierarchies

Upper Class

1

Trigger interaction

THE PLATFORM

Cylinder

UX MAP

SKETCH

e

of lif

nd

l frie

rea

rld wo

are

us

ero

and

re d

mo

e

to m

The sharpness of one's own image will become more and more blurred with the rise of class.

Visual Effect

Distance <1m

When approaching the middle-class buildings, you can see some imperfect pictures, such as family conflicts, and the voice will rush up.

<1m This is the last architecture ,the projection in which the most senior and the lowest people live in one scene , peacefully.

an

ce

<1

m

TECHNICAL ANALYSIS

DRAFT Medium Shot

How it works?

Projecting Mapping Technology

Arduino-Sensor,LED light

Processing-Video

Projector

When a person enters the induction zone, the light is on.

Loudspeaker box Led light bulb

Ultrasonic Sensor

When no one is in the interaction range, the device will show metallic luster under the illumination of the ceiling light.

Close-up

Wiring Diagram

Workflow Loudspeaker box

Projector

Visual Effect

Processing

Ultrasonic Sensor

Increased clarity When the distance between the person and the device is larger than 1 meter and less than 2 meters, the projected image and sound is blurred on the structure, which attracts participants to get closer to the device.

When the participants are close to the interactive device, the projected image and sound will be very clear, and the image can reflect the true portrayal of the class life corespond with the building.

3D MODEL

OUTCOME 1

2

Testing

Using 3D printing technology to print out a small size model for testing.

Testing whether the connection of the Arduino board and the model projection can work normally with the programing.

1

When the distance between participant is greater than 2 meters, the video of the stereotyped image of this class is projected onto the building. The image is blurry, the sound is noisy and small, attracting users to get close to the building,the projection content and sound will gradually become clearer and the picture will become more and more integrated.

2

When the distance between the participant and the device is less than one meter, the projected image and sound are very clear. The image shows two people from the top and bottom of society fishing together. It means that human life is ultimately plain and simple, and people should enjoy their lives.

03/

FUTURE DOOR This is an online internship experience service designed for job seekers or students, and it directly opens up another new path for corporate talent discovery and recruitment. Through cooperation with enterprises, the platform collects the mission requirements released by enterprises and helps the company transform the requirements into a complete internship experience project.

For users, the platform will match the internship experience items (including companies and positions) that are suitable for users or usersâ&#x20AC;&#x2122; interests based on the personal information they fill in. After users choose the internship experience project they are interested in, they start a series of immersive internship experience. For outstanding accepted works, the author will get corresponding rewards, such as bonuses or real internship offers, these rewards will be clearly marked in the details of the internship experience project.

Throughout the experience, users can gain a lot of experience through professional resume modification guidance, interview skills experience, interview drills and other pre-internship preparations, so as to improve the competitiveness of interviews in the real circumstances; after the experience starts, users will experience a AR interactive video to enjoy the process of the first day of employment, and has a preliminary understanding of the companyâ&#x20AC;&#x2122;s environment and work system atmosphere in AR. During the work process, the task requirements will be clearly displayed to the user and NPC tutors will often appear to interact with users, giving users a more immersive experience. After completing the task, all the works of the experience interns will send to HR, and the company will decide whether to adopt excellent works. Winners can get rewards or real internship opportunities provided by the company. Therefore, this platform builds a bridge between companies and job seekers, meeting the need for companies to find talents without pressure, and also meets the social practice of job seekers or students, accumulating experience, demonstrating talents, and obtaining offers.

BACKGROUND RESEARCH Low Employment Rate 900 800 700 600

727

749

756

795

QUESTIONNAIRE Reasons of Internship

100%

92.6% 92.2%

500

91.8%

400

91.9% 91.5%

91.2%

1.How do you find an internship or job?

90.9%

89.6 %

75%

62.5 %

50%

40 %

25%

45% 56.2% Have internship

200 100

2015

2016

2017

Fresh graduates (In ten thousand)

2018

2019

2020

18%

Without internship

Employment rate

The number of fresh graduates has increased year by year, but the graduation rate has dropped.

Current Status of Internship The proportion of male and female who choose internships during college is 3/2.

Think internship experience is important.

The internship is to accumulate experience for future job search.

In order to experience different kinds of career.

68%

of Students think is hard to find internship that suit them.

School provides

9%

39%

61.5% of students are juniors.

37%

of students unsatisfiy with their internship.

78% of college students have internship experience during university.

100%

74%

of internships are unpaid for overtime.

13%

37.08%

Personal Development

2

83.15%

Leadership Style

3

14.61%

Colleague Relationship

4

25.84%

Company Environment

5

25.84%

Job APP

Corporate Recruitment Website

3.What do you want most from internship?

4.How satisfied are you with the internship experience?

63.57%

Company

40 of studentsâ&#x20AC;&#x2122;s internship do not match their majors in university.

39.3%

of internship units did not arrange internship training.

27%

The average salary of graduates with internship experience is 27% higher than others.

1

0

Internship Problems

VS

60.7%

78%

In order to get paid and financially independent.

78% of bosses believe that people with internship experience are more capable.

Salary

School provides

38.6%

The proportion of fresh graduates with internship experience getting offers is 20.34% higher than who without internship experience.

0

25%

Family introduction

15.2 %

300

2014

2.Which item do you value more in work and internship?

Students

874

834

820

Internship Advantage

62% 61% 43%

Stimulate the vitality of the enterprise

40% of students come from

Old staffes will be affected

China's top 50 key

by youthful spirit and better

universities.

complete their work.

4 Propaganda

Reduce labor costs

If students have high comment on a companyâ&#x20AC;&#x2122;s internship can help company employ more outstanding graduates .

The cost of hiring interns is lower.There is no need to pay social security, five social insurance etc for them.

Little development opportunity

27% 20% Working hours are too long

Im

rofe

ep

v pro

ssi

ty

bili

la ona

So

tice

rac

lp cia

h Ric

e

um

res

lore

Exp

Conclusion

ve

u lo

yo hat

w

100%

5.What dissatisfied you most in your internship experience?

47% Absorb high-quality talents

50%

ke Ma

nd

frie

ties

bili

ta Tes

Dealing with leaders is too complicated

The company platform is not big enough

Used by leaders as tools

Old employees have a bad attitude towards interns

1.

Companies value so much about students' internship experience when recruiting,but internship opportunities for large companies are small and the threshold is high.

2.

3.

The internship system is not canonical, and over half of the students are dissatisfied with their internship.

Companies face the problem of talent vacancies, and students need a platform to practice and show their skills and talents.

SERVICE SAFARI

INTERVIEW

In order to investigate the operation mode and current situation of the school's career development center, I went to the school's career development center to make an appointment for their main service —— one-to-one consulting service.

I conducted in-depth interviews with two college students who had internship experience ,to find out their pain points and gains during the internship. I also interviewed the school’s career planning teachers and the company’s HR, get to know more about their requirements and suggestions for interns.

Offline Appointment

01

There is a small sign at the door that says Student Career Development Office, but it is small and easy to miss.

02

Indicate the office location but not clearly enough.

John

04

Lots of paper materials for students to read.

There is a sign at the door telling students the specific location.

05

The office is large but there are no teachers and students.

06 The office is messy and there are no teachers.

What dissatisfied you most in your internship experience?

I felt that the internship position was different from what I expected. The things I needed to do were messy, I couldn't see my growth.

What are the obstacles to find internship?

I really want to experience Internet-related internships, but because my major does not match, it is difficult to apply.

The corridor leading to the office is narrow and difficult to find.

There are many brochures about studying abroad and internships at the door.

Kiki really want to experience different positions in large companies, so that she can better know what she can do in the future, but the current internship does not allow her to do so.

Belenda

Lily Zhao

27-Career Planning Consultant of Shenzhen University What do you consider when help students planning their career ?

I will combine his or her major and hobbies, and give them priority in finding a position that meets the requirements in the company that cooperates with the university.

Conclusion

The school's career development center is not large in scale and influence, and it is difficult for students to enjoy resources.

Job recognition Internship satisfaction

What is the happiest thing in the internship?

Kiki Deng

I am engaged in interaction design. I am happiest when my ideas and work are recognized by my peers and leaders.

What do you think is most important thing in the internship?

Media art Design Student

Pain points

21 years old

·Competition for internship positions in famous companies is fierce.

·Strengthen student competitiveness

·Hard to get internship opportunities.

·Improves personal ability.

“

It” is really hard for me to find a internship that I like

I think experience and friends are most important to me.

Online Appointment

Unstable online booking site.

Communication Skill

21-Student-Interractive design

There is no one in the office during office hours,so I did not make an appointment successfully.

Online appointment is successful.

Professional Skill

Background

03

22-Graduate-Marketing

Find the student career development office by asking a teacher.

PERSONA

Crystal Hua

28-HR in Tencent What are your general requirements for recruiting interns?

I hope the interns can have internship experience in related majors. If not, I will have higher requirements for his or her ability or education.

”

Requirements

·Like a tool person, doing a lot of things that have nothing to do with the job.

·Have clear guidance on employment analysis.

Job coverage

Recruitment success rate

Understanding of students

Talent demand

Pr.Zhang

Lily Sun

Career Planning Consultant

Human Resources

47 years old

30 years old

Pain points

Requires

Pain points

Requires

·Not understanding the needs of students.

Need to investigate the needs of students.

·Hard to recruit talents.

Establish corporate image and attract more potential talents.

·Can only provide students with very limited resources.

Cooperate with more emerging companies.

·Good interns are easy to lose.

More fixed-point training and assimilation of values.

·Insufficient publicity, the consultation office is in vain.

Improve publicity and help more students.

·Screen a lot of low-quality resumes which wasting time.

Efficient screening of resumes.

USER JOURNEY MAP

PROBLEM TREE

Awareness ·Realize that I need an internship.

Practice

During the internship

Prepare for interview

·Ask seniors and parents to know more about internship.

·Edit resume.

·Find relevant positions on the internship app.

·Waiting for HR reply.

·Start interview.

·Resume delivery. ·Receive an interview invitation.

·Gain Offer.

·Prepare for interview.

Communication

Missions

Communicate with colleagues and leaders.

Complete a lot of work that has not been done.

2.Companies are impatient to train interns.

Calm

Annoying

Pain points

Do very trivial things that have nothing to do with job.

Happy

3.High requirements of perfessional skills to internship.

1. Interns have low satisfaction with the internship.

2. Students do not know their employment direction after graduation.

3.Graduate unemployment rate increases.

Enterprise It is difficult for a company to recruit suitable and qualified interns.

Interns It is difficult for interns to find internships for their favorite companies and positions.

Nervous

Anxiety

Causes Nervous Irritability

Opportunities

Core Problems

Effects 1. HR spends a lot of time screening low-quality resumes.

Excited

Excited

Mood changes

User behavior

Find an internship

1.Not clear about the significance of internship.

1.Not sure how to apply for an internship.

1.Don't know how to write a resume.

1.Long waiting time with out any reply.

1.Not familier of position and the company.

Stressful

·Feel that there is no room for growth. ·Not good at work related to this position.

2.Lack of interview experience and skills.

2.Unfamiliar with "internship".

2.It is not clear what position to apply for.

1.Provide relevant data and information about the internship.

1. Provide a complete application process system to guide students to operate.

1.Provide resume templates.

1. Detailed process timeline.

2.Automatically correct spelling errors.

2. Interview experience sharing.

2.Provide abundant recruitment resources.

2.Help students understand themselves better.

3.Automatically selects positions.

3.Provide mock interview opportunities.

3. Automatically recommend suitable positions.

·Facing unfair treatment，like forced overtime.

Disappointed ·Forgot the job content of internship when writing a resume. ·Want to try a different position.

1. Provide new and past interns communication platform.

1.Provide daily evaluation system to the intern company.

1.Evaluate internships and share experiences.

2. Provide company and position details.

2.Provide more different types of internship opportunities.

2.Virtual experience job.

3.Post internship diary.

1. Interns have poor social experience, low communication skills and professional abilities.

2.High mobility of interns.

1.Students don’t understand themselves enough,and skills are poor.

2.Because of the college entrance examination, many students fail to choose their favorite majors.

3.Schools and society provide little internship information.

SKETCH

MIND MAP

APP SKETCH Mission expierence

1.

PC

Theme Communication

Task 1

Reservation Ai interview

Manual interview

Prove ability

Mock interview

Scan the company enviroment

Training interview skills

Nervous

Want to see the company environment

Lecture

No skills Want to experience different positions

Difficulties

Experience

Solutions

Corporate Favor

Professional skills improvement

Competition

Interview

1.Career Experience Exhibition.

Win the bid

Suggestions

Forum

Interview experience sharing

No experience

Demand

Gain Experience

3.The watch will detect your location and use holographic projection to post tasks to you.

4.Follow the prompts to complete tasks in different rooms.

Selection Bidding

2.

Tender

Practice

Theme Communication

Design

Company outsourcing projects

2.Wearing VR glasses.

3.Experience the company's environment more realistically with VR glasses.

4.Experience the work content in the VR environment.

Manifestation

Visual Effect

Interesting

Game

More possibilities

VR

Large market

Good sense of experience

Web

Cosplay

Provide

Interns

2.See requirements.

3.work on the project.

4.The company selects suitable works.

Convenient

Strong sense of substitution

Universal

Large competing products

3.

Theme Communication

Wearable device Smart watch

Unversity Club Gain

Task arrangement

NPC setting

Daily clock in

Technical Feasibility

Leader

Company

1.View company outsourcing tasks or competition.

Wide users Saturated market

Few competing products

Activities Exihibition

APP

Interview

5.Get paid and work experience.

Natural Interaction

Youthful

Technical Feasibility

1.Put on VR glasses.

Internship

Function

2.At the entrance, the staff will issue mission watches.

Visual Effect

Natural Interaction

Introduction of the company

Award

Technical Feasibility

Payment

Natural Interaction

Go to room 4 and claim your task.

Opportunities to enter society Manifestation APP

Leader

Boss

Colleague

Learn communicate skills Learn to handle working relationships

1.Register and fill in association or company information.

2.Ai matches suitable companies or associations.

3.Have a chat about cooperation with potential partners.

4.Reach cooperation.

5.Offline cooperation.

6.Feedbacks.

Visual Effect

Exhibition

WIREFRAME

Collect message 1

Homepage

Mission

Me

2

Desired occupation Design

Interactive Design

Jump

User name / Number

Media Design

A

App side application

2

Product manager

Product Assistant

User research

Interactive Design

Name 167s

Currently progressing

Interview

381

Completed

Choose internship job type.

Reservation

Collection

Job position:Interactive Designer

Scan, setting and VIP functions.

Visual design

Graphic design

Interactive design/User

3D design

Post/Special Effects

Animation

Education

Users can reserve offline activities, participate in community discussions, bookmark positions they want to experience and give feedback.

Shenzhen

4

Company 2-Task 3 Job position:User Research

Job Position Media Design

4days/week

167s

Biomedical

Why choose our company ？

Company Name Beijing

5days/week

Feedback

Company Name Beijing

5days/week

PC side application

Settings Internship Experience

Interview

The homepage will matchInterview suitable positions based Resume Reservation on the previous understanding of users, and list suitable internship experience projects for users to choose.

Users can inquire about their task status and resume interview information on this page.

Me

Interview

Internship

This page can directly view the user’s past tasks and ongoing tasks, click to jump directly to the experience interface.

Reward

Resume Delivery

LOGO

Resume

Interview

Internship

Job Details

6 Tasks

1 Months

4

Good welfare

4

Company's detailed introduction.

5days/week

6 Days

Good welfare

AR Live-action video production team

Product Team

Reward

3D Experience Video Production Team

Design internship experience service

Applicant's internship resume.pdf

Beijing

Free traffic

5days/week

Convertible 6 Days

Company Name

Internet/Software 5000+people

Internet/Software 5000+people

Beijing

Good leader

5days/week

Company Name

Visual Design

Effect Design

Good welfare

Convertible

Tencent was established in November 1998 in Shenzhen, China. It is an Internet-based technology and cultural company.

Our mission is to "improve the quality of human life through Internet services." Adhering to all business philosophy based on user value, we are committed to providing high-quality integrated Internet services to hundreds of millions of netizens.

[We can offer you]

Development Team

Shooting and product materials

Shooting and product materials

Analyze company mission requirements

Name

Favorites

Experience

Number

Review works, feedback results Submit Resume

I have read and agree to the privacy policy

Start Internship

Information Flow

LOGO

Resume

Interview

Internship

1st Prise

irm

Reward

u eq

3st Prise

Company

Requirment

Completion: Top 5%

Deadline

To give you a more immersive experience, we will turn on your computer’s camera and microphone. You can use any function of your computer indiscriminately on the premise of opening our application.

Internship Expierence Job

Internship Expierence Job Title

Adopted

Last 2 days

Invitation to interview

Internship Expierence Job

Completion: Top 5%

Completion: Top 5%

Adopted

Adopted

Invitation to interview

Invitation to interview

Task2

Bonus：¥500

Task3

Details

Bonus：¥700

Details

Bonus：¥700

Details

te

Pr

e oj

R ct

Platform Talents input

Task1

2st Prise

In

t en

rn

Internship works

7

2020.10.5 10am

Information Flow

Finish internship expierence

8

Internship Experience

Excellent works selected

Obtain the user's camera microphone and other permissions to avoid scaring the user.

Achieve a complete experience

Please input your information

Company Location

Good leader

Reminder page

Basic Information

Company Description

1. Professional WeChat ecological user growth/operation system learning 2. Tencent internal courses & lectures learning plan 3. Million-level new media operation experience

New Media Operations

Free traffic

6 Days

Internet/Software 5000+people

Good welfare

Upload your existing resume, the system will evaluate it and give suggestions.

The game NPC will come out at any time to check the user’s work progress.

Design Team

2000+ staffes

I have read and agree to the privacy policy

7

Teacher

Resume

You need to do a competitive product analysis for Chinese online education software, and you need to have relevant pictures and data to prove your point of view.

6

Development team 3D scene restoration team

Student Union

20:34

Listen to excellent answer cases and improve interview skills.

Senior students with internship experience

Internship service provider platform

2020.9.10 11:34

Future Door

5

University student

Jump

Tencent

1. Familiar with the operation mechanism of a large and short video platform, will be able to edit video, have relevant experience 2. Control the user conversion, retention, and activity 3. According to operating data, optimize operating methods and increase conversion rate 4. Invincible patience, good at communication, strong ability to withstand pressure 5. Bonus items: good English; good copywriting skills, good planning ability; proficient in using office software

Initerative Design

Company Name

Free three meals

Related national government agencies

Experienced worker

2 days/week

[We hope you]

User Experience

Free three meals

Companys

Job Description

Finished

Interactive Design

Internship

Job Descrip

Interactive Design Intern

Interns

SYSTEM MAP

5

Homepage

LOGO

Reward

Internet/Game/Software

Beijing

This page is a detailed introduction to the company and the internship experience.

When the mouse moves to the bottom of the screen, the navigation bar will jump out to facilitate the user to use tools.

Good experience, fast improvement, excellent performance can get a certificate of internship

Ongoing experience

Event planning team

9

3

Homepage

Homepage includes direct search function, and the latest news and event introduction.

Popular job

HR

：00

The experience will not affect any function of the user's normal use of the computer.

Me

Enter the desired internship position, company

2

03

8

6 Days

Done

Job highlights

3

Time：

Progress rate:

Database

Resume

Backstage management operation team

Job position:New media

Job Position

LOGO

Others

Resume Assessment

Test

Front-stage

Financial management

Nest

Start answering

6 Days

Algorithm

Technology

Competitor

Design Team

Company 3-Task 1

Interview Assessment

Job Position

Technology

1

2

1/10

Last question

Illustration

Collecting user information, matching user favorite internship experience project and other services.

On the homepage,user can see popular internship expierence which match them.

School-related

Enterprise HR

Progress rate:

Internship Experience Status

6 Days

Service

It will show PC side link of the internship experience, after logging in on the PC side, you can continue to complete the last task.

The navigation bar is the four major steps to apply for an internship.

543

My Task

Resume

1

381

School Cooperative Career Development Center

Serive platform-related

Name

Career Objective

Advertising / Media

543

167s

Business / Trade UI design

381

Name

Interactive Design,User Research,Design

Design

543

167s

Progress rate:

Design

381

Name

Company 1-Task2

Community

Game planning

JAVA

B

Company-related

167s

Enviroment

4

Traditional enterprise

543

Name

Feedback

Company Name

3

Excellent answer

General functions

IT / Manufacture

1

Homepage includes direct search function, and the latest news and event introduction.

Product

Internship Experience Status

3

Edit

Online resume perfection:100%

Internet

STAKEHOLDERS MAP

Mock interview

6

Task4

Internship Expierence Job Title Finish

Completion: Top 5%

Real internship opportunities and remuneration

Adopted

9 Bonus：¥300

Turn on vedio

Chat

Microphone

End experience

Details

NO More

High-quality low-cost labor

sh

ip

R

eq

ui

rm

en

t

Student

MOODBOARD

SERVICE BLUEPRINT During the experience

After

CUSTOMER ACTIONS

PHYSICAL EVIDENCE

Before

#FFFFFF

·Log in to the webpage

·Submit resume

·Users choose their job experience card

·Schedule an interview (virtual)

Interact with the NPC on the screen to complete the interview

(interaction: dialogue, click on the option)

1.E-mail received the offer

1.Induction training 2.Join a virtual team 3.Accept internship task

2.Click the option to interact with HR at a call

1.Online virtual simulation internship 2.Communicate and discuss with team members

1.Starting the working mode 2.Complete the task step by step

1.Submit works and complet experience 2.Waiting for review results

ONSTAGE BACKSTAGE

1.Give users scientific information filling forms and position options

1.Realistic resume template

1.NPC interviewer questions

2.AI assessment resume score

2.Wonderful answer example

3.Interview notification information reality

1.Send an offer 2.Play interactive HR call

1.Play interactive scene video

Ai matches group members

3.Interview scoring

Visibility line 1.Update APP and URL dynamics 2.Ai matches the appropriate internship experience

1. Update user information in the background 2.Ai resume quality assessment 3.Virtual interview library management and distribution

1.Intelligent extraction of interview questions 2.Wonderful answer recording and collection

Single Teammission work

1.Edit offer content 2.Using HR original sound 3.Interactive option settings

1.Contact the company 2.VR team shoots and produces interactive video

3.Ai Smart Scoring

Distribute task cards( DDL, request...)

Determine the task theme and match the time Set up single task or group task NPC mentor interaction

2.Working with colleagues in a corporate environment 3.NPC instructor interactive animation

1.Detailed task requirements and requirements 2.Working environment VR perspective animation 3.Set up NPC tutor interactive animation

1.Upload works email link

1.Show review progress

Gain Internship badge awarded

Finalists 1.Enter the company's talent pool 2.Get pay

1.The platform selects outstanding works and sends them to company HR mailbox 2.HR and company review works and give feedback

1.HR contact finalists 2.The company team reviews user performance 1.Medal design 2.Feedback form

SUPPORT

Internal interaction line 1.Development and design team support 2.Ai technology

1.Design resume templates 2.Development and design team support 3.Ai technology

1.Interview experts 2.Ai technology 3.Design and development team

1.Design and development team 2.HR sound support

1.AR, shooting, design, development, outreach team 2.Company docking person

#D86E48

#372A7B

2.View internship evaluation

Loser 2.Excellent works received

by HR mailbox

#79659F

1.View review results

Interaction line 1.Turn on the camera, microphone request

#8CB7D8

APP DESIGN

Desired occupation Interactive Design

Melendaaa

Media Design

Design

Edit

Online resume perfection:100%

Product Internet

General functions

The main function of the mobile APP is to match and provide internship experience projects suitable for users, and provide project progress and results as well as reminders of the latest activities. The main internship experience will have a better sense of immersion on the computer side.

Adjust

Internship Experience Status

Product manager

Product Assistant

User research

Interactive Design

Interview

2020

Game planning IT / Manufacture

Design

Reservation

Collection

Tencent-Task2 Job position:Interactive Designer

UI design

Visual design

Career Objective

Graphic design

Progress rate: Interactive design/User

Interactive Design,User Research,Design

Advertising / Media Media Design

3D design

Post/Special Effects

Animation

Internship Experience Status

Education

Service

Completed

Community

latest e-commerce famous enterprise internship

Design Business / Trade

Feedback

Currently progressing

ByteDance-Task 3

My Task

UI Designer

Illustration

Tencent

Shenzhen

4days/week

Job position:User Research Progress rate:

6 Days

Interview Assessment

Technology Biomedical Technology

Enviroment

JAVA

Algorithm

Resume Assessment

Test

Feedback

Design Intern Front-stage

Database

Alibaba Beijing

5days/week

Soyoung-Task 1 Job position:New media Progress rate:

6 Days

Financial management

Settings

1.Design and development team

1.Design and development team

1.AR, shooting, design, development, outreach team 2.Company docking person

1.Design and development team

2.Company docking person

Google-Task2

Done

Job position:Interactive Designer

Interactive Designer Shopee Beijing

5days/week

Progress rate:

6 Days

Questionnaire on user career direction.

“Me” page helps users solve general account problems.

Homepage that allow users choosing the internship project that they want to try.

No more

This page allows users follow up the progress in their internship experience.

UI DESIGN The entire service uses the color of vibrant orange and purple.

1

Future Door

Resume

Interview

Internship

Reward

1

Tencent IT

Operation

Interview

Internship

Reward

1

Interactive Design Intern

Autumn Recruitment officially launched !

Design

Resume

Job Details

Enter the desired internship position, company

1.The homepage can intuitively display our internship experience projects to users according to companys demands, and user can also learn about the latest activities through the banner.

2

Future Door

6 Tasks

1 Months

1

2 days/week

Product

Tencent

Job highlights Good experience, fast improvement, excellent performance can get a certificate of internship

Internet/Game/Software Popular job

Ongoing experience

2000+ staffes

Job Description

Finished

[We hope you]

2.Click on the project on the homepage, we can see more detailed information about the internship experience, such as demand, company, time, reward, etc.

3.The entire internship experience project includes the steps of submitting resumes, interviews, entry, work, to the final completion of the task and company will review user’s work and give rewards or real internship opptunities to winner.

Interactive Design Good welfare Beijing

User Experience

Good welfare

Free three meals

5days/week

Beijing

6 Days

Free traffic

5days/week

Convertible Beijing

6 Days

Good leader

5days/week

6 Days

Alibaba

Google

ByteDance

Internet/Software 5000+people

Internet/Software 5000+people

Internet/Software 5000+people

Company Description

1. Familiar with the operation mechanism of a large and short video platform, will be able to edit video, have relevant experience 2. Control the user conversion, retention, and activity 3. According to operating data, optimize operating methods and increase conversion rate 4. Invincible patience, good at communication, strong ability to withstand pressure 5. Bonus items: good English; good copywriting skills, good planning ability; proficient in using office software

Initerative Design

Tencent was established in November 1998 in Shenzhen, China. It is an Internet-based technology and cultural company.

Our mission is to "improve the quality of human life through Internet services." Adhering to all business philosophy based on user value, we are committed to providing high-quality integrated Internet services to hundreds of millions of netizens.

[We can offer you] 1. Professional WeChat ecological user growth/operation system learning 2. Tencent internal courses & lectures learning plan 3. Million-level new media operation experience

New Media Operations

Visual Design

Effect Design

Good welfare

Good welfare

Convertible

Future Door

Free three meals

Free traffic

3

Homepage

Company Location

Start Internship

Good leader

Internship

4

Reward

Job Description

This is the design team and your colleague Come and say hello to them..

Jump

This is the technology development team.

Resume

Applicant's internship resume.pdf 2020.9.10 11:34

4.This is an Ar’s onboarding experience, each company’s is different, it was shot and produced on site.

Basic Information

Name

Please input your information

Number

I have read and agree to the privacy policy

5.This is the work interface, with a view of the work environment in the upper left corner and leader NPC interacting with you to check the working progress of the user. The entire working mode is highly restored to normal computer usage mode, providing users with a more immersive experience.

5

Submit Resume

Future Door

Future Door 20:34

Honor Badge Library

Task1

Resume

1st Prise

2st Prise

Interview

Internship

Reward

1

3st Prise

Requirment

Good job!

ByteDance:User experience

Google: Interaction Design Intern

Employment Status

Deadline 2020.10.5 10am

Users can experience the entire onboarding process of the company's internship program through Ar in our service, giving user a more immersive experience.

HR News

You need to do a competitive product analysis for Chinese online education software, and you need to have relevant pictures and data to prove your point of view.

Last 2 days

Completion: Top 10% Adopted Invitation to interview

Task2

Shopee: Project management

Completion: Top 5%

Completion: Top 10%

Adopted

Adopted

Invitation to interview

Invitation to interview

Friends Situation Bonus：¥500

Task3

6.Check the results of your work and get in touch with the company's HR.

6

Details

Bonus：¥700

Details

Cocacola:Design Intern Completion: Top 15% Unadopted

Bonus：¥300

Turn on vedio

Chat

Microphone

End experience

Feedback

Details

In order to give this service a better sense of experience, we recommend users to use the computer-side experience, which can bring users a better working mode and a certain sense of tension.

Task4

Finish

Bonus：¥700

Details

NO More

04/

RESET PRODUCT DESIGN/UX DESIGN/HCI

Nowadays, people use mobile phones for an average of 3 hours and 15 minutes every day and are unwilling to face the increased amount of information that cannot be sorted out by our brains. This information constantly stimulates peopleâ&#x20AC;&#x2122;s brains and frees people from the worries of real life, feeding addictions to mobile phones. However, when people need to put down their phones to go to work, negative emotions like self-blame, anxiety will appear, which affect people's work. In order to cope with this problem, people have designed some apps, such as Screen Time, Focus Plant, etc., but none of them can effectively relieve anxiety, so I aim to design an interactive product of a desk accessory called RESET to prevent people from getting addicted to mobile phones and alleviate anxiety after putting down the mobile phone. In this way, my project strives to improve people's work efficiency and quality of life.

RESET can detect whether a user's use of the mobile phone has caused information overload and negative emotions, and it can provide interactive feedback accordingly, allowing users to put down the mobile phone and use breathing therapy with changes in sound and light to help users back to work and life in a calm and positive mood.

BACKGROUND RESEARCH 1.Definition of information overload

INTERVIEW

3.Information Overload

4.Anxiety phenomena 12%

10 times

The information explosion is the rapid increase in the amount of published information or data and the effects of this abundance.As the amount of available data grows, the problem of managing the information becomes more difficult, which can lead to information overload.

5%

01 2014

2.How information spread?

We receive more than 10 times more information than in 2014

1898 Printing In the first century of printing (1450-1550) 35,000 titles were published; in the last half century (1950-2000) there were a thousand times more – 36 million.”

03 34 GB

Words

The average amount of information people will browse every day in 2020

Fast heartbeat and dizziness.

25.8%

General anxiety

The scale of China Spiritual Service E-Commerce users will exceed 40 million in 2019.

5.Anxiety E-Service

2000

44 times

1993 Browser of Mosaic

By 2020 the digital universe will be 44 times the size it was in 2009

2017

Apple

It marks the official start of the mobile Internet era.

2018

2019

2020

Due to the mental pressure caused by problems of information overload, mental service e-commerce users are growing rapidly.

When did you feel anxious recently?

350 messages Average times for you pick up your phone every day

When I see a lot of negative news on the Internet, I will be very anxious and afraid that terrible things will happen in my life.

156 times

Cindy

Have you tried to relieve this anxiety?

Yes, but when I put down my phone and want to focus on myself, those terrible images are still in my mind and linger.

Pain Points

21 years old Senior Student

“

I am addicted to mobile phones, but I will blame myself very much afterwards.

This makes me very anxious and my physical and mental health is seriously affected.

Conclusion

”

There are three types of anxiety caused by information overload, anxiety about the unknown in the future, anxiety about negative news, and anxiety about escaping from reality.

These anxieties not only affect people’s mental health, but also bring discomfort to the body and cause illness.

During the subway rush hour, as shown in the picture, most adults are playing mobile phones.

Brought a major change in the entire Internet development and application model.

The people receiving information has increased by 100 times than 3G.

Stomach upset Dizziness Breathless

Requires Improve concentration.

Serious procrastination.

Solve procrastination.

Low efficiency.

Improve work efficiency.

Addicted to mobile phones, blamed afterwards.

Helping users put down the phone and reduce guilt.

Feeling unwell physically when I am anxious.

Relieve physical discomfort, and return to work in a full state.

Daily amount of information received on social media 460 messages Average times for you pick up your phone every day 100 times

Phone

Heartbeat

Anxiety level

6h23m

Therefore, our products should not only allow users to leave online world, but also relieve the physical discomfort caused by anxiety.

Observation

Physical condition during anxiety

Unable to focus.

Average time spent on mobile phones per day

Physical condition during anxiety Heartbeat Breathless Insomnia

Book

But there were some students reading book on subway.

Jack

Pain Points Fear of tragedy.

31 years old Architect

2008

The public can share online videos for free.

2007

2005

2004

YouTube

Daily amount of information received on social media

1000

The browser -Mosaic came out and guided the development of all browsers in the future.

Facebook

When I have a lot of things I don’t want to face, I will subconsciously pick up my phone to escape reality. I know this habit is bad and makes me more anxious after I realize I was waste time, but I still can’t change it.

(in ten thousand)

2019

2009

35 trillion gigabytes

Number of users

2013

2020

Alber

28 years old Engineer When did you feel anxious recently?

3000

1998

Will your body feel any discomfort when you feel anxious?

4000

Promoting the copying and distribution of content and the mobility and versatility of information creation, transmission and consumption.

Because I am applying for graduate school, when I saw on social media that my classmates had all recieved offers, and I was still preparing portfolio which make me anxious. I feel that if I can’t do well,

Anxiety level

9h16m

my life will be over.

40 million

Extremely anxiety

People's anxiety about information overload.

1956 CD

Google

Kind of addictive

(300,500)

1898 Magnetic Recorder

These two transformations are catalysts for the explosion of information.

55.3%

Average time spent on mobile phones per day

22 years old Interactive designer

21 years old Senior student

Degree of addiction to WeChat.

5%

Cindy

When did you feel anxious recently?

02

The extent to which WeChat interferes with people’s lives.

2020

Coco

Severely addicted

Extremely serious

48.5% Serious

PERSONA

“

My emotions and thoughts are always influenced by social media comments and negative news, which causes me to be very anxious and even suffer from insomnia.

”

Requires Positive thinking.

Disappointment about the world.

Stop browsing negative news.

Inability to concentrate.

Focus on yourself and improve concentration.

Anxiety to insomnia.

Improve sleep quality psychologically and physically.

Overly concerned about other people’s evaluation of oneself.

Focus on yourself and build a strong mind.

USER JOURNEY MAP

COMPETITOR ANALYSIS

Start Using Phone Media Behavior

Picking up phone Relax

Work/Study

Reason

Perfectionism

Stop Using Phone

Using social media

Watching short videos

Addicted to mobile phones

Realizing that I was wasting time

Puting down the phone

Focus on recording the length of time people use the screen and APP

·Have fragmentary time.

·Fear of missing out . ·Easily attracted by message notification.

·People will browse more interesting things on short video apps.

·When the fragmented short videos are no longer enough for users, they will choose to watch longer videos.

·Social media will once again attract people's attention and bring people back to reality.

·The amount of information from the phone will be instantly cleared, but there is still information in the mind, which makes people unable to concentrate .

Function Completeness

1.Recording time user use the screen and APP daily and weekly.

2.Screen time visualization.

3.The user sets the time limit for APP use.

Amount of information

Function Ability Drawbacks

Emotion Change

Excited Peace

Peace

Relaxing

Happy

Fear of the unknown

FOMO

SCREENTIME

·Check information with mobile phone.

MINDMAP

Boring Boring

-The feedback is not timely, not proactive.

APPLE WATCH Focus on recording the user's physical indicators through wearable devices

1.Detectable physiological indicators.

2.Screen time visualization.

3.Help those users who actively want to record their lives.

Behaviours

Procrastination

-The connection with other digital products (information reading) is not close enough.

-More dependent on self-discipline in the case of high user anxiety.

-Can't let users put down their phones.

Interactive Cure Simple

Reason Phsical Change

Because when swipe phone, people will forget the troubles in reality.

Because the short video App continuously pushes the videos people like, so people will always be immersed in happiness.

People will choose to watch longer videos, but at the same time they will be easily disturbed by the outside world.

When watching a video for a long time, the brain cannot process too much information, and irritability and anxiety feeling appear.

When people put down your phone, they will fall into deep self-blame and anxiety, but you can't calm down and focus on their own affairs.

Interactive Flow

Solusions

Healthy

Heartbeat

Dry eyes

Heartbeat

Breathless Dizziness

Breathless Dizziness

Heartbeat

Breathing Medication 3,3,6 technique

Conclusion Healthy

Choose to ignore

Existing products are still based on electronic devices, which cannot allow users to consciously put down their phones and return to a peaceful work and life state,also they can't play a role in alleviating the anxiety caused by information overload.

FreColour quency 3s,3s,6s

Excercise People feel peaceful and relax, because they have just pulled out of their stressful life and swipe their phones with a goal.

Warm

Lighting

Anxiety

Vision

Sound Anxiety

Soft

Sound

Cute

Beep

Guilty

Microseisms

Impetuous

-The results of detecting physiological indicators are not linked to better functions.

Sad

Lazyness

Information Overload

-Extremely dependent on user's active input.

-Limits can be adjusted manually.

-Not smart enough and not interactive enough.

Can’t Focus

Addictive to Phone Long Screen Time

Reasons

Escape from reality

Meditation

Physiological changes Brain Panic Attacks

Doom

Irritability Headaches

SKETCH

UX MAP 1.

2.

4.

3.

STAGE 1

STAGE 3

Information overload indicator: White light flashes.

When the â&#x20AC;&#x153;RESETâ&#x20AC;? detects that the user has used the mobile entertainment APP for more than 30 minutes, the white light starts to flash to remind the user to plug in the mobile phone.

5.

1.

The user inserts the mobile phone into the product, the product displays a blue light, the process is 10 seconds, after 10 seconds, the next stage is triggered.

Follow the yellow light flashing frequency to inhale for 3 seconds.

STAGE 5 Hand holding: Blue light flashes.

Inhalation indication: Yellow light flashes.

The exhalation lasts for 6 seconds, the light is orange, and there is an audio reminder.

6.

Technical Feasibility

Visual Effect

The user needs to insert the phone into the card slot to trigger the light and sound effects.

2.

Natural Interaction

When the user holds the product with both hands, the light will turn blue, and the user has to breathe with the light flashing frequency.

Return to work with a calm and positive mood, improve work efficiency and quality of life.

Before using the product

After using the product

Function

CODING

Put the phone on device to trigger the light changes.

Technical Feasibility

Visual Effect

Natural Interaction

STAGE 2

Function

3.

ASSEMBLY AND TESTING

Technical Feasibility

Visual Effect

Phone plug-in indicator: Blue light flashes.

I was programming with arduino and assembled Arduino parts.

Natural Interaction

Function

Insert the product horizontally.

Optical fiber is like a brain.

Install an infrared sensor to sense the phone's insertion in RESET.

I was testing the functionality of the product.

STAGE 4 Exhalation indicator: Orange light flashes.

OUTCOME Coding

Through the effects of light and sound, this product allows users to put down their phones to relieve anxiety, and then adjust their breathing according to the guidance of RESET light and sound, allowing users to return to a positive and calm mood, improving work efficiency and quality of life.

Videoďź&#x161;https://vimeo.com/491584041