TEAa 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
Ages:
The world's most tea drinking countries.
<18 18-22
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.
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
What you should know about
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
19. China: 0.03
Milk Tea
Traditional Chinese Tea
Flower tea or fruit tea
45%
41%
7%
24. America: 0.01
5TH CENTURY
VS
VS
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.
6. What prevented you from learning about tea culture?
75.63% 62%
38%
Yes : 62%
Huanan Tea Area
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
100%
Conclusion
19% of young people drinking tea in China.
4. How much do you like tea?
No : 38%
Xinan Tea Area
China
1. Do you have the habit of drinking tea?
2. Why do you drink tea?
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.
1.
2.
3.
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.
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.
HABIT
64%
FOR HEALTH
34%
MORNING TEA
26%
FOR GUESTS
14%
5. What interests you about Chinese tea culture? 7. How much do you know about Chinese tea culture?
100 90 80
67%
70 60
47%
50
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
2
3
26%
1-2 TIMES A WEEK 3-7 TIMES A WEEK
16%
1. The atmosphere created by tea culture 2. Teaism
>2 TIMES A DAY
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.
Before Boil water
Choose Tea
2.Make tea is complicated.
?
Thirsty
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
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.
Conclusion 3. Young people think it's only the elderly who drink tea. 4. The tasty beverage tea is not healthy.
Fidgety
? Hesitate
Angry
What kind of tea do you usually drink?
Yes, I worry that drinking too much milk tea will make me fat, so I feel guilty every time I drink it.
Fidgety
Expectant
Bored & Fidgety
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.
Canâ&#x20AC;&#x2122;t fall asleep at night
Worried
Painpoint
What keeps you from understanding tea culture?
Wash Tea Stuff
Hesitate
MARY
Do you worry about anything while drinking these kind of drinks ?
Enjoy Tea with some Snacks
Hesitate Happy
Milk Tea ,Flower Tea,Fruit Tea
Yes, I drink tea every day.My family are Chaoshan people, Chaoshan people almost drink tea every day.
Enjoy drinking 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?
Make Tea
After
?
3.There are few channels to learn tea culture.
ALFRED
Wash Tea
During
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.
1.Do not know which kind of tea need wash.
1.Do not know how to make tea in processes.
2.Drinking tea along may feel longly.
2.Easy to burns hands.
Tea bag is clean and healthy without washing.
1. Uncertain about how to enjoy tea with feelings, smells and tastes.
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
Elf upgrade
Sketch
Making Tea Guide
Custimise your tea
Generate elf
Family
Choose ingredients
Choose Snacks
Ingredients Types
Snack Types
Our Products
My Elf
Scan the OR Code on tea package
Elf Paradise
Personal
Recommend Tea Base
Add in Shopping Cart
Recommend Tea Base
Making tea Processes Animation
Choose Tea Base
Choose Tea Base
Recommend Ingredients
Recommendation of Ingredients
Elf information
My Wallet
Purchase History
Photo
Scan Final Tea
Making Tea Stuffs Preparation
Please Enjoy it
Making Tea Processes Pay
Shipping Information
Introduction of making Tea Stuffs
Homepage
My Balance
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.
Share Help
Please Wait For...
Rescan it Slide down
Users can choose the options that we provide as their own needs.
Please Enjoy it
Making Tea Processes
Scan The Tea
Doctor
Recommend Tea
Making Tea Scene Scan Final Tea
Receving Remind
Input requirements
Purchase Details
Comment
Start to Make Tea
Particular Requirements
Doctor
Me
Elf transformation Add ingredients in shopping cart
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
Comment if you like
#1B8D9A
#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
The “Me” page contains "My tea elf" and bill management functions.
Tea Base:Black Tea Product’s Name:Grape pip black tea
Tea Base:Pu’re Tea
Color:
Color:
Color:
Recipe:Honey,Cheese,Rose Orange juice
Recipe:Honey,Grape juice, Grape pip
Product’s Name:Pu’re kiwi Tea
Recipe:Honey,Coffee,Kiwi juice
Onlong Tea Seed
Onlong Tea Seed
Logo with Background
Logo without Background
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.
Me
Tea Elf Paradise
Share Page
Customise Tea
ICON DESIGN UI Color
Belinda
Red Tea
White Tea Tea Base:Red Tea Product’s Name:lemon cheese red tea Color: Recipe:Honey,Cheese,Cookies Lemon juice
Onlong Tea Seed
Every time users make a new tea drink, they can get a matching tea spirit. Users can breed and share them in “Me” section.
“Doctor” page is to recommend tea drinks suitable for users according to their physical conditions.UI is like a traditional Chinese tea shop.
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
Users can purchase and order their own customized tea, or can collect menus.
There are tea drinks recommended for customers, customers can choose to buy, or collection.
Digital Sketch
Here shows the paradise levels.
Pinky
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.
Pu'er Tea
Tea Base:Onlong Tea Product’s Name:Rose orange onlong tea
Onlong Tea Seed
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
Choose Tea Base
ID:mm1730013014
perspective to give users a more
Traditonal Chinese Tea
page, the four main functions of this
Pu’re Tea
On’long Tea
Black Tea
GET PIMPLES
White Tea
LOSE WEIGHT
Green Tea
SLEEP
Red Tea
Your Collected Tea Elves
REFRESH
My TeaBi
Lv.3
CATCH FIRE
immersive experience. In the main
Scented Tea
app are shown: Me, How to make tea,
TEAa’s Paper Bag
TEA
My Wallet
$200 Chrsanthemum
Jasmine Flower
Rose Tea
lily flower
Momordica grosvenori
lotus
Cards
Custimise your tea, Doctor. This feature is exhibited with a 3D ring effect.
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
DOCTOR
achieve better interaction. In the scene Pour
TEAa’s Deliver Box
ME
CUSTOMISE TEA
of elven breeding, users can cultivate
MAKE YOUR TEA
elves, see several forms of elven
Stir
Greeny Character: Greeny has a cheerful and generous personality. She loves to laugh. Everybody loves it. It likes to fly around to bring fragrance to tea.
START
GET STARTED
evolution, and then subtly learn to
Recipe: Recipe:Green Tea,Honey,Cheese,Nuts,Lemon juice
COLLECT
make tea and tea. Your Friend Share it with you!
Tea Type Recommendations
Package design with elf
TEABI PARADISE
Choose Ingredients
LV.3
Traditonal Chinese Tea
This is a series of product packag-
Friend
Elf Information Red Tea
Green Tea
White Tea
On’long Tea
Black Tea
Lemon Tea
ing designs. The logo uses TEAa's
Tea Base:
Mary
Red Tea
Pu’re Tea
Scented Tea
characteristic element elf, and uses
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.
ics of young people.
M
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
Sweetness:
Her Tea Elfs
colorful colors to meet the aesthet-
Ingredients: Lemon,Cheese,Butter
Orange Juice
Property: Apple
Do you want to collect this elf?
Buy it
Give up
Collect
Next To Make it
Warehouse
Shop
Mission
Strengthen
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
Slavery in ancient Egypt
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
1%
Theory of class distinction Pierre Bourdieu
Aristocracy
1.The roots of class differences--Economic form of capital Personal wealth:This capital can be immediately and directly converted into money, it is institutionalized in the form of property rights
=
+ Real estate
At that time, slaves could be sold as commodities, and the vast pyramids in Egypt were the result of oppression of slaves.
+ Jewellery
Just as the bureaucratic aristocracy in the Roman Empire oppressed the Roman people, the noble lords of medieval Europe also oppressed the peasants.
+ Stock
Gold
Ecclesiastical hierarchy
Class Barrier
2.The solidification of class differences--Cultural form of capital
The path for the lower classes to cross the class barrier is very narrow.
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.
The Pope, the supreme ruler of Europe, was extremely corrupt and wasted at will; reorganizing and squeezing the people and frantically collecting money.
Bottom of society In every country there are underprivileged people who don't have enough to eat , wear and live.
Inspiration
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
Art
3.The symbolic of class differences--Social form of capital 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
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.”
1.Group menbers builded models together and discussed the direction of output.
Elastic Paper clip
1
2
Pen
Modeling Outcomes 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
Step 2 :Invite Participants 2
1
Partner of law firm
Oxford University, majoring in Financial Mathematics.
Master of Sun Yat sen University, majoring in Chinese law.
Life satisfaction
Life satisfaction
Color Meaning Upper Class Middle Class
Lisa 100k-500k/Month
51%
Tong
Life description Anxious Boring Hopless
Tired Stressed Worried
20000-30000/Month
Anxious Boring Hopless
Color Meaning
·Woollen yarn
·Uneven blocks:Social instability. Housing price
·Paper Tissue:Insurmountable obstacles.
House slave
·Blue Block:Excellence People.
4
Color Meaning
Color Meaning
Blue and red are contrasting colors, thus representing the irreconcilable situation between the upper class and the lower class.
Upper class:Callous
Life satisfaction
Life satisfaction
Bottom class:Substantial and vivid
60%
Anxious Boring Hopless
Tired Stressed Worried
20%
<2500/Month
3
Life description Anxious Boring Hopless
Opinion
Negative Can't enjoy high quality life.
2.Group members wrote down our thoughts and post them on the whiteboard to discuss together.
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.
Topic : Exploitation
Primary School
Mary Hu
The upper class's control of house price.
Topic : An unstable world
Education: Junior College
Life description
Structure
1
Lower Class
Over fantasy
Negation of self value
Tired Stressed Worried
Occupation: unemployed
6000-7000/Month
Structure
Upper class
Life description
Occupation: Senior carpenter
Pill
Bottom Class
62%
4
3
Topic : Who controls housing?
Topic:An unstable world
Young entrepreneur, CEO of technology company, shareholder of many listed companies.
Step 6:Conclusion
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
Shake The barbed wire that filters the food model shakes as the user steps on pressure plate.
2 Stereotype
Using small villa to represent middle class.
Hierarchy
Suppid
Large population,little food
2
Four sides represent four classes
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
Represent
ll
we
t sle
n no
ke
rk ma
wo
n’t
know
my
goal
of life
I do
nd
Do
not
have
real
frie
ous
to me
nder
re da
The
rld
are
mo
wo
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
sta
nc
3
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
s
Some words according to classes ork
from
6am
to 11
e
ss r Cla
Upp
Middle Class
dle
Mid
Clas
Teahnical Feasibility
pm
Iw
eep
ll
we
ot sl
nn
I ca
ous
ake
My
me
nerv
rk m
e
wo
oal
yg
wm
n’t
I do
of lif
kno
nd
l frie
Do
not
have
rea
Distance <1m
e
us
to m
ero
and
re d
The
rld wo
are
mo
The sharpness of one's own image will become more and more blurred with the rise of class.
an
ce
<1
m
e>
Theme Communication
I ca
us
nervo
st
Di
Noisy sound
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.
pm
m 6a
My
Distance>2m
Cheerful music
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
ep
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
Ugly
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
Dirty
Teahnical Feasibility
Few people,more food
Poor
Relax
The discourse describing this class will change from stereotype to some real portraits.
Bourgeoisie
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.
Theme Communication
Easy
The interlocutor stands in front of the building to watch the image and listen to the sound.
More people,few food
social stratification
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
Visual Effect
<1m When approaching the middle-class buildings, you can see some imperfect pictures, such as family conflicts, and the voice will rush up.
This is the last architecture ,the projection in which the most senior and the lowest people live in one scene , peacefully.
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.
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. The entire experience process is divided into six major links, namely, resume delivery, interview (virtual), entry, formal work (contains several different tasks), submission of work content, entering the review process, and reviewing the review results. 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 world; after the actual experience officially starts, users can provide us with The AR interactive video experience 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. By completing the task, the user Many new knowledge and skills can be acquired, 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 enter the screening and review stage, and the company will decide whether to adopt excellent works. Winners can get rewards or real internship opportunities provided by the company to add points to their resumes. 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
QUESTIONNAIRE Reasons of Internship
1.How do you find an internship or job?
Internship Advantage
2.Which item do you value more in work and internship?
Students 900 800 700 600
727
749
756
795
874
834
820
100%
89.6 %
92.6% 92.2%
500
91.8%
400
91.9% 91.5%
91.2%
90.9%
45%
75%
62.5 %
50%
40 %
25%
56.2%
15.2 %
300
Have internship
200 100
2014
2015
2016
2017
Fresh graduates (In ten thousand)
2018
2019
2020
Employment rate
The number of fresh graduates has increased year by year, but the graduation rate has dropped.
Salary
1
37.08%
Personal Development
2
83.15%
Leadership Style
3
14.61%
Colleague Relationship
4
25.84%
Company Environment
5
25.84%
School provides
38.6%
18%
Without internship
School provides
9%
The proportion of fresh graduates with internship experience getting offers is 20.34% higher than who without internship experience.
0
25%
Family introduction
13% Job APP
Corporate Recruitment Website
Think internship experience is important. The internship is to accumulate experience for future job search. In order to experience different kinds of career.
78%
In order to get paid and financially independent.
78% of bosses believe that people with internship experience are more capable.
27%
The average salary of graduates with internship experience is 27% higher than others.
3.What do you want most from internship?
4.How satisfied are you with the internship experience?
63.57% 0
Current Status of Internship The proportion of male and female who choose internships during college is 3/2.
Internship Problems
68%
of Students think is hard to find internship that suit them.
39%
of internship units did not arrange internship training.
61.5% of students are juniors.
37%
of students unsatisfiy with their internship.
78% of college students have internship experience during university.
100%
62% 61%
5.What dissatisfied you most in your internship experience?
74%
of internships are unpaid for overtime.
40% of studentsâ&#x20AC;&#x2122;s internship do not match their majors in university.
39.3%
100%
47%
VS
60.7%
Company
50%
Absorb high-quality talents
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.
Working hours are too long
la ona
ssi
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.
The company platform is not big enough
27% 20%
ty
bili
4
Little development opportunity
rofe
ep
Im
v pro
So
tice
rac
lp cia
e
um
h Ric
res
lore
w
ve
u lo
yo hat
nd
ke Ma
frie
ties
bili
ta Tes
Dealing with leaders is too complicated
Used by leaders as tools
Old employees have a bad attitude towards interns
Exp
1. Conclusion
2. 3.
Companies value so much about students' internship experience when recruiting,but internship opportunities for large companies are small and the threshold is high. The internship system is not canonical, and over half of the students are dissatisfied with their internship. Companies have many needs that need to be outsourced to other companies, and students need a platform to practice and show their skills and talents.
SERVICE SAFARI
INTERVIEW
PERSONA
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.
01
There is a small sign at the door that says Student Career Development Office, but it is small and easy to miss.
02
04 Lots of paper materials for students to read.
Indicate the office location but not clearly enough.
John
Belenda
22-Graduate-Marketing
21-Student-Interractive design
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.
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.
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.
03
What dissatisfied you most in your internship experience?
Find the student career development office by asking a teacher.
There are many brochures about studying abroad and internships at the door.
What is the happiest 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.
There is no one in the office during office hours,so I did not make an appointment successfully.
Online appointment is successful. Unstable online booking site.
Crystal Hua
27-Career Planning Consultant of Shenzhen University
28-HR in Tencent
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. The school's career development center is not large in scale and influence, and it is difficult for students to enjoy resources.
”
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 Zhao
Job recognition
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?
Communication Skill
Internship satisfaction
Online Appointment
Conclusion
Professional Skill
Background
Offline Appointment
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.
During the internship
Prepare for interview
Practice ·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.
Communication
Missions
Communicate with colleagues and leaders.
Complete a lot of work that has not been done.
2.Companies are impatient to train interns.
Do very trivial things that have nothing to do with job.
·Prepare for interview. Happy
Pain points
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.
Excited
Excited
Annoying Nervous
Anxiety
Causes Nervous Stressful Disappointed
Irritability
Opportunities
Core Problems
Effects 1. HR spends a lot of time screening low-quality resumes.
Calm
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.
·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.
·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
Gain Experience
1.Career Experience Exhibition.
Training interview skills Nervous
Want to see the company environment
Lecture
Win the bid
Suggestions
Forum
No skills Want to experience different positions
Interview experience sharing
No experience
Difficulties
Demand
Experience
Solutions
Professional skills improvement
Competition
Interview
2.At the entrance, the staff will issue mission watches.
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
Youthful
VR
Technical Feasibility
1.Put on VR glasses.
Internship
Function
Visual Effect
Corporate Favor
Natural Interaction
Introduction of the company
Award
Technical Feasibility
Payment
Natural Interaction
Go to room 4 and claim your task.
Web
APP
1.View company outsourcing tasks or competition.
Wide users
2.See requirements.
Interview
5.Get paid and work experience. 3.work on the project.
4.The company selects suitable works.
Saturated market More possibilities
Large market
Good sense of experience
Few competing products
Convenient
Strong sense of substitution
Universal
Large competing products
3. Theme Communication
Company
Cosplay
Provide
Interns
Smart watch
Unversity Club Gain
Task arrangement
NPC setting
Daily clock in
Technical Feasibility
Leader
Exihibition
Wearable device Natural Interaction
Activities
Opportunities to enter society Leader
Boss
Colleague
Manifestation APP
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
Internship Experience Status
User name / Number
Media Design
A
App side application
Product manager
Product Assistant
User research
Interactive Design
Currently progressing
Interview
381
Completed
Reservation
Collection
Choose internship job type.
Progress rate:
381
543
Design
UI design
Visual design
Graphic design
School-related
167s
Interactive design/User
Job position:User Research
Company Name
3D design
Post/Special Effects
Animation
Shenzhen
4
Company 2-Task 3
Job Position Media Design
4days/week
1/10
Last question
Why choose our company ?
Nest
Others
Backstage management operation team
Time:
03
Start answering
Event planning team
Company Name Beijing
Company 3-Task 1
Interview Assessment
Job Position
Technology
5days/week
Job position:New media Progress rate:
6 Days
Algorithm
Related national government agencies
Resume Assessment
Enviroment JAVA
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.
Test
Front-stage
Financial management
Feedback
Company Name Beijing
LOGO
Resume
PC side application
Internship Experience
Interview
2
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.
4
Company's detailed introduction.
AR Live-action video production team
Resume
Interview
Internship
LOGO
Reward
Job Details
4
Interactive Design Intern 6 Tasks
1 Months
Homepage
2 5days/week
6 Days
Good welfare
Tencent
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
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]
Internet/Software 5000+people
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
Free traffic
6 Days
Basic Information
Company Description
Favorites
Review works, feedback results I have read and agree to the privacy policy
Start Internship
Submit Resume
Information Flow
8
LOGO
Resume
Interview
Internship
2st Prise
Reward
irm
u eq
R ct
Task1
Company 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
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
I have read and agree to the privacy policy
The game NPC will come out at any time to check the user’s work progress.
Bonus:¥700
Details
Pr
rn
sh
ip
Platform Talents input
e oj
3st Prise
Internship Expierence Job Title
te
Internship works
1st Prise
In
t en
7
2020.10.5 10am
Information Flow
Finish internship expierence
Experience Obtain the user's camera microphone and other permissions to avoid scaring the user.
Internship Experience
Excellent works selected
Upload your existing resume, the system will evaluate it and give suggestions.
Achieve a complete experience
Number
Company Location
Good leader
Reminder page
Analyze company mission requirements
Name
Please input your information
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.
7
Shooting and product materials
2000+ staffes
Requirment
6
Development Team
Shooting and product materials
20:34
Listen to excellent answer cases and improve interview skills.
Design Team
2020.9.10 11:34
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
Product Team
Resume
[We hope you]
User Experience
Free three meals
Reward
Job Description
Finished
Interactive Design
Internship
2 days/week
Internet/Game/Software Ongoing experience
Teacher
Jump
Good experience, fast improvement, excellent performance can get a certificate of internship
Popular job
Student Union
5
Job Descrip
Future Door
5
Development team 3D scene restoration team
SYSTEM MAP Resume Delivery
LOGO
Reward
Homepage includes direct search function, and the latest news and event introduction.
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.
3
Homepage
Enter the desired internship position, company
Good welfare
3
9
Senior students with internship experience
Internship service provider platform
Me
Job highlights
On the homepage,user can see popular internship expierence which match them.
University student
6 Days
Settings
1
The navigation bar is the four major steps to apply for an internship.
5days/week
Done
Collecting user information, matching user favorite internship experience project and other services.
1
The experience will not affect any function of the user's normal use of the computer.
Experienced worker
Job Position
Resume
B
8
Database
Interns
:00
Illustration
Technology
HR
Companys
My Task
Service
Biomedical
Competitor
Design Team
Enterprise HR
Progress rate:
Internship Experience Status
6 Days
Education
4
School Cooperative Career Development Center
Serive platform-related
Name
Career Objective
Users can reserve offline activities, participate in community discussions, bookmark positions they want to experience and give feedback.
543
167s
Design
Advertising / Media
381
Name
Interactive Design,User Research,Design
Scan, setting and VIP functions.
543
167s
Job position:Interactive Designer
Game planning
381
Name
Company 1-Task2
Community
Business / Trade
3
Company-related
167s
General functions
IT / Manufacture
2
Traditional enterprise
543
Name
Feedback
1
Name 167s
Homepage includes direct search function, and the latest news and event introduction.
Product
Excellent answer
3
Edit
Online resume perfection:100%
Internet
STAKEHOLDERS MAP
Mock interview
6
Task4
Internship Expierence Job Title Finish
Completion: Top 5% Adopted
Real internship opportunities and remuneration
9 Bonus:¥300
Turn on vedio
Chat
Microphone
End experience
Details
NO More
High-quality low-cost labor
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
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
Single Teammission work Ai matches group members
3.Interview scoring
Distribute task cards( DDL, request...)
2.Working with colleagues in a corporate environment 3.NPC instructor interactive animation
1.Upload works email link
1.Show review progress
BACKSTAGE
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
2.Wonderful answer recording and collection
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
Determine the task theme and match the time
Gain Internship badge awarded
1.Enter the company's talent pool 2.Get pay
Set up single task or group task NPC mentor interaction
1.Detailed task requirements and requirements 2.Working environment VR perspective animation 3.Set up NPC tutor interactive animation
APP DESIGN
Desired occupation Interactive Design
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
Melendaaa
Media Design
Design
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
Edit
Product
Internship Experience Status
Internet
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.
Product manager
Product Assistant
User research
Interactive Design
Interview
2020
Game planning
Design Design
Reservation
Collection
Job position:Interactive Designer
Career Objective
Graphic design
Advertising / Media
Progress rate: Interactive design/User
Interactive Design,User Research,Design Media Design
3D design
Post/Special Effects
Animation
Internship Experience Status
Education
Service
Completed
Tencent-Task2
UI design
Visual design
Currently progressing
Community
latest e-commerce famous enterprise internship
IT / Manufacture
Business / Trade
Feedback
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
Internal interaction line 1.Development and design team support
#372A7B
Adjust
Online resume perfection:100%
General functions
Finalists
Visibility line 1.Intelligent extraction of interview questions
#D86E48
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
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
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.
2.Company docking person
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
1
Future Door
The entire service uses the color of vibrant orange and purple.
Resume
Interview
Internship
Reward
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
1
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
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
6
Honor Badge Library
Task1
Resume
1st Prise
2st Prise
Interview
Internship
Reward
3st Prise
Requirment
Good job!
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.
HR News
2020.10.5 10am
ByteDance:User experience
Google: Interaction Design Intern
Deadline
Employment Status Last 2 days
Completion: Top 10% Adopted Invitation to interview
Task2
Users can experience the entire onboarding process of the company's internship program through Ar in our service, giving user a more immersive experience.
Shopee: Project management
Completion: Top 5%
Completion: Top 10%
Adopted
Adopted
Invitation to interview
Invitation to interview
Friends Situation Bonus:¥500
Task3
Details
Bonus:¥700
Details
Cocacola:Design Intern Finish
Completion: Top 15% Unadopted
Bonus:¥300
Turn on vedio
Chat
Microphone
End experience
Feedback
Bonus:¥700
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
6.Check the results of your work and get in touch with the winners through the company's HR.
1
Details
NO More
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%
Severely addicted
Extremely serious
01
02 55.3%
Kind of addictive
2014 The extent to which WeChat interferes with people’s lives.
2020 We receive more than 10 times more information than in 2014
1898 Printing
Degree of addiction to WeChat.
03 34 GB
Words
Fast heartbeat and dizziness. 25.8%
The scale of China Spiritual Service E-Commerce users will exceed 40 million in 2019.
2009
35 trillion gigabytes
2000
By 2020 the digital universe will be 44 times the size it was in 2009
2017
2018
2019
2020
The people receiving information has increased by 100 times than 3G.
2019
Brought a major change in the entire Internet development and application model.
2013
It marks the official start of the mobile Internet era.
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
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
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.
”
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.
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.
Anxiety level
6h23m Daily amount of information received on social media
Average times for you pick up your phone every day 100 times
Phone
Heartbeat
Unable to focus.
Average time spent on mobile phones per day
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
21 years old
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
2007
2005
2004
1998
The public can share online videos for free.
350 messages
460 messages
Due to the mental pressure caused by problems of information overload, mental service e-commerce users are growing rapidly.
Apple
When did you feel anxious recently?
1000
The browser -Mosaic came out and guided the development of all browsers in the future.
Number of users
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)
44 times
YouTube
Alber
When did you feel anxious recently?
3000
2020
Daily amount of information received on social media
Conclusion 28 years old Engineer
Anxiety level
9h16m
General anxiety
4000
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,
Will your body feel any discomfort when you feel anxious?
5.Anxiety E-Service
1956 CD
1993 Browser of Mosaic
22 years old Interactive designer
Average time spent on mobile phones per day
my life will be over.
40 million
Extremely anxiety
People's anxiety about information overload.
The average amount of information people will browse every day in 2020
Promoting the copying and distribution of content and the mobility and versatility of information creation, transmission and consumption.
21 years old Senior student
(300,500)
1898 Magnetic Recorder
These two transformations are catalysts for the explosion of information.
Cindy
Have you tried to relieve this anxiety?
5% 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.”
Coco
When did you feel anxious recently?
48.5% Serious
2.How information spread?
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.
Amount of information
Drawbacks
Emotion Change
Excited Peace
Peace
Focus on recording the user's physical indicators through wearable devices
Boring Boring
1.Detectable physiological indicators. 2.Screen time visualization.
Can’t Focus
Addictive to Phone
Long Screen Time
Procrastination
Information Overload
Microseisms
Impetuous
-Limits can be adjusted manually.
-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.
-Not smart enough and not interactive enough.
Sound
Cute Cure Simple
-The results of detecting physiological indicators are not linked to better functions.
Anxiety
Vision
FreColour quency 3s,3s,6s
Sound Solusions
Anxiety
Excercise 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.
Warm
Lighting
Beep
People feel peaceful and relax, because they have just pulled out of their stressful life and swipe their phones with a goal.
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
Choose to ignore
Physiological changes
Breathing Medication
Brain
Meditation 3,3,6 technique
Panic Attacks
Doom
Irritability
Conclusion Healthy
Healthy
Heartbeat
Dry eyes
Heartbeat
Breathless Dizziness
Soft
-Extremely dependent on user's active input. -The feedback is not timely, not proactive.
Guilty
Reason
Lazyness
Reasons
3.Help those users who actively want to record their lives.
Sad
Phsical Change
Escape from reality
Interactive
Function Ability
Happy
APPLE WATCH
Behaviours
3.The user sets the time limit for APP use.
Relaxing
Fear of the unknown
FOMO
SCREENTIME
·Check information with mobile phone.
MINDMAP
Breathless Dizziness
Heartbeat
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.
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.
6.
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.
8.
7.
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
Hospital guide bracelet
This project focuses on a brand-new medical user experience. We propose a conceptual design of a hospital navigation system with a paper bracelet as the touch point.
The Way You Look At Me This is a processing project. Players can take photos and draw their own photos in a special style with cursor. This project mainly discusses the issue of human information and information overload.
Main Coding:
Click here to watch : https://vimeo.com/496643422
User Flow
â&#x20AC;&#x153;Fat Manâ&#x20AC;?Losing Weight Roller Stiky Note
Internal structure specification
This is a post-it note that accompanies weight-lossers to lose weight. Users can tear off the post-it notes to make the product thinner with themselves.
1
3
5
3D Rendered Model
3D Printed Model
2
4
6
Van goghâ&#x20AC;&#x2122;s vortex of stars This is a stop motion animation that pays tribute to Van Gogh. Click here to watch it: https://vimeo.com/496423993.
Daji Princess
妲己
女娲
Nvwa
王母娘娘
Twins
花木兰
Hua Mulan
杨贵妃
Yang Guifei
Through different costumes, expressions, the styles of different characters and traditional Chinese culture are reflected.
王熙凤
This is a set of Chinese style illustrations. Each character is a unique and attractive woman in Chinese history. The stories behind them are the epitome of women in different eras in China.
Wang Xifeng
Lin Daiyu
林黛玉
Chinese Heroine
Queen Wang
双生
Guanyin
观 菩 萨 音
GET OUT LINKďź&#x161;https://vimeo.com/496633618 This is an anti-domestic violence game, calling on people to pay attention to the impact of domestic violence on children, so as not to let violence happen to the next generation.