Interaction design by Lycia Wei

HEZHEN WEI APPLYING MASTER OF INTERACTION DESIGN 2018 FALL

P O R T F O L IO

this is me

BIRTH: NATIONALITY: PHONE : EMAIL: POSTER CODE: ADDRESS:

27 MAY /1994 Zhuang ethnic group +86 18813030365 weihezhen001@qq.com 200010 Shanghai China

EDUCATION /Tsinghua University [2013.9-2017.7] Academy of Art & Design BA: Art and Technology (Display Design) GPA: 3.6 /4 LOCATION: Beijing China /NO.3High School Nanning Guangxi [2009.9-2012.7] MAJOR: Science LOCATION: Guangxi Province

I am Hezhen, a designer who comes from south of China, majoring in Display Design in Tsinghua University. I have been fascinated with painting and craft, as well as enthusiastic with art and curious about science since I was young. The reason why I chose Display Design is that it is the combination of art and technology. However, compared with the unilateral ways learnt in my courses, I've found that the interactive means can be more impressive. My hometown is economically backward. During my campus life in Beijing, I have deeply realized the importance of new media to the development of economy. So, I choose to study at interaction Design.

WORK & RESEARCH EXPERIENCE Individual work • Research of human under non-visual environment • Space and light of stage design Team work • Hegii Sanitary Ware workshop art design • Display: bringing brats under control [Team : Xuanwen Chen/Yi Wang/He Huang] EXHIBITIONS PARTICIPATION •"QianBian" Tsinghua University Academy of Art & Design Excellent Student Work exhibition • Xiamen International Design Week"Red Dot"designer art exhibition

2015.09-11 2015.09-12 2015.07-08 2016.03-05

2015.11 2015.12

EXTRACURRICULAR ACTIVITY • Member of Tsinghua Red Cross Society • Member of Academy of Art & Design propaganda center, Tsinghua University • Group leader of Tsinghua musical spark porject • Deputy director of Tsinghua University Student Union • Core member of Tsinghua University Street Dance Club

2013.10-2014.06 2013.10-2015.03 2014.02-2014.12 2014.12-2015.12 2014.10-2016.12

AWARDS Excellent Academic Performance" Scholarship Excellent Social Work Performance" Scholarship Tsinghua "the Challenge-cup Extracurricular and Academic Contest" Excellent Technical Innovation Performance" Scholarship

2014.12 2015.12 2016.04 2016.12

LANGUAGE • Fluent in both Chinese and English

SKILLS Software • Graphics: Photoshop, Indesign, Illustrator, • 3D: Auto CAD,Sketchup, Rhino

Mobile Game

IOS App

SAVE Mr.Q

A game that helps children to regular their thoughts and behaviors

First prize- loft design competition hosted by Tsinghua University Architectural School

U-LOFT IOS APP

a growing community with assembled home parasitizing on office buildings

03 Web optimization

PLAY IN MUSEUM

LISTEN TO LIFE

Manual Device Third price- Tsinghua "the Challenge-cup Extracurricular and Academic Contest"

Interactive Device

Visit virtual museum at home and put on items displayed in museum

A device contianing goods from our daily life. People can hit them in the dark, to move, drag and feel slowly.

INTERACTIVE INSTALLATION

A LEGO device & a lighting stage design

1 SAVE Mr.Q

A game that helps children to regular their thoughts and behaviors Course: Display Design Date: 2016.03 - 4weeks Team: Yi Wang / Xuanwen Chen/ Zhenhe Wei Instructor: Yanyang Zhou Game: 2017.11 - 2weeks

My work: create a story in a display & shift the display to a game

for brat

for educating

GOAL OF GAME

A EDUCATIONAL DISPLAY

After the course, in order to deliver the display to more children, I shifted the display space into a mobile game. By this way, children might learn to behave themselves.

In the course, our team created a space to educate children. Through the display they will make choices in an adventurous story and learn something from it.

display space

game

1/BRAT RESEARCH NAUGHTY&DANGEROUS KIDS In China, more and more children become extremely naughty and dangerous.

CRIME DATA TYPE OF CRIME NUMBER

2001 2012

GOAL OF CRIME NUMBER

70 40

25 20

10 10

OTHER

FOR CURIOUS

FOR FRIENDS

FOR FUN

FOR SEX

FOR MONEY

OTHER

STEALING

ROB

INJURY

MURDER

FOR REVENGE

1/BRAT RESEARCH 1/what is "brat"? It’s a word used to describe ill-mannered and annoying children – they destroy things and don’t obey rules. They possess great curiosity and destructive capabilities.

DISOBESIENT SHOUT STEAL HOAX FIGHT

destructive

annoying

all age

DIRTY WORDS

2/what are they thinking when they fight? I just think it's funny.

I know that is bad, but I can't stop myself.

I can attract mom when I do like that.

I hink I may not be found by other people . A few people do together can evade responsibility

Don't know the illegal crime, neither do I kown it will be punished.

Doing it can benefit a lot, is worth the risks.

other

Anyway, don't punish a child

This will not break the law.

3/what cause bad behaviors? External Cause

Internal Cause

1. HOME: parents didn’t provide good example 2. SCHOOL teacher’s education 3. FRIENDS children of same age learn from each other 4. INTERNET influencing their system of values

1. PSYCHOLOGICAL child is immature, doesn’t know how to cope with bad mood 2. KNOWLEDGE lacking the understanding of the consequences of their actions, lacks the understanding of social norms 3. SELF-RESTRAINT the child is unable to control their actions

psychological factor INTERNAL CAUSE ability of control

2/HOW TO EDUCATE CHILDREN?

3 main steps 08

hard er

3Think in

others' shoes

Responsibility

Guide them to think in others' shoes

Can identify what is wrong. But can't control themselves.

Self-restraint

Know what is wrong. But do not want to control.

Teach them self-restraint

Cannot identify what is wrong Tell them what is wrong and what is responsibility

PROBLEMS SOLUTIONS

help children behave themselves! 09

3/STORYLINE AND GOAL 1. ENTRY ROOM

START

storyline

Receive the assignment

2. JAIL ROOM

3. TIME MACHINE ROOM

4. Q'S CLASS ROOM

5. SECURI

Return to the past

[Background sound: victims complain what Q has done] Find goods stolen by Q

Check CC owners o goods. De return the

Meet Mr.Q and return to the past to help Q avoid crime

step

Responsibility

goal

Introduction of the game.

Guid them to help others

Boost their imagination

Tell them what is wrong by others' compaints

Respon

Tell them w wrong by s behaviors

A group of 3 children Team work learn team sprit

2. JAIL ROOM

4. CLASS

4/DISPLAY SPACE DESIGN

1. ENTRY ROOM

3. TIME MACHINE ROOM

5. CCTV ROOM

7. NEIGHBOR'S HOUSE

RITY ROOM

CTV to find out of the stolen ecide whether em or not

6. POLICE ROOM

7. NEIGHBOR'S HOUSE

Return stolen goods to the owners. Some items remain in their hands. Choose to open it or not

Q is boxed up by his neighbor. They have to give the items to neighbor to save Q

what is seeing Q's

Test their self-restraint by offering options and temptation.

S ROOM

6. POLICE ROOM

END

[Empty jail] Q has been saved

3Think in

Self-restraint

9. JAIL ROOM

Q asks for children's help to correct his mistakes

nsibility

8. Q'S HOUSE

others' shoes Guide them to think in Q's or victims' views by helping Q correct errors

Tell them selfrestraint is important by showing severe consequences

8. HAPPY ROOM

Give them sense of achievement through gratefulness from Q.

10. ENDING ROOM

9. JAIL ROOM

PROGRAM DIAGRAM

ROOM ROOM DOOR PASS ROUTE

4 5

5/GAME DESIGN

WELCOME PAGE

PROFILE PAGE

LANDING PAGE

LOADING PAGE

According to the display space, I create a game which follows the story. Children will learn from saving Mr.Q, although they have no chances to come to the display.

map1

Pause button: gamers can pause and resume, restart or exit the the game.

map2

exit

restart

My Info button: gamers can check their belongings. 12

6/INTERFACE DESIGN According to each room, I design some details of interact buttons and communication ways. Children can make choices and save Mr.Q.

STEP1 Responsibility

0. GAME STAGE

STEP2

STEP3

Self-restraint

Think in others' shoes 1. ENTRY ROOM Receive the assignment

2. JAIL ROOM

3. TIME MACHINE ROOM

Meet Mr.Q and return to the past to help Q avoid crime

Return to the past

4. Q'S CLASS ROOM

5. SECURITY ROOM

STEP1

[Victims complain what Q has done] Find goods stolen by Q

Check CCTV to find out owners of the stolen goods. Decide whether return them or not 6. POLICE ROOM

7. NEIGHBOR'S HOUSE

STEP2 Return stolen goods to the owners. Some items remain in their hands. Choose to open it or not

STEP3 Q asks for children's help to correct his mistakes

STEP2 Q is boxed up by his neighbor. They have to give the items to neighbor to save Q 8. Q'S HOUSE

9. JAIL ROOM Empty jail] Q has been saved

Through this game, children can play in team and learn good behaviors and politness. The game help children improve responsibility and self-restraint as well as think in other's shoes.

U-LOFT IOS APP

U-LOFT: a growing community parasitizing on an office building where you can freely combine your home Date: 2017 Nov, 3weeks Instructor: Qiang Liu

how to build your own home with limited budget at downtown of metropolis?

Finding proper accomodation has been a common concern for university graduates in China, especially in metropolis like Beijing and Shanghai, which is obsessed by budget, commuting time and demand for furniture or facilities. U-loft concept: under the idea of parasitism, I develop a growing community parasitizing on an office building where the residents can freely select and combine them home modules through an app.

1/FUTURE TREND 1-Population cluster at metropolis

2-Average number of household people drops

1960

2016

2016 population density in China

2016 renting in Beijing Population per household

Beijing Shanghai

Sq.km2/ >800 >600 >400 >200

>100 >10 <10 0

Shenzhen Guangzhou Chengdu

9.6%

15.7%

16.7%

26.5% 29.5%

2/CITY DATA -Beijing 2016 Non-native population of fresh employees: 120,000 Median age of fresh officers: 25.9 years old. Percentage of fresh officers who rent: 78.9% Median monthly housing cost: 2879Yuan.

3/PERSONA& TYPICAL USER The place I live is too far away from my company and the commuting is a waste of time. If possible I want to live alone in downtown

I am living with 5 rommates. We have different lifestyles. I don't want to share furniture and equipments (bathroom) with them.

Name: Fen Tu Working site: Zhong guancun Start job: last year Roommate: 2 Single

Name: Ling Jiang Working site: Guo mao Start job: last year Roommate: 5 Single

Cannot afford a house in big city. 16

I am looking for a room with a big clocloak room, It's hard to find one in traditional accommodations in China.

Name: Roman Working site: 798 art center Start job : next year Roommate: 0 Single

I live with my wife in an old apartment in suburb. So I have to spend more commuting fees everyday.

> 30 Fresh empoyees Age: 20 to 29 Working in downtown of Beijing Coming from other privinces Can't afford an independent house

Name: Wan Wan Working site: Finance Street Start job :2 years Roommate: 1 Married

pain point

Far away from Share appartments with house with satistied work area and many people. Have less equipments. spending long time and free and private high fee in commuting spaces Hard to find a suitable

ho stse sem str m i pr i-p -p u iva ub riv pub ctru te lic ate lic re sleep toilet bath work makeup wash internet sun laundry eat fun cook plant game exercise park

ho stse sem str m i pr i-p -p u iva ub riv pub ctru te lic ate lic re

NECESSARY DISPENSABLE

cheap

personality equipment sleep toilet bath internet wash makeup work sun laundry eat fun cook plant game exercise park

DISPENSABLE

ho stse sem str m pr i-p i-p u p r iva ub iv ub ctru a l te lic te ic re

NECESSARY

ho stse sem str m pr i-p i-p u p r iva ub iv ub ctru a l te lic te ic re sleep toilet bath eat wash makeup work sun laundry internet fun cook plant game exercise park

sleep toilet bath internet wash makeup work sun laundry eat fun cook plant game exercise park

4/WHAT DO YOU THINK IS NECESSARY IN YOUR HOME? vioce of potential U-loft users

interviewed in live with Beijing office buildings 50 alone 100 people 50 live roommates

NECESSARY

DISPENSABLE

NECESSARY DISPENSABLE

each person has different view on range of privacy and necessity.

THEY WANT TO HAVE A HOME

near to work places

private

convenient

5/CONCEPT mistletoes parasitize on trees Phor adendron is a genus of mistletoes. They are woody hemiparasitic shrubs with branches 10â&#x20AC;&#x201C;80 cm long, which grow on other trees. The foliage is dichotomously branching, with opposite pairs of leaves. Although it is able to photosynthesize, the plant relies on its host for some nutrients. The name Phoradendron is derived from the Greek for "tree thief".

parasitize

home

office

U-loft U-loft unit

first floor 6X4 m2

second floor 6X4 m2

public areas

keep adding keep growing

6/APPLICATION&INTERACTION In order to make U-loft provide users with convinient services, I have developed an app. People can use the app to book or add a loft, choose their custom modules, pay fees, and so on. In this way, U-loft will acctract more young employees who like the new lifestyles.

/main process

1 choose room or add room

start

find loft

pay online

online pay

pay fee

check in

finish notification check in

water/electricity/gas/internet/property

life service

aundry/clean/repare

online pay

fitness/pingpong

leisure

before

check process check code lock

scheme

service

choose &combine modules

install modules

check my orders

recommended

add loft

check out

choose &combine modules

add furniture

get back password

add module

finish installing

link to online shop

filter register

check process of moving

account

deposit refund

notice

check orders

combining

e-contract

finish

01 02 03 04 05 06 07 08 09

Through this app, young employees can build their own homes however they like. Besides, U-loft provide convenient 20 sevices and new life styles.

VIRTUAL MUSUEM OPTIMIZATION

Visit museum at home and put items on that is displaying in museum Date: 2017 Dec 2weeks Web design: Indipendent

Virtual museum means people can visit museum online, and experience exhibition space by 3D technology.

In China, an increasing number of virtual museums provide more people with oppotunities to get to know different histories and culture. But, there are some problems in virtual webs.

I want to provide visitors with more convenient methods by adjusting web interface. Besides, I want to add some interaction games between items and visitors. I believe it may be interesting and atract more people to use virtual museum webs.

people interviewed from different age groups

lower than 18

20 to 30

30 to 50

50 to 70

answer the questions below

pain point / WHY DON'T YOU GO TO MUSEUM?

mobility problems

closed days

too far away

expensive

/ WHY DON'T YOU USE VIRTUAL MUSEUM?

crowded

virtual museum

OPTIMIZED INTERFACE inconvenient operation

slow speed

unclear information

redesign the web interface and make it easy to use.

enhance experience increase visits

add interaction games between visitors and items.

1/research - The fundamental features of a virtual museum [pictures from internet]

stereo display

human-computer interaction

item properties

2/Advantage are main functions of museums. With images and texts, items can be shown more lively by virtual museums.

1 MONOTONOUS: Some virtual museums display

items only by traditional methods like images and texts. Those unitary methods lack in interaction, so they are subject to limited dimensions.

2 COMPREHENSIVE:

augmented reality

3/Disadvantage

1 LIVELY: Displaying items and disseminating information

guide system

Visitors can check details by interactive functions and have a deeper understanding through texts, sound and images.

2 IRREALITY: Although some museums can display

PRESERVATION: Real items might be damaged by light or air while virtual museum allow items to be conserved for a long time. By this way, our generations can see them in initial out look.

3 LIMITED NET SPEED: 3D scenes and items require

items by 3D, the items cannot adjust to the environment well. People cannot feel like being in real museums.

INLUENCE-ENL ARGING: Items can be shown all around the world through the internet.

huge capacity of files. If there is insuffitient network speed, users have to wait for a long time to open one scene and thus lose patience.

4/Two commom technology PLUG-IN

SCENE

REALITY

PATH

Virtual reality

8% 360 Panorama

92%

customised path

fixed path

5/what factors affect visitors' experience? item property

item display easy move

Shaanxi Digital Museum Shaanxi 5 4 3 2 1 0

key factor

easy access

loading speed

interaction

The Metropolitan Museum of Art New York

Louvre Museum Paris 5 4 3 2

等待时长

1 0

3 2.5 2 1.5 1 0.5 0

展示

The Palace Museum Beijing

Digital Dunhuang Dunhuang

Shaanxi Digital Museum The Metropolitan Museum of Art Digital Dunhuang

等待时长

Louvre Museum The Palace Museum

5 4 3 2 1 0

展示

6/what can you do in virtrual musem?

less interaction is a common problem