UX portfolio by Xinyue

APPLYING FOR MASTER IN FILED OF UX/IDX

2022 FALL

Portfolio INTERACTION DESIGN UX DESIGN

Table of contents

01 02 03 04 05

CityExplorer Simulation Game APP Design

The Flowing Sense Of Belongings Service Design

Identity II Speculative Design

Serendi pity P5. Java Script Creative Programing

RoundTable Interaction Design

BACKGROUND

INSPIRATION

Experience

Relative Theories There are two theories relative to this mood. They talk about how to make one thing easier to stick to and form a habit.

...Feel Lonely...

Hubbub...

Basketball

Untenable...

Volleyball

Jogging Rope Skipping

Phenomenon

CityExplorer An AR based technology game for outdoor running lovers Simulation Game APP Design 2020.5-2020.8 Individual Project

I have been exercising recently to lose weight. It is a good choice to exercise outdoors, but the friends around me do not exercise regularly. Besides being busy, the bigger reason is laziness and inability to persist.

Universality I realize that this problem does not only exist in my circle. Chinese young people generally lack exercise. When they finally began to exercise despite all the objective factors, but were unable to persevere or obtain happiness for various reasons, even if it’s really benefits.

...Unsafe...

Bad weather...

Bored...

“I simply don't experience the joy of exercise. It's hard to keep up with exercise. Although it is very beneficial, it is boring....”

Positive feedback Theory

Setting these rewards in advance can make your dopamine motivated.

Negative

Positive

Group Effect When faced with a group, people will be affected by group behaviors.

Negative

Positive

Design Goal

1. Make outdoor spoorts more fun.

2. Get more people involved in outdoor sports.

3. Make the exercise easier to keep.

COMPETITIVE ANALYSIS

USER RESEARCH

Online feedbacks

Interviews Fitness APP & Game

Electronic Equipment

Exercise Documentation Provide positive signal Fun to interact.

Inconvenient to use mobile phone

Partner’s Help

Participants: 4

Enjoyment.

Immediate communication.

Lack of enjoyment.

Not always available.

Expensive.

Disturb others

Interesting

In order to understand the pain points of outdoor sports in a more in-depth and targeted manner, I asked people of different ages who have experience in outdoor sports to conduct interviews and surveys.

Convenient

Adult female

“I prefer to exercise alone because I am afraid my partner will disrupt my plan.”

“If I surpass myself every day, then I don’t feel tired.”

Sports experience 10

4y

Type of exercise

Child

Conclusion

Safe

Affordable

KEEP: It can accumulate and record sports information and communicate in real time. Good interaction and real-time company.

Adult male Jun, 51 Civil servant

“Staying healthy is my perseverance.”

Sports experience

IMPROVE: There is a lack of convenient and practical products for outdoor sports, and the process lacks motivation simulation, users prefer interesting applications.

5y

“If nobody supervises me, I can't stick”

Xi, 11 Elementary school student

“It is inconvenient to bring a mobile phone.”

“Time is tight, I can’t finish the exercise plan in busy time, which makes me very anxious”

“I haven't exercised for many years, I can't persevere, I'm lazy, who can teach me”

“Find a friend who also wants to exercise and encourage each other.”

“Looking for pressure to run.”

“You run so fast, I can’t keep up; but work hard together!”

Easy to start up.

Do not occupy daily life time Short time.

“Only cadence above 180 is scientific.”

Frequency Type of exercise

Frequency

Enthusiasm

Adult male

Cong, 21 College student

XJ, 21 College student

Sports experience

Practical

Date: 7/1/2020 —— 7/7/2020

In order to collect a wide range of user fieelings, I collected the user's views on outdoor sports, sports methods, and problems encountered through outdoor sports forums on the Internet.

Try different sports and make different friends.

Jump rope, open and close jump, squat.

Insight

“I don't think exercise is tiring, I just play, I don't have to do my homework.”

Sports experience 8y

Frequency

Frequency

Type of exercise

Type of exercise

Need supervisor

Hard to persevere

Incorrect intensity

Heavy equipment

CONCEPT

Design logic

from the previous researches and interviews, an angle from bystander and education in a relaxing way to deal with mentality problem is more approprate than a pure toolkit to encourage outdoor sports.

So, the design concept will be based on a game.

Increase social system

Lonely

Boring

Add scene changes

Specific idea

Hard to persevere Increase user stickiness

Ranking system increases competition

Add reward mechanism

Add sport to gameplay

Add fun elements

Main issue Main idea

Player pk system

Virtual goods trading

Interaction between players

I

Fitness game Problems

N

People's outdoor sports lack the fun and motivation to persevere

S P I

Game mechanics

Heavy equipment

Virtual scene

Purpose Help people more motivated to do outdoor sports.

Enrich outdoor sports forms and content.

Ranking mechanism

Use AR glasses

Optimize equipment

Immersive experience

Keywords

R

Immersive gym

A OT N I

Nurturing game

Game

Social

Feedback

Scenes

Character

Interactive

Use the form of AR to add rich virtual scenes on the premise of ensuring the realism of the surrounding environment

Users will get a virtual character, through sports behavior upgrade or exchange items, develop a role

Users interact with other users through social systems, or interact with scenes through AR, and interact with their own characters

Main functions

Services

Design opportunity Through my design, I hope to inspire more people to participate in outdoor sports. Let people's outdoor sports become a good social activity, which can attract more people to start a healthy lifestyle, and can make this road more interesting and persistent.

SYSTEM DESIGN

Storytelling

username

Set Up Account

followers

attractive

character

Mobile phone

Mobile

items

Home

1. View information at any time.

2. Operate switching.

3. Intermediary.

4. Review and preview.

details

fit records

type

date reward plan

can’t afford

settings forum

Social

Electronic Glasses

friends moments

1. Look at the virtual scene 2. Look at virtual trading items 3. View virtual characters 4. Enhance the sports experience

Daily Fit

heart

statements chat list

previous

fit type

character

fit type

nearby

connect

nearby

music/story

setting

friends

intensity

join others

completeness

mine

fit plan

rcom by plan

task today

encourage

Fit trade chat invite

yourself media change

details

challenge

join in

items music

reward

heatbeats speed cadence

modify

reward redemption

gift

discard/pick up

Community

record

friends

Fit

Glasses

type

random

map

today

ranking

fit data

accompany

hottest

main difficulty

sleep

fit history

me hot tags

finish the job

body data

bag

selecte fit tense

select fit type

recharge

eat

shop

create body model

create character

follow

achievement

calendar

connecting device

review

new friends body data

coins vvnew items scoring chat plan coin

Log in

Account

Fit type

For glasses

WIREFRAME

connect external devices to obtain body data.

For Mobile Set Up Account homepage

homepage

Body data

click to select the exercise and intensity you want to do and the main difficulty in the exercise.

provide outfits for scanned characters.

Followers

Daily plan

Bag

Shop

Special events

Fit choies

Fit setting

Target

Challenge

Fit data

Ranking

Fit

Chat

Friend list

Friend info

Moments

Social click to jump to the chat list.

Invite

Agree to invite

Prompt for gift

Crossroad

Discard

Open the gift

Glasses Community

Social

You can choose whether to display the map or item reminder, and you can easily see your physical state during your fit.

Fit

Fit

Confirm

Body data

Shop detail

most commonly used items.

Running

Loading

Hall

slide down

Home

Mobile

character

Scan data

Forum check out the latest updates from people in the world.

view the hottest posts.

Finish fit

Review

After the exercise, you can immediately get feedback rewards and review the exercise process.

02.

INTERFACE DESIGN

Sam uses the game’s mechanics to put herself in sports and use the rewards purchasing items in the shop.

01.Sam logs in and get her own character.

Scan

Dress up

Fit type

Calendar

03. Through some fit

Sam came up with some friends and form a little circle in the game, they’re playing and fitting together.

Homepage Articles Shop

Social page

04.

Sam came across with some little surprise during her excercise. Sometimes her friends want to join her fittness.

Before fit

During fit

Real-time data transmission

Come across some gifts

AR scenery

AR characters accompany

05.

Sam puts on AR glasses and starts exercising, teaming up with friends to take risks in the scene made by AR, and can also monitor his physical status in real time.

Sam Sharon

Hierarchical Theory of Needs

BACKGROUND With the uneven economic development and population migration, more and more people living alone in unfamiliar cities are an inevitable phenomenon in the process of urbanization, experiencing the loneliness brought about by the "empty nest". How should we face this unsolvable problem?

Self-ectualisation Esteem needs

“Many people become susceptible to loneliness, social anxiety, and clinical depression in the absence of this love or belonging element. ”

Belongingness & Love needs Safety needs

Necessity

global household

28% single

The prevalence of single-person households is unprecedented historically.

The flowing sense of belongings

China

14%

Phisiological needs

U.S

28%

Existing Peoblems

Norway

40%

While

Japan

77milions younth living alone

A social event designed for young people living alone

Aged:

20-30y male are twice time as female

Among them

68% suffered from lonely in one week

30%

Seek opportunities for self-realization Feeling valueless Main dilemma 57.9%

Lack of emotional support

57.8%

Poor living conditions

Impact of Lack of Emotional Support

Service Design 2020.10-2020.12 Indivadual Project

Depression

Lack of passion at work

Low responsibility

Feeling stressed And

Monotonous life

82%

Worried about the future,

They are:

Especially: Statistics for Chinease younth There are

41%

Social Isolation

Financial pressure Over-working Mutual anxiety

Lack of social connections

Pressure from others Exhausted

Desgin Goal

1

Let empty-nest youth build a sense of belonging in a strange city.

2

Help empty-nest youths increase social opportunities in their busy daily lives.

Does living along really means lonely?

Summary

INTERVIEW Since this social issue is related to the psychological state of people, in order to build an in-depth understanding of the target user, I did an interview to get insights.

Type of Interview:

Face to Face & Video Chat

Time: 20-40 minutes/person Number of Participants:

Date: 2020.10.13-10.20

8

Interview Outline

&

“The sense of belonging usually comes from the things I am familiar with.”

——Jie

Main Information Attitudes

Personal Data

“I would like to expand my social circle, get more friends, but there is no amusing place I can go, and no appropraite ways for me to make new friends.”

——Xilin

“I dont want to spend too much time and energy on making friends, because I am busy with my work and don’t have time to mantain the relationships.”

——Huajian

Due to quarantine, offline interviews have become a combination of online and offline.

Motivations

“I will feel pity if I can not build the relationship with this city, I don’t want to be a stranger for this city” ——Ruonan

Behaviours

Mentality

All of the interviewees are selected to Meet the conditions for living alone.

“I sometimes feel worthless in this city, but after my cat came to my life I feel better. At least after work there is something waiting for me.”

——Jiaxing

Insights & Summary

PERSONA 2

Sharron 22 Product Operations Shanghai Single with a cat

“I thought that Shanghai would be a very prosperous metropolis, which brought me a lot of surprises, but the reality is actually quite ordinary. Because I feel that no one is with me, I have a cat. I think this brings me a lot of comfort, because you know that after work, someone is waiting for you at home and you are needed.”

Goals I hope I can feel needed in a strange city.

I hope I can make friends without spending too much energy.

I don’t want to be like a passenger, I hope to leave more memories of myself in this city.

Frustrations Social circle is too small but can’t find a way, and fear to work hard.

No one to accompany me to find a fun place.

“I feel that I don't want to fit into this place, because I feel that I don't belong here. In this city, most of the people around you have their own families to take care of, and their life trajectories rarely overlap, so there are fewer topics to talk about. It would be great if I could recreate the same experience with new friends as I did when I was a student.”

John 21 Student Xi’An Single

Goals I want to create the same memories with people in new places.

I want to find more labels of my own in the city.

I hope to meet more different types of people in the new city.

Frustrations I feel that my life rhythm is different from that of the locals.

Interesting

Time consuming

Sam 30 UX Designer Shanghai Single

“For me, the character of people in the city is more important. I think I prefer an inclusive environment. I don't need the city to give me much sense of belonging, but want it to provide me with a comfortable atmosphere. In an unfamiliar city, if there is a circle of interest to bring everyone together, I think it kind of makes me feel a sense of belonging.”

Time consuming

Spend as little time as possible

PARTICIPATION

AMUZING

A stable social relationship.

Have a unique sense of participation

The activity is interesting and meaningful

Frustrations Does not match the temper of the people in this city.

I found that there need to have a way to build the relationship between people and the city.

Can't feel a sense of security during the social life.

Interesting

Time consuming

ticipatio par n f o

What can I bring to the city

Familiarity

Cost Convenience

Meaningful Familiarity

Cost Convenience

Meaningful Familiarity

Cost Convenience

lf- p r e s e n c e

Social va lu

e

Se

Meaningful

IMPACT Have an impact on the outside world

Find your circle of interest.

Motivations Interesting

TIME

Goals Meet people who are helpful to your career.

Can't find a fun place to meet new people.

Motivations

Motivations

3

Sens e

1

Via the research, I found some things they have in common. These are their most considered factors:

What can the city offer to me

IDEATE & VOTING Concept Development Sense of participation

Sense of belongings

Voting

I conceived three different scenarios through my hypotheses:

I asked empty nest youths to vote on these three different options according to their preferences.

IDEA 1: City treasure hunt

interaction interesting Imprint

1

2

3

Follow the instructions, you can reach a specific place in the city to get experience and clues, and establish contact with the city.

After completing all the journeys, the small gift you get is the connection between you and the city.

Social connection & value

What can we do to gain this feeling

The sense of Common topic value brought by social activInteraction ities with others Unique experience

Ideal Develop

Shareing things Express myself

Have an impact on the city

Participants will get a task package, which contains maps, tools and other items.

IDEA 2: Community garden shared

continued Imprint convenient

2

1

Satisfy my curiosity and collection addiction Can get to know about plant

3

Sense of Identification

City treasure hunt It feels great to own something with others

WHAT IF...

When people first come to this city, they take the initiative to establish contact with the city.

A connection can be maintained between people themselves and cities.

You will receive your seed at a specific seed shop and learn the story of this seed.

Find your favorite shared garden, plant your seeds, and take care of the plants with other owners.

IDEA 3: Skill bank

1

shared

You can observe your plants on the app, chat with others, or hold an offline party.

circle meaningful costless

2

Community garden

3 You can learn while socializing skill bank

Post your skills and skills you want to learn online.

Meet offline with a satisfied partner, exchange skills, and socialize.

Increase your skill points and form your own circle of interest.

Perhaps I don’t have enough time for it

Through voting, I found that people generally prefer the first one and the second one, they believe these ideas could help them. And their preference is very clear.

I just graduated and came to Chongqing to work alone

OUTCOME DELIVERY I refined and integrated the design points of urban treasure hunt and shared garden, and contacted the previous investigation and analysis to try to find the best way to meet people's expectations.

City treasure hunt

Community garden

start a connection

continuous connection

In order to make the activity interesting, I designed a game toolkit.

Landmark

SEEDS +1

Sherry 24 Graduated

Start the journey

Find the treasures

Toolkit

Garden 1 Garden 4

Plant the seeds together The toolkit is a Map in envelope. There are some treasure clues on the map that need to be understood and found by the player.

“ I think this activity is very interesting,

How to paly?

1

Into the subway station.Determine the location of the treasure according to the subway map and the hints on the map

2

Go to the designated place to check in and get the corresponding treasure

Arrived the shared garden

Talk with people about the journey

not only in the process of searching for treasures, but more importantly, the garden gives us a platform for communication, and there is no need to worry about maintaining social relationships.

——feedback from Sherry, one of the participation

Garden 2

Garden 3

Choose the community garden Of course! No problem~

After collect all items...

Gain all the treasures Amazing!

FUTURE VISION Joe, I work late today, can you help me water my flowers?

continious social connection provided by the garden

SERVICE BLUEPRINT Join/ During Service

CUSTOMER JOURNEY

Received the toolkit from the community, ready to start the treasure hunt.

TOUCHPOINT

Toolkit

Follow the map’s instructions, go to the specific landmark.

Toolkit; The landmark

Take the seeds off the shelves then looking for the next items.

The landmark; Shelves; Papercup with seeds; Ads

Develop/ After Service After collecting all the items, choose a suitable garden near their community.

Come to the community garden, meet companions, share the journey and start planting

Water and fertilize the garden with partners and take care of the plants. Hold some activities in the garden, building social connection with others.

Toolkit; Items

Community garden; Other participants

Community garden; Flowers; people long-term social relationships; Social value; Sense of belongings; Reducing loneliness via building relationships with others

IMPACT

Feeling curious

Understanding of the landmark and feel motivated

Feel motivated

Feel satisfied and sense of participation

FRONTSTAGE ACTIONS

Open the toolkit and check the map, then make the plan for their journey.

Take photos with the landmark, complete the task.

Notice the shelves and take the seeds off.

Have all items and choose a location by searching on the map

Planting, Chatting

Papercup production; Seeds preparation; Shelves production

Preparing all the itmes

Garden construction/ maintenance

social connection

LINE OF VISIBILITY

BACKSTAGE ACTIONS

Toolkit delivery; Toolkit production

Landmark selection;

BACKSTAGE SUPPORT

Manufacturer; Government funding; Community support

Community support

Farmer support, Government funding, Farm Tool Supplier ; Merchant

More people traffic and reputation, increase income, high exposure rate

Government fundings; Community

Better urban environment; Positive social atmosphere

BACKGROUND

Universality of Cyber Violence Aged

Recently, my friend suffered from cyber bullying. This is not an isolated case, but an increasingly common phenomenon. Resisting Cyber Violence has also been a hot topic in recent years.

Methods 15% Often suffer

13-25y among them is a high-risk group

social media & APPs text messages 73% online video games witnessed on internet cyber violence emails 45% Sometimes suffer

Impact

Human rights violation

Cases & Features Two men fabricated women and courier scandals and went online, leading to the destruction of innocent women’s lives.

Rumors and abuse are the main methods of online violence

helplessness, despair

Identity II Speculative design to reduce cyber violence in UX

SPECULATIVE DESIGN 2021.1-2021.3 Indivadual Project

Confusion of true and false

Reason 53%

Imperfect regulation

Lack of moral restraint

Infectious, spread widely and fast

A fan of a actor made abusive comments on the Internet about his unloving idols, and changed his account after being reported to continue his behavior.

Destroy social harmony

Why does this happen?

79% A doctor committed suicide by online violence 8 days after being falsely exposed because of a conflict with two boys in a swimming pool.

Easily induce juvenile crimes

62% 9%

60%

22%

Herd mentality

Rude

65%

Anonymity Multi-identity

personal reason social reason

Design Goals

The Internet has multiple identities and concealment

Intervene in people's involuntary switching of identities on the Internet and assume social responsibilities corresponding to their identities.

Comparative of online & offline

Relative Theory

RESEARCH of online identity

Here are some related theories explaining the impact of online indentity.

Reason Exploration

Features of online identity

Online Disinhibition Effect

1. Compensation People create certain identities that are difficult to obtain in the real world but are eager to obtain on the Internet to make up for their psychological lack.

People feel liberated in the Internet, become more unscrupulous, and tend to ignore various social constraints or social taboos.

1

Real life

Occult Projectivity

social rules

TACITURN

decrease

3

appeareance limitation

Different role-playing can meet the different needs of individuals, and then get a sense of satisfaction.

SLIM

Cyber

infos editable

Self-determination Theory FAT

identity

2

Multiplicity

Virtuality

1

number

Real life

social circle

rather stable

rebuildable

N

type

Cyber

limited

interaction log out free

N

ways

TALKATIVE

2. Self-actualization The diversity and variability of virtual identities allow people to break away from the mainstream thinking of the real society and release their desire for performance.

Social Identity Explanation of Deindividuation Effects，SIDE MALE

FEMALE

3. Psychological identity People will conceal their identity at any time according to the changes in their contacts and onlookers, while constructing new identities, or even maintaining several different identities. One person can participate in multiple online communities at the same time.

K.J

Luke

Jerry

anonymous

Personal Identity

Lily

Mike

Social Identity

Joe

Sam

Use norms related to social groups to guide behavior.

Be more intimate with people, open your heart easily.

More unscrupulous in the Internet, and more tend to ignore various social constraints or social taboos.

Decrease of personal responsibility and sense of responsibility in the group.

Why online?

The cost of being identified

Escapise from reality

Constantly creating and change identities will make people easily lose patience and sense of responsibility.

Cyber Violence

Lack of rationality and follow blindly Electronic Identity

Deindividualization

State of "out of domain"

Strengthen self-excellent attributes

Can’t get other people’s correct feedback and react appropriately.

CONCLUTION: Advantages: Achieve the dreaming life & Doing things without the constraints in the real society

There are few effective ways to improve online violence regarding online identity.

Motivation: 1. It’s a supplement to reality; 2.

Online there’s a more versatile life Disadvantages: 1. Lack of behavior constraints; 2.

Lack of realistic feedback

Interview type of interview: face to face

Questionnaire

Time: 10-15mins/ person

To better understand people’s understanding of cyber violence, I’ve made a questionnaire of 51 valid answer.

Most people have experienced cyber violence

62.74%

Most people think that cyber violence requires legal liability

81.54%

Date: 2021.01.25 Number of participants: 5

Interview main infomation Personal data

1 How do you hope to stop cyber violence?

Behaviour

2 What were you thinking when you wanted to stop cyber violence one time?

Attitudes

Mentality Motivation

3 What solution do you hope to solve after you are caught online?

What is effactitious way to stop cyber violence Law 74.54% Propaganda 41.18% Conscious 58.82% Supervise 70.59% Do nothing 17.65% Educate 47.06%

Aspects of the influence of network information Living attitude Life style 52.84%

Social with others 63.79%

62.64%

Behaviours & words Morals 51.72%

Cong, 21 College student

48.28%

Play games 37.36%

33.33%

29.31%

Serious harm

Slight harm

No harm

Make a point

Anonymous ridicule

Convene netizens Disclose the to boycott privacy of others

Silently retweete

Malicious ridicule others with the friends

What will you do when you face with cyber violence

Impersonating others Publish false information

Swearing

Ignore

Echo other people's false statements Expose others' information without consent

The user found a problem to report or feedback, The existing mechanism system did not respond

FEEDBACK

Network communication lacks rapid emotional and behavioral feedback between people

LACK OF SUPERVISION

Lack of laws and regulations is the biggest reason

Watch videos

Failure to detect cyber violence and intervene in time SUPERVISE

I don't think anyone can control the quarrels on the Internet. It's because cursing people on the Internet has zero cost and zero cost, so it is so common. If we can pay the price in reality, I believe the phenomenon will be much less.

The supervisor has a single handling method and is not responsible enough

Buy online Swearing

What is cyber violence

LACK OF FEEDBACK

I think I am very concerned about the feedback after intervening Browse forums in cyber violence. If my behavior can really make things better and let me know, I will be happy to go.

Play games

What kind of behavior you often do online

Does bad talk cause harm?

SUMMARY

USER RESEARCH

Retaliate off-line

Law

Chat online

Wen, 21 College student

LACK OF REALITY CONNECTION

Let the real information of the parties be traceable, so as not to hide

Watch videos

Sometimes you will naturally speak freely on the Internet, and you don’t know if your actions are harmful to others. I will not attack Play games others unless they offend me first.

Chat online Hang, 21 College student

REALITY CONNECTION

Connect with reality to regulate the behavior of the parties

Journey Map

Persona

Online games

Overwhelmed by the cyber violence

Motivation Hope to use the Internet to express yourself happily.

Sherry, 17 Senior student

Hope not to be subjected to cyber violence.

Hope to find a way to stop cyber violence.

Confusion Don’t know how to deal with cyber violence.

Needs Avoid people's offensive speech.

There are ways to stop when you encounter cyber violence.

Be helped to adjust a sound mentality.

Goals

High school student

Exchange ideas with more people

Want to freely express opinions that do not harm others

I can’t know what more people think without going online

Unable to express opinions in a neutral manner, may be biased

Happy

Feeling

Introduction

Thinking

Victim

Pain points

Victim

Curious

This matter is worthy of public discussion, I want to see what others have said

Actions

Motivation Want to vent my emotions.

Confusion

Joe, 22 College student

Needs

I don’t know if I am caught in negative emotions on the Internet.

I don’t know if my actions online constitute cyber violence

Can help me assess the impact of my speech.

Able to use the Internet to vent their emotions without disturbing others.

Able to tolerate other people’s ideas or think critically.

Feeling

often curses bad emotions online

Everyone is discussing, I also want to express my opinion

See something controvertial

Disagree with othes’ point of view

Offensive language comments

I want to get rid of my boredom

There seems to be someone arguing here, I just come to have a look

I think what he said is too wrong, I must scold him

Anyway, they can’t see me online, I just need catharsis completely

Bored

Anxious

Excited

Excited

I feel so helpless and hopeless, maybe I'm really wrong

Satisfy

After cyber violence

I'm done venting my emotions, it doesn't matter if I get reported Satisfy

Leisurely

Angry

Real life is unsatisfactory, so I can only vent my emotions online

I don’t know the truth of the matter, nor do I think about it rationally

Unable to control my emotions, do not understand the consequences

Vent out emotions online without affecting others

Treat disputes rationally and discuss peacefully

Keep rational and independent thinking

Abuser

Depressed

After cyber violence

Open social media

Excited

Sad

Cyber violence

Open social media and Make a post

Curious

Without a way to defend rights, it's hard to make the abuser pay the price

Worried

What am I doing wrong? I can only experience their malice

Pain points

Social online

Let the perpetrators have traces to follow, and allow cyber violence to intervene

Satisfy

Goals

College student

Thinking

Introduction

People who cannot circumvent cyber violence cannot speak freely

Sad

Saw a social event

Abuser

Excited

Free to express opinions and have measures to stop cyber violence

Unable to control my emotions, do not understand the consequences

Keep rational thinking, able to know the consequences and reduce harm to others

Can't understand the impact of what one has done, can't take the corresponding responsibility Make people pay for words and deeds

IDEATION

Technology

How might we...

Opportunities

LACK OF SUPERVISION

prevention

1

UNCONSCIOUS

1 Artifiacial Intelligence

2

Quickly detect and intervene in online violence

3

Associate real identities to online virtual identities to restrict people's behavior.

Let the computer turn the input language into meaninful symbols and relationships, and then process them according to the purpose

Prompt warning of consequences before speaking on cyber violence

5

Associate real identities to online virtual identities to accountability

6

The user’s online behavior will be reported back to him

7

Those involved in cyber violence will reduce the power of cyber surveillance

LACK OF SUPERVISION

Affective computing Predict the actions of others by understanding the user’s motivation and emotional state

2 Big Data Algorithum

Prognosis

ANONYMITY MULTI-IDENTITY

Give each user the right to report a decision

The weight of a user's report depends on his performance on the Internet

Natural Language Processing

4

LACK OF FEEDBACK

Let everyone's supervision have the right to speak

How to make the system give feedback on user behavior quickly?

SOLUTION

Use user behavior data to predict the impact of user behavior in the future, early warning of dangerous speech and prompts to users

How to safely protect the real information of users?

AI

Link multiple accounts with real identities. users can have multiple accounts but not multiple identities

Recognize the user’s language and give prompts based on the situation

LACK OF FEEDBACK People who behave well give discounts in reality. People who behave badly have offline service restrictions.

If the real identity has too many violations on one platform, it will be restricted from speaking on all platforms

ANONYMITY & MULTI-IDENTITY

3 Block Chain

8 9

People who are often reported of online violence restrict all public social accounts

User online behavior performance will be fed back into actual welfare

Use the decentralization of the blockchain to make the user's real information more complete, not easy to leak, and to accurately record user behavior

AI big data reveals the possible negative impact of the perpetrator’s dangerous speech

AI collects user speech analysis to form reports, which can be shared and spread

UNCONSCIOUS

SYSTEM MAP

Abuser

LEGEND:

Infomation Flow

fe stic Reali

ed ba

These three identities will transform into each other in the Internet environment

tio n

in po int s

of ad sup wo ervis ion rds

ga in b ased on

onine behavior

Score

Points

s ore sc

a ss u ser

Ch an ge d

d an

M

IDENTITY II STSTEM Re ali stic

System feedback of actions

Victim

USER FLOW

text

user choices

text

action & encounter

Abuser

Mass users

Victim

Post bad words

See bad words

Post controversial words

change or not

Warning

Supervision

give up or not Score See bad words

B

Offline feedback

Online feedback

Ac

r se

V

du

m icti

System Action

osts p l rtia rds e o v w ad tro b n k Co loc b aly c i t o rt ma o e t au eth k c W Blo t o rt n u r o lc ct o l e t a Pro sm s a d d l r o wo oh t r d e Ba Weth

ck

Prediction o f bad wor ds Chang con ed in seq poin ue ts a nc n ds We e c ore the s ro r no t to give up ba d words Bad wor ds e to on li n eb eha Ab u vio r

User Action

Mass Users

Determine behavior weight and authority Used to redeem offline benefits

Gift Score

Score

Gift

Link

block or not

small court

release to mass users

Block Report

STORYBOARD Sherry

Victim

Abuser

Mass user

friend

I just wanna vent my anger!!

I don’t wanna change my words

Sherry learned of a celebrity's gossip when discussing with a friend

Joe Joe is a fan of celebrities. He saw this post and was very angry and wanted to scold Sherry back.

She posted her thoughts on the Internet. The system detected that her remarks may cause online violence, and prompted her

The system detects that his behavior may have a bad influence on other people and prompts him, but he does not decide to modify it

sherry saw the remarks scolding her report the abuser to the system. The system shared this conversation with others and let them supervise

This person is too mean, I have to report him

Priority taxi

Priority delivery Shopping discount

Mass users saw this online violence, and they all gave joe low scores, and quickly get feedback about their behaviours.

Because mass users actively participate in monitoring behaviors, their scores and weights increase. They can exchange points for some offline offers

When I want post something, it just shows like this.

But joe is restricted from speaking on all social platforms due to frequent bad online behaviors

Behavior reports generated based on user behavior will be fed back to users and let them share with their friends.

FINAL OUTCOME

How will the system seems like under the conditions of advanced technology in the future?

PRIORITY DELIVERY

PRIO

RIT Y

TA

XI

T N U O SHOPPING DISC

INSPIRATION

The impact of

A friend of mine told me that he finds it more and more difficult for him to hear different types of music on music APP, or to see news with different views on news platforms. I realize that this is not an exception, and there are not many people like him who realize that they are in trouble.

BACKGROUND What is

INFORMATION COCOON

INFORMATION COCOON

Personal bias

Information blocking

Some people may further escape the contradictions in society and become isolated from the world.

Long-term excessive self-selection, losing the ability to understand different things and contact opportunities.

Network group polarization

Loss of social stickiness

Various social groups will split. Such a narrow mindset will bring misunderstandings and prejudices.

People cannot share information, and groups that lack cohesion are always indifferent.

The information field that people pay attention to will be habitually guided by their own interests, thus shackling their lives in a "cocoon room" like a silkworm cocoon.

BUT the misunderstanding...

Even if the explosion of information and rampant algorithms are the reasons for the formation of the information cocoon, we cannot simply deny its positive effects. large scale of informations

Serendipity

fillter bubbles Users prefer content they like

Information cocoon Never encounter any content other than what you like

Opinion leader

P5.java scri pt creative programming 2021.4-2021.7 Indivadual Project

of Algorithmic Information Gatekeeper

Scale Rich information scale

Why it forms?

Deliver an idea about information cocoon

The benefits

save time Information explosion

Filter bubbles

External cause Internal cause

Efficient Increased people’s access to information

Fast

Flat

Quickly make changes to new changes

Flattening information dissemination

Actions we can take to block information cocoon Algorithm optimization

Information eclipse

INFORMATION COCOON

Autonomous selectivity reduction

unconscious

Algorithm technology

Proactively push things beyond the user’s preference

Change behavior pattern Obtain different information with a more positive attitude

USER RESEARCH

Zonghang

What do people think of an information cocoon room?

Basic Info

“Being stuck in the information cocoon room means being stuck in the Internet. I think it’s all brought about by the Internet.”

Basic Info

Have you tried breaking the cocoon room?

Age: 18 Gender: male College students

I will get news from multiple platforms, or consult professional literature.

Feelings

Feiyu

Impetuous, short-lived and illusory happiness

In cocoon? Why Yes. I found that the information I obtained was too in line with my perception of the world

“Reading the news always meets the same point of view, afraid that I will become extreme because of it”

Age: 22 Gender: male Pilot

Feelings

What do you think cocoon looks like?

The color impact is strong and the information is complex, which makes people very upset after reading it

Have you tried breaking the cocoon room?

Sometimes I enjoy watching only what I want to watch, but sometimes I get very upset and bored.

I will constantly look at things that I am not interested in, or like posts that I don’t usually like

“My music APP always recommends that specific types of song, and I'm tired of listening to it”

What do you think the information cocoon room looks like?

A white house without windows and doors. The people trapped inside are very anxious

MIND MAP

Basic Info

Feelings

In cocoon? Why

Age: 22 Gender: female Assistant Physician

Very helpless, but I don’t know what to do to break the status quo, and I don’t want to spend time slowly looking for other content.

Yes. When I find something I like, I rely on them so much that I don’t want to spend time exploring new things.

What do you think cocoon looks like?

I feel that people should be rich and composed of different content, but I can only see the same thing, forming a monotonous self.

Jiaxing

What can I do?

Remind people to avoid the emergence of information cocoon rooms by constantly getting involved in areas that they are not so interested in.

At the same time, realize that the advantages of algorithms outweigh the disadvantages in the era of big data, instead of blindly belittling new technologies.

IDEATION

OPERATION PROCESS

2

I have summarized 4 characteristics that are in line with user preferences and cognition.

TIMELY People interact with it in real time, which can increase the sense of experience

Cooperate with the movement of the body, make people immerse in it

4

As it moves, the balls increase

VISUAL Through the change of visual effects, let people more intuitive questions will change to interactive changes

Shake head quickly

EXPLORE

1 BODY MOVING

I decompose the process of users using Internet products into four steps, and use some small balls to abstract expressions.

Shake head quickly

Try to discover more new things by yourself, the system will surprise you

The colored balls gradually fade to white

Stay still for a while

3

Spontaneous appearance of a small number of colored balls

SERENDIPITY Don't worry, the algorithm will help you at this time

Not moving for a long time

AMUSING Gain fun in the abstract interaction of different steps Stay still for a while

There is nothing more appropriate than using to do an interactive programming

P5.JS

FRESH MEAT You are new here and the algorithm does not know your interest yet

The head is surrounded by a few colored balls

TORPOR Maybe you sometimes get lazy and let the old things surround you

The information around you

4 States on your journey

INTERACTION & PROGRAMMING

1

When the face appears, press the key "1" , timer begin counting and enter State 1

Bouncing bubbles Set the position, size, color and other attributes of the balls Stay still for a while...

2

Face detect

Locate the face by the position of the nose

The rules of collision between small balls and the rules of collision with face

3 4

If face moved by 50 pixels, it becomes State 2, reset timer. When State 2, add some balls at intervals, the total number does not exceed 50

Face moving

Face moving

If the timer exceeds 200, it becomes State 3

Stay still for a while...

If the timer exceeds 400, it becomes State 4.

When State 4 and no new balls have been added, add 3 colored balls Stay still for a longtime...

BACKGROUND

USER RESEARCH

Many young people leave homeland for work, and there are elderly people who live alone at home, miss their children who are not around. The psychological needs of the elderly who need to be accompanied are not being met.

Many young people give up cooking in a fast-paced life and are tired of canteens and takeaways because they are struggling outside are not rich in life skills.

Why younger give up cooking?

TOP 1 Busy at work, no time to cook

TOP 2 Ingredient preparation is too complicated

TOP 3 Don't want to wash the dishes

What tech do they handle?

Young people who gave up cooking...

50.7% Of young people cook less than a few times a month

RoundTable A mobile phone application designed to offer young people and old people a chance being together 2021.9-2021.10 Indivadual Project

Mobile phone

Of young people think that their cooking is not delicious

52%

15.82%

86%

Of them are living alone

Of them want to eat with people

APP

Internet

Cook

younger

62.2%

Old people who living in the city...

Is their proportion of the population

elder

15.56%

Of them often feel lonely

Do elders live alone?

Do they cook?

Age

Age

Ration

Ration

50-55

23%

50-55

89%

55-60

38%

55-60

78%

60-65

56%

60-65

56%

65-70

28%

65-70

35%

>70

22%

>70

12%

Bad at tech

Age 55-65 living alone

Age 55-70 often cook

PERSONA

INFORMATION STRUCTURE

“Missing children far away, I don’t want to eat alone”

“What to do if the takeaway is not healthy and the food you cook is unpalatable”

Linzhen Age: 63

Elder Part

Wanghua Income: 4k/mon

Family: living alone Job: retired Social Station: not satisfied

Age: 24

Income: 21k/mon

Family: living alone Job: IT Social Station: not satisfied Skills

Skills Mobile phone

APP

Mobile phone

Internet

Cook

Internet

Goals I hope there will be more company with young people Frustrations It’s very lonely to eat alone, and there is no one to accompany you Best dishes

APP Cook

Goals I don’t want to eat takeaway anymore, I want to eat some healthy home-cooked food Frustrations I don’t have time to cook, and the cooked food is not delicious Favorite food

Login

Wish dishes

set up

check out wishes

nickname

contact poster

gender

Login

conditions to cook.

Therefore, an APP needs to be designed so that young people and old people can communicate with each other, realize each other's needs, achieve a win-win situation

verify

invatation record

cotact guests

check out

gender age loctation

join in

cancel

post new

past dishes

post

check out

invite

verify

edit

concact guest

Young Part

check out nickname

reservation

Profile

finished

Nearby Dishes

CONCLUSION of taking out from the canteen and have no

Table

arrive

take order

loctation

set up

Elderly people living alone need company while young people who work hard are tired

chat record

check recipe

age

phone number

Chat

search

contact holder

Chat holders

chat record

Table geusts

chat record

Profile

reservation

wish dishes

past dishes

arrive

post

check out

pay finished

receive invatation

cancel

concact holder

edit

LOW-FI SKETCH

VISUAL DESIGN Login & sign up

sign up

choose port

nick name

location

profile

phone number

verify code

location

Icon

Younger part

RoundTable Feel the taste of home

Reserve dinner & take order nearby dishes

join in

wish list

During dinner take order

before dinner pay for dinner

Elder part

verify geust

Younger part

Color scheme Post new & dinner history tables

create wish

create dinner

eatten

Contact others posted wish

chat

Text color #503D2F

Theme color #E97650

#FEF5E9

#F5B39D

#82867A

#B5B5B6

invatation

Elder part Younger part

Elder part

STORYBOARD 1

8

2

The young Mary is off work, but she doesn’t want to go home to cook or eat unhealthy takeaways.

5

She opened the RoundTable and started looking for the meal she wanted to go to.

4 3

John lives at home alone. She makes delicious food, but she doesn’t want to eat alone.

Mary saw what John posted and made an appointment to go.

The old and the young had a pleasant dinner together.

7 9

6

The APP use voice message to reminds John So John published her dishes on that she has received a RoundTable, looking forward to new appointment from Mary. someone joining her dinner.

Mary came to John’s house, and John confirm the guest through the end number of his mobile phone.

The guest and the host give each other reviews on the RoundTable.

COURSEWORK Leisure green space designed Groupwork My part: Group leader/ Modelling/ Rendering 2019. 11

Through the design of landscape and micro-topography, to provide convenience in life and enjoyment of the landscape to people who use it around the site

Other Works Modelling/ Panting/ Construction

COURSEWORK Mountain homestay architectural design Individual work 2019. 10

Let the building be attached to the mountainous terrain of Qinling in a low-key attitude. Take the architectural group form of the Chinese triad courtyard, handle the functional zoning inside the homestay

COURSEWORK Design and Construction of teaching practice site Groupwork My part: Concept Design/ Construction 2020. 11

This is a 4*6m site, and we built it into a teaching practice site for the presentation of the construction methods of landscape architecture courses in the future.

Prize Best Construction Award

COURSEWORK Individual work 2020. 3

Green space designs

These are two of the functional green space. These design has a strong functional purpose orientation. They are campus green space and street green space, the function provides users with a place to relax and play.

HAND PAINTED Oil pastel Individual work

Watercolor painting Individual work

HAND PAINTED

Still life sketch Individual work

Landscape sketch Individual work