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