SlideShare uma empresa Scribd logo
1 de 114
Baixar para ler offline
UX Thinking | DaveHogue.com

2
What If…
10,000
years
Gobekli Tepe
10,000 B.C.E.
Heiroglyphics
1500 B.C.E.
The Rosetta Stone
196 B.C.E
signs
words
icons
KEEP OUT
OR DIE
How do we
make certain
they understand?
Expert Judgment on Markers to Deter Inadvertent Human Intrusion into the Waste Isolation Pilot Plant (Sandia National Laboratories, 1993)
We must
understand

them.
Why do some
experiences succeed?
We feel like they know us

personally.
The designers
understand
the users.
“You are not designing for yourself.”
But we’re all human.
Users
Developers

Researchers

Designers

Managers
Our brains all work the

same way…
…and we share the same
capabilities and limitations.
We are subject to the

same rules.
Understanding how we all think
can help us generate

better ideas…
…and help us craft and deliver

better
experiences.
Design is not magic.
A System
for thinking about design with a

psychological perspective.
People using things in places.
Context
Who are the people?
Demographics, experiences, skills, attitudes, beliefs, knowledge

Where are they?
Place, environment, situation, conditions, circumstances

What are the devices, objects, and tools they are using?
Phones, tablets, computers, kiosks, cameras, pen & paper, chisel & stone…
Design must work across cultures,
languages, and generations.
Symbols
Much of our design is symbolic:
Colors
Words
Numbers
Typefaces
Icons

Graphics
Illustrations
Diagrams
Charts
Photographs

Motion
Video
Animation
Sounds
Haptics

The meaning of symbols is derived from
our experiences in that time and place.
Color of Mourning
South Africa
Egypt and Burma
Korea, Mexico, and Iran
Thailand and Brazil
China
India
United States and Europe
Wisdom

Harbinger of Death
Trends & Fads

Style is social
and varies over time,
but the pendulum swings
in both directions.
What something means
to me here today
may be different
from what it means
to someone else
in a different time and place.
Where am I going?

How will I get there?
Goals
What are the objectives?
What is the desired outcome, and is it:
Productive, focused, goal-directed, playful, exploratory, meandering

What is the value of the goals and objectives?
Important, essential, necessary, optional, nice-to-have, elective

How urgent are the goals and objectives?
Time-sensitive, critical, compelling, casual, open-ended
Trust?
Credible?
Even minor issues
with design quality
can reduce
credibility and trust.
Perception
How do people sense and perceive the world?
Vision, audition, and touch
Color deficient vision
Image recognition
Motion
Gestalt Principles
Pre-conscious processing and attention
Color Deficient Vision
About 8% of men and 0.5% of women in the USA have some
form of color deficient vision.

Normal

Red-Green

Blue-Yellow
Choosing Colors
Some tips for being color friendly:
1. Do not use color alone to signify meaning –
combine it with form and text to provide
additional cues.
2. Use sufficient contrast – test your design by
de-saturating the colors to see if they are still
distinct.
3. Remember that the color pairs that cause
difficulty are RED-GREEN and BLUE-YELLOW.
Shift the hue and vary the luminosity.
Form & Structure
Gestalt Principles
Figure-Ground
Proximity
Similarity
Closure
Continuity
Symmetry
Common Fate
Figure-Ground
Closure
Proximity
Similarity
Symmetry
Continuity
We perceive what we expect.
Motivation
Definition:
The force that initiates, directs, and sustains behavior.
Why we do what we do.

Theories:
Achievement, Affiliation, and Power
Existence, Relatedness, and Growth (ERG)
Biological Drives
Internal vs. External

Not Maslow’s Hierarchy of Needs…
Motivation
Why do people spend so much time on social
networks, and what do they get from it?
Affiliation with others (we are social creatures and seek contact)
Personal achievement (competition with self and others)
Social influence and credibility (“social currency”)
Cognition
Definition:
The mental action or process of acquiring knowledge and understanding
through thinking, experience, and the senses.

Types:
Learning and Memory
Creativity
Language
Problem-solving
Reasoning and logic
Attention

Decision-making
Recognition
Spatial operations
Concept formation
Metacognition
And many, many biases…
Information Design
People are better able to scan and read text when it is
presented in ways which help them identify and understand
the meaning through the use of:
Headers and subheaders (size)
Weight
Lineheight (leading)
Line length (measure)
Bullet lists
Whitespace
Graphics, diagrams, and illustrations
Making Meaning
The Dead Zone: An outbreak of green algae, or hutai as the
Chinese call it, has invaded the seawaters off eastern
Shandong. It looks harmless and lots of fun, as beachgoers are
pictured frolicking in the green mass. But danger lurks below
with the algae posing a massive threat to aquatic life. The rivers
are contaminated due to the use of fertilizers in agriculture and
chemical discharges from industrial plants. Untreated sewage,
along with the discharge of nitrate and phosphate from nearby
industrial plants are spewed into the Yellow Sea, which
stimulate the growth of algae, phytoplankton, and other marine
micro-organisms. In July 2008 an algae bloom covered 13,000
square kilometers, then in July 2013 the largest algae bloom
ever covered 28,900 square kilometers. The bacteria consume
dead algae and phytoplankton, taking in tons of oxygen from
the water during digestion. That results in sudden depletion of
oxygen, which causes a huge impact on marine life by causing
hypoxia – the marine organisms literally suffocate. Most mobile,
adult fish may survive by swimming away from the hypoxic
zones. However, they may be forced into smaller habitats when
schools become overcrowded. Seafloor dwellers like
tubeworms may be more tolerant of low oxygen levels, but
young fish and other less mobile creatures like clams may
suffer and eventually die if the water remains hypoxic for a long
time.

The Dead Zone
An outbreak of green algae, or hutai as the Chinese call it, has invaded
the seawaters off eastern Shandong. It looks harmless and lots of fun,
as beachgoers are pictured frolicking in the green mass. But danger
lurks below with the algae posing a massive threat to aquatic life.
The rivers and Yellow Sea are contaminated by:
• Agricultural fertilizers,
• Nitrate and phosphate discharge from industrial plants,
• Untreated sewage.
These contaminants stimulate the growth of algae, phytoplankton, and
other marine micro-organisms. Bacteria consume dead algae and
phytoplankton and use tons of oxygen from the water during digestion.
Hypoxia: Suffocation due to lack of oxygen caused by the
removal of oxygen from the water by excess micro-organisms.
Most mobile, adult fish may survive by swimming away from the
hypoxic zones. However, they may be forced into smaller habitats
when schools become overcrowded.
Seafloor dwellers like tubeworms may be more tolerant of low oxygen
levels, but young fish and other less mobile creatures like clams may
suffer and eventually die if the water remains hypoxic for a long time.
Making Meaning
The Dead Zone: An outbreak of green algae, or hutai as the
Chinese call it, has invaded the seawaters off eastern
Shandong. It looks harmless and lots of fun, as beachgoers are
pictured frolicking in the green mass. But danger lurks below
with the algae posing a massive threat to aquatic life. The rivers
are contaminated due to the use of fertilizers in agriculture and
chemical discharges from industrial plants. Untreated sewage,
along with the discharge of nitrate and phosphate from nearby
industrial plants are spewed into the Yellow Sea, which
stimulate the growth of algae, phytoplankton, and other marine
micro-organisms. In July 2008 an algae bloom covered 13,000
square kilometers, then in July 2013 the largest algae bloom
ever covered 28,900 square kilometers. The bacteria consume
dead algae and phytoplankton, taking in tons of oxygen from
the water during digestion. That results in sudden depletion of
oxygen, which causes a huge impact on marine life by causing
hypoxia – the marine organisms literally suffocate. Most mobile,
adult fish may survive by swimming away from the hypoxic
zones. However, they may be forced into smaller habitats when
schools become overcrowded. Seafloor dwellers like
tubeworms may be more tolerant of low oxygen levels, but
young fish and other less mobile creatures like clams may
suffer and eventually die if the water remains hypoxic for a long
time.
Cognitive Biases
Our cognitive abilities are fallible.
 Availability Heuristic
 Fundamental Attribution Error
 Confirmation Bias
 Loss Aversion
 Hyperbolic Discounting
 Recency Bias
 And dozens more…
Should we “Reduce deaths”…

…or “Maximize quality of life?”
Framing Bias
What did the first cars look like?

Horse-drawn carriages.
Anchoring Bias
We may not be
designing for
ourselves, but…
We are susceptible to the same biases.
Creativity
Perhaps one of the most difficult
abilities to define and measure,
creativity is often assigned to
designers, but everyone has it.
Divergent Thinking
Thinking that moves in diverging
directions to involve a variety of
factors and perspectives.
It generates many possibilities
which may lead to novel ideas
and solutions.
It is associated with creativity.
30 seconds…

How many uses?
Emotion
Definition:
A complex, subjective experience resulting in physiological and
psychological changes that influence thought and behavior.

Theories:
Ekman (Happiness, Surprise, Sadness, Anger, Fear, Disgust)
James-Lange (physiological reaction precedes emotion)
Cannon-Bard (physiological reaction and emotion are concurrent)
Schachter-Singer (physiological reaction precedes cognition)
Lazarus (cognition precedes physiological reaction and emotion)
Color
Different colors have different
meanings and elicit different
emotions.
Red is anger.
Green is envy.
Blue is sadness.
Yellow is cowardice.
Typefaces
Different typefaces convey
different feelings and attitudes.

http://blog.crazyegg.com/2013/07/05/psychology-of-fonts-infographic/
Emotion
Emotions may be positive (love, joy) or
negative (anger, fear.)
We have about 20,000 emotional
experiences per day (Kahneman, 2002.)
Attractive things are judged to work
better and be more effective.
Positive Emotions
Fredrickson (2009) discovered that
we need three positive emotions to
lift us up and overcome just one
negative emotion.
Have you ever said,
“Meh. It could be better, but it works”?
Is the rest of the interface

three times better
to make up for it?
Behavior
Definition:
The actions by which an organism reacts and adjusts to
their environment and other organisms; a response to various stimuli.

Theories:
Classical Conditioning (association)
Operant Conditioning (reinforcement and punishment)
Social Learning Theory (live, verbal, and symbolic)
Relational Frame Theory (language and cognition)
Drive Reduction (biology and homeostasis)
Rewards
Participation in social services is
often encouraged with rewards
such as badges and points that
have personal and social value
and which are delivered through
complex reinforcement
schedules.
Not what she predicted…
After editing the gift
message three times, it
was still too long…
How long is it now?
How much too long is it?
What is the maximum
number of characters?
HELP! What should I do?
Learning to use this...
…does not help with these.
Quick Review
A lot of psychology in just two diagrams!
Thanks!
I’m happy to answer your questions.
Meaningful Design

Mais conteúdo relacionado

Destaque

Design Sprints for Innovation
Design Sprints for InnovationDesign Sprints for Innovation
Design Sprints for InnovationDave Hogue
 
UX Strategy - the secret sauce that defines the pixie dust
UX Strategy - the secret sauce that defines the pixie dustUX Strategy - the secret sauce that defines the pixie dust
UX Strategy - the secret sauce that defines the pixie dustEric Reiss
 
逆説のカスタマーサクセス
逆説のカスタマーサクセス逆説のカスタマーサクセス
逆説のカスタマーサクセスTakaaki Umada
 
10 Color Banner Design Inspiration
10 Color Banner Design Inspiration10 Color Banner Design Inspiration
10 Color Banner Design InspirationBannersnack
 
15 Quotes To Nurture Your Creative Soul!
15 Quotes To Nurture Your Creative Soul!15 Quotes To Nurture Your Creative Soul!
15 Quotes To Nurture Your Creative Soul!DesignMantic
 
24 Design Tips from Real Designers
24 Design Tips from Real Designers24 Design Tips from Real Designers
24 Design Tips from Real DesignersEdahn Small
 
Design Thinking: Finding Problems Worth Solving In Health
Design Thinking: Finding Problems Worth Solving In HealthDesign Thinking: Finding Problems Worth Solving In Health
Design Thinking: Finding Problems Worth Solving In HealthAdam Connor
 
31 Quotes To Celebrate Teamwork and Collaboration
31 Quotes To Celebrate Teamwork and Collaboration31 Quotes To Celebrate Teamwork and Collaboration
31 Quotes To Celebrate Teamwork and CollaborationHubSpot
 
25 Festive Fonts For Women Oriented Businesses!
25 Festive Fonts For Women Oriented Businesses!25 Festive Fonts For Women Oriented Businesses!
25 Festive Fonts For Women Oriented Businesses!DesignMantic
 
10 Best Practices of a Best Company to Work For
10 Best Practices of a Best Company to Work For10 Best Practices of a Best Company to Work For
10 Best Practices of a Best Company to Work ForO.C. Tanner
 
11 big strategy ideas
11 big strategy ideas11 big strategy ideas
11 big strategy ideasCPA Australia
 

Destaque (13)

AUG 리더에 지원해 보세요!!!
AUG 리더에 지원해 보세요!!!AUG 리더에 지원해 보세요!!!
AUG 리더에 지원해 보세요!!!
 
Design Sprints for Innovation
Design Sprints for InnovationDesign Sprints for Innovation
Design Sprints for Innovation
 
UX Strategy - the secret sauce that defines the pixie dust
UX Strategy - the secret sauce that defines the pixie dustUX Strategy - the secret sauce that defines the pixie dust
UX Strategy - the secret sauce that defines the pixie dust
 
逆説のカスタマーサクセス
逆説のカスタマーサクセス逆説のカスタマーサクセス
逆説のカスタマーサクセス
 
10 Color Banner Design Inspiration
10 Color Banner Design Inspiration10 Color Banner Design Inspiration
10 Color Banner Design Inspiration
 
15 Quotes To Nurture Your Creative Soul!
15 Quotes To Nurture Your Creative Soul!15 Quotes To Nurture Your Creative Soul!
15 Quotes To Nurture Your Creative Soul!
 
24 Design Tips from Real Designers
24 Design Tips from Real Designers24 Design Tips from Real Designers
24 Design Tips from Real Designers
 
Design Thinking: Finding Problems Worth Solving In Health
Design Thinking: Finding Problems Worth Solving In HealthDesign Thinking: Finding Problems Worth Solving In Health
Design Thinking: Finding Problems Worth Solving In Health
 
31 Quotes To Celebrate Teamwork and Collaboration
31 Quotes To Celebrate Teamwork and Collaboration31 Quotes To Celebrate Teamwork and Collaboration
31 Quotes To Celebrate Teamwork and Collaboration
 
25 Festive Fonts For Women Oriented Businesses!
25 Festive Fonts For Women Oriented Businesses!25 Festive Fonts For Women Oriented Businesses!
25 Festive Fonts For Women Oriented Businesses!
 
10 Best Practices of a Best Company to Work For
10 Best Practices of a Best Company to Work For10 Best Practices of a Best Company to Work For
10 Best Practices of a Best Company to Work For
 
11 big strategy ideas
11 big strategy ideas11 big strategy ideas
11 big strategy ideas
 
Build Features, Not Apps
Build Features, Not AppsBuild Features, Not Apps
Build Features, Not Apps
 

Semelhante a Meaningful Design

Disadvantages Of Eutrophication
Disadvantages Of EutrophicationDisadvantages Of Eutrophication
Disadvantages Of EutrophicationJill Crawford
 
Cultural literacy and eco literacy
 Cultural literacy and eco literacy  Cultural literacy and eco literacy
Cultural literacy and eco literacy evssgreen
 
Magical tour to water world- Comenius 2013-'15- Chios-GREECE
Magical tour to water world- Comenius 2013-'15- Chios-GREECEMagical tour to water world- Comenius 2013-'15- Chios-GREECE
Magical tour to water world- Comenius 2013-'15- Chios-GREECEdespinarmenaki
 
Essay About Independence Day.pdfEssay About Independence Day. Long essay on I...
Essay About Independence Day.pdfEssay About Independence Day. Long essay on I...Essay About Independence Day.pdfEssay About Independence Day. Long essay on I...
Essay About Independence Day.pdfEssay About Independence Day. Long essay on I...Sara Roberts
 
Biodiversity poster
Biodiversity posterBiodiversity poster
Biodiversity posterckjchee
 
MARINE ECOLOGY.pptx TEACH KIDS OCEANS MARINE LIFE CLIMATE CHANGE
MARINE ECOLOGY.pptx TEACH KIDS OCEANS MARINE LIFE CLIMATE CHANGEMARINE ECOLOGY.pptx TEACH KIDS OCEANS MARINE LIFE CLIMATE CHANGE
MARINE ECOLOGY.pptx TEACH KIDS OCEANS MARINE LIFE CLIMATE CHANGEshaniamlebrun
 
Need help for this essay. Questions 1–4 Answer the following essay .pdf
Need help for this essay. Questions 1–4 Answer the following essay .pdfNeed help for this essay. Questions 1–4 Answer the following essay .pdf
Need help for this essay. Questions 1–4 Answer the following essay .pdfmarketing413921
 
Beautiful, Important Sharks
Beautiful, Important Sharks Beautiful, Important Sharks
Beautiful, Important Sharks Laura McKenzie
 

Semelhante a Meaningful Design (12)

Disadvantages Of Eutrophication
Disadvantages Of EutrophicationDisadvantages Of Eutrophication
Disadvantages Of Eutrophication
 
Cultural literacy and eco literacy
 Cultural literacy and eco literacy  Cultural literacy and eco literacy
Cultural literacy and eco literacy
 
Magical tour to water world- Comenius 2013-'15- Chios-GREECE
Magical tour to water world- Comenius 2013-'15- Chios-GREECEMagical tour to water world- Comenius 2013-'15- Chios-GREECE
Magical tour to water world- Comenius 2013-'15- Chios-GREECE
 
Essay About Independence Day.pdfEssay About Independence Day. Long essay on I...
Essay About Independence Day.pdfEssay About Independence Day. Long essay on I...Essay About Independence Day.pdfEssay About Independence Day. Long essay on I...
Essay About Independence Day.pdfEssay About Independence Day. Long essay on I...
 
Biodiversity poster
Biodiversity posterBiodiversity poster
Biodiversity poster
 
MARINE ECOLOGY.pptx TEACH KIDS OCEANS MARINE LIFE CLIMATE CHANGE
MARINE ECOLOGY.pptx TEACH KIDS OCEANS MARINE LIFE CLIMATE CHANGEMARINE ECOLOGY.pptx TEACH KIDS OCEANS MARINE LIFE CLIMATE CHANGE
MARINE ECOLOGY.pptx TEACH KIDS OCEANS MARINE LIFE CLIMATE CHANGE
 
Ch 1 introduction to environment
Ch 1 introduction to environmentCh 1 introduction to environment
Ch 1 introduction to environment
 
Sea exploration
Sea explorationSea exploration
Sea exploration
 
Need help for this essay. Questions 1–4 Answer the following essay .pdf
Need help for this essay. Questions 1–4 Answer the following essay .pdfNeed help for this essay. Questions 1–4 Answer the following essay .pdf
Need help for this essay. Questions 1–4 Answer the following essay .pdf
 
Beautiful, Important Sharks
Beautiful, Important Sharks Beautiful, Important Sharks
Beautiful, Important Sharks
 
Lobster Life Cycle
Lobster Life CycleLobster Life Cycle
Lobster Life Cycle
 
WATER POLLUTION
WATER POLLUTION WATER POLLUTION
WATER POLLUTION
 

Mais de Dave Hogue

We Don't Watch the Internet, We Live in It
We Don't Watch the Internet, We Live in ItWe Don't Watch the Internet, We Live in It
We Don't Watch the Internet, We Live in ItDave Hogue
 
UX-Driven Innovation
UX-Driven InnovationUX-Driven Innovation
UX-Driven InnovationDave Hogue
 
Psychology for UX and Human Experience
Psychology for UX and Human ExperiencePsychology for UX and Human Experience
Psychology for UX and Human ExperienceDave Hogue
 
You Want Me to Measure What?
You Want Me to Measure What?You Want Me to Measure What?
You Want Me to Measure What?Dave Hogue
 
Psychology for User Experience
Psychology for User ExperiencePsychology for User Experience
Psychology for User ExperienceDave Hogue
 
UX Strategy for Any Device
UX Strategy for Any DeviceUX Strategy for Any Device
UX Strategy for Any DeviceDave Hogue
 
Brainstorming & Collaboration on Multi-Disciplinary Teams
Brainstorming & Collaboration on Multi-Disciplinary TeamsBrainstorming & Collaboration on Multi-Disciplinary Teams
Brainstorming & Collaboration on Multi-Disciplinary TeamsDave Hogue
 
The Complexity Curve: How to Design for Simplicity (SXSW, March 2012)
The Complexity Curve: How to Design for Simplicity (SXSW, March 2012)The Complexity Curve: How to Design for Simplicity (SXSW, March 2012)
The Complexity Curve: How to Design for Simplicity (SXSW, March 2012)Dave Hogue
 

Mais de Dave Hogue (8)

We Don't Watch the Internet, We Live in It
We Don't Watch the Internet, We Live in ItWe Don't Watch the Internet, We Live in It
We Don't Watch the Internet, We Live in It
 
UX-Driven Innovation
UX-Driven InnovationUX-Driven Innovation
UX-Driven Innovation
 
Psychology for UX and Human Experience
Psychology for UX and Human ExperiencePsychology for UX and Human Experience
Psychology for UX and Human Experience
 
You Want Me to Measure What?
You Want Me to Measure What?You Want Me to Measure What?
You Want Me to Measure What?
 
Psychology for User Experience
Psychology for User ExperiencePsychology for User Experience
Psychology for User Experience
 
UX Strategy for Any Device
UX Strategy for Any DeviceUX Strategy for Any Device
UX Strategy for Any Device
 
Brainstorming & Collaboration on Multi-Disciplinary Teams
Brainstorming & Collaboration on Multi-Disciplinary TeamsBrainstorming & Collaboration on Multi-Disciplinary Teams
Brainstorming & Collaboration on Multi-Disciplinary Teams
 
The Complexity Curve: How to Design for Simplicity (SXSW, March 2012)
The Complexity Curve: How to Design for Simplicity (SXSW, March 2012)The Complexity Curve: How to Design for Simplicity (SXSW, March 2012)
The Complexity Curve: How to Design for Simplicity (SXSW, March 2012)
 

Último

2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degreeyuu sss
 
Untitled presedddddddddddddddddntation (1).pptx
Untitled presedddddddddddddddddntation (1).pptxUntitled presedddddddddddddddddntation (1).pptx
Untitled presedddddddddddddddddntation (1).pptxmapanig881
 
Apresentação Clamo Cristo -letra música Matheus Rizzo
Apresentação Clamo Cristo -letra música Matheus RizzoApresentação Clamo Cristo -letra música Matheus Rizzo
Apresentação Clamo Cristo -letra música Matheus RizzoCarolTelles6
 
澳洲UQ学位证,昆士兰大学毕业证书1:1制作
澳洲UQ学位证,昆士兰大学毕业证书1:1制作澳洲UQ学位证,昆士兰大学毕业证书1:1制作
澳洲UQ学位证,昆士兰大学毕业证书1:1制作aecnsnzk
 
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...Rishabh Aryan
 
General Knowledge Quiz Game C++ CODE.pptx
General Knowledge Quiz Game C++ CODE.pptxGeneral Knowledge Quiz Game C++ CODE.pptx
General Knowledge Quiz Game C++ CODE.pptxmarckustrevion
 
306MTAMount UCLA University Bachelor's Diploma in Social Media
306MTAMount UCLA University Bachelor's Diploma in Social Media306MTAMount UCLA University Bachelor's Diploma in Social Media
306MTAMount UCLA University Bachelor's Diploma in Social MediaD SSS
 
毕业文凭制作#回国入职#diploma#degree美国威斯康星大学欧克莱尔分校毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#...
毕业文凭制作#回国入职#diploma#degree美国威斯康星大学欧克莱尔分校毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#...毕业文凭制作#回国入职#diploma#degree美国威斯康星大学欧克莱尔分校毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#...
毕业文凭制作#回国入职#diploma#degree美国威斯康星大学欧克莱尔分校毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#...ttt fff
 
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...katerynaivanenko1
 
西北大学毕业证学位证成绩单-怎么样办伪造
西北大学毕业证学位证成绩单-怎么样办伪造西北大学毕业证学位证成绩单-怎么样办伪造
西北大学毕业证学位证成绩单-怎么样办伪造kbdhl05e
 
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档208367051
 
办理(麻省罗威尔毕业证书)美国麻省大学罗威尔校区毕业证成绩单原版一比一
办理(麻省罗威尔毕业证书)美国麻省大学罗威尔校区毕业证成绩单原版一比一办理(麻省罗威尔毕业证书)美国麻省大学罗威尔校区毕业证成绩单原版一比一
办理(麻省罗威尔毕业证书)美国麻省大学罗威尔校区毕业证成绩单原版一比一diploma 1
 
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一Fi L
 
'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,
'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,
'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,Aginakm1
 
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degreeyuu sss
 
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree 毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree ttt fff
 
Call Girls Aslali 7397865700 Ridhima Hire Me Full Night
Call Girls Aslali 7397865700 Ridhima Hire Me Full NightCall Girls Aslali 7397865700 Ridhima Hire Me Full Night
Call Girls Aslali 7397865700 Ridhima Hire Me Full Nightssuser7cb4ff
 
cda.pptx critical discourse analysis ppt
cda.pptx critical discourse analysis pptcda.pptx critical discourse analysis ppt
cda.pptx critical discourse analysis pptMaryamAfzal41
 
Unveiling the Future: Columbus, Ohio Condominiums Through the Lens of 3D Arch...
Unveiling the Future: Columbus, Ohio Condominiums Through the Lens of 3D Arch...Unveiling the Future: Columbus, Ohio Condominiums Through the Lens of 3D Arch...
Unveiling the Future: Columbus, Ohio Condominiums Through the Lens of 3D Arch...Yantram Animation Studio Corporation
 
(办理学位证)约克圣约翰大学毕业证,KCL成绩单原版一比一
(办理学位证)约克圣约翰大学毕业证,KCL成绩单原版一比一(办理学位证)约克圣约翰大学毕业证,KCL成绩单原版一比一
(办理学位证)约克圣约翰大学毕业证,KCL成绩单原版一比一D SSS
 

Último (20)

2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
 
Untitled presedddddddddddddddddntation (1).pptx
Untitled presedddddddddddddddddntation (1).pptxUntitled presedddddddddddddddddntation (1).pptx
Untitled presedddddddddddddddddntation (1).pptx
 
Apresentação Clamo Cristo -letra música Matheus Rizzo
Apresentação Clamo Cristo -letra música Matheus RizzoApresentação Clamo Cristo -letra música Matheus Rizzo
Apresentação Clamo Cristo -letra música Matheus Rizzo
 
澳洲UQ学位证,昆士兰大学毕业证书1:1制作
澳洲UQ学位证,昆士兰大学毕业证书1:1制作澳洲UQ学位证,昆士兰大学毕业证书1:1制作
澳洲UQ学位证,昆士兰大学毕业证书1:1制作
 
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
 
General Knowledge Quiz Game C++ CODE.pptx
General Knowledge Quiz Game C++ CODE.pptxGeneral Knowledge Quiz Game C++ CODE.pptx
General Knowledge Quiz Game C++ CODE.pptx
 
306MTAMount UCLA University Bachelor's Diploma in Social Media
306MTAMount UCLA University Bachelor's Diploma in Social Media306MTAMount UCLA University Bachelor's Diploma in Social Media
306MTAMount UCLA University Bachelor's Diploma in Social Media
 
毕业文凭制作#回国入职#diploma#degree美国威斯康星大学欧克莱尔分校毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#...
毕业文凭制作#回国入职#diploma#degree美国威斯康星大学欧克莱尔分校毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#...毕业文凭制作#回国入职#diploma#degree美国威斯康星大学欧克莱尔分校毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#...
毕业文凭制作#回国入职#diploma#degree美国威斯康星大学欧克莱尔分校毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#...
 
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...
 
西北大学毕业证学位证成绩单-怎么样办伪造
西北大学毕业证学位证成绩单-怎么样办伪造西北大学毕业证学位证成绩单-怎么样办伪造
西北大学毕业证学位证成绩单-怎么样办伪造
 
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档
 
办理(麻省罗威尔毕业证书)美国麻省大学罗威尔校区毕业证成绩单原版一比一
办理(麻省罗威尔毕业证书)美国麻省大学罗威尔校区毕业证成绩单原版一比一办理(麻省罗威尔毕业证书)美国麻省大学罗威尔校区毕业证成绩单原版一比一
办理(麻省罗威尔毕业证书)美国麻省大学罗威尔校区毕业证成绩单原版一比一
 
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一
 
'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,
'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,
'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,
 
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
 
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree 毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
 
Call Girls Aslali 7397865700 Ridhima Hire Me Full Night
Call Girls Aslali 7397865700 Ridhima Hire Me Full NightCall Girls Aslali 7397865700 Ridhima Hire Me Full Night
Call Girls Aslali 7397865700 Ridhima Hire Me Full Night
 
cda.pptx critical discourse analysis ppt
cda.pptx critical discourse analysis pptcda.pptx critical discourse analysis ppt
cda.pptx critical discourse analysis ppt
 
Unveiling the Future: Columbus, Ohio Condominiums Through the Lens of 3D Arch...
Unveiling the Future: Columbus, Ohio Condominiums Through the Lens of 3D Arch...Unveiling the Future: Columbus, Ohio Condominiums Through the Lens of 3D Arch...
Unveiling the Future: Columbus, Ohio Condominiums Through the Lens of 3D Arch...
 
(办理学位证)约克圣约翰大学毕业证,KCL成绩单原版一比一
(办理学位证)约克圣约翰大学毕业证,KCL成绩单原版一比一(办理学位证)约克圣约翰大学毕业证,KCL成绩单原版一比一
(办理学位证)约克圣约翰大学毕业证,KCL成绩单原版一比一
 

Meaningful Design

  • 1.
  • 2. UX Thinking | DaveHogue.com 2
  • 4.
  • 5.
  • 6.
  • 7.
  • 10.
  • 14.
  • 16.
  • 17. How do we make certain they understand? Expert Judgment on Markers to Deter Inadvertent Human Intrusion into the Waste Isolation Pilot Plant (Sandia National Laboratories, 1993)
  • 20.
  • 21.
  • 22.
  • 23. We feel like they know us personally.
  • 25. “You are not designing for yourself.”
  • 26. But we’re all human.
  • 28. Our brains all work the same way…
  • 29. …and we share the same capabilities and limitations. We are subject to the same rules.
  • 30. Understanding how we all think can help us generate better ideas…
  • 31. …and help us craft and deliver better experiences.
  • 32. Design is not magic.
  • 33. A System for thinking about design with a psychological perspective.
  • 34.
  • 35.
  • 36. People using things in places.
  • 37. Context Who are the people? Demographics, experiences, skills, attitudes, beliefs, knowledge Where are they? Place, environment, situation, conditions, circumstances What are the devices, objects, and tools they are using? Phones, tablets, computers, kiosks, cameras, pen & paper, chisel & stone…
  • 38. Design must work across cultures, languages, and generations.
  • 39. Symbols Much of our design is symbolic: Colors Words Numbers Typefaces Icons Graphics Illustrations Diagrams Charts Photographs Motion Video Animation Sounds Haptics The meaning of symbols is derived from our experiences in that time and place.
  • 40. Color of Mourning South Africa Egypt and Burma Korea, Mexico, and Iran Thailand and Brazil China India United States and Europe
  • 42. Trends & Fads Style is social and varies over time, but the pendulum swings in both directions.
  • 43. What something means to me here today may be different from what it means to someone else in a different time and place.
  • 44.
  • 45.
  • 46. Where am I going? How will I get there?
  • 47. Goals What are the objectives? What is the desired outcome, and is it: Productive, focused, goal-directed, playful, exploratory, meandering What is the value of the goals and objectives? Important, essential, necessary, optional, nice-to-have, elective How urgent are the goals and objectives? Time-sensitive, critical, compelling, casual, open-ended
  • 50. Even minor issues with design quality can reduce credibility and trust.
  • 51.
  • 52. Perception How do people sense and perceive the world? Vision, audition, and touch Color deficient vision Image recognition Motion Gestalt Principles Pre-conscious processing and attention
  • 53.
  • 54. Color Deficient Vision About 8% of men and 0.5% of women in the USA have some form of color deficient vision. Normal Red-Green Blue-Yellow
  • 55. Choosing Colors Some tips for being color friendly: 1. Do not use color alone to signify meaning – combine it with form and text to provide additional cues. 2. Use sufficient contrast – test your design by de-saturating the colors to see if they are still distinct. 3. Remember that the color pairs that cause difficulty are RED-GREEN and BLUE-YELLOW. Shift the hue and vary the luminosity.
  • 56. Form & Structure Gestalt Principles Figure-Ground Proximity Similarity Closure Continuity Symmetry Common Fate
  • 61.
  • 64.
  • 65. We perceive what we expect.
  • 66.
  • 67. Motivation Definition: The force that initiates, directs, and sustains behavior. Why we do what we do. Theories: Achievement, Affiliation, and Power Existence, Relatedness, and Growth (ERG) Biological Drives Internal vs. External Not Maslow’s Hierarchy of Needs…
  • 68.
  • 69. Motivation Why do people spend so much time on social networks, and what do they get from it? Affiliation with others (we are social creatures and seek contact) Personal achievement (competition with self and others) Social influence and credibility (“social currency”)
  • 70.
  • 71. Cognition Definition: The mental action or process of acquiring knowledge and understanding through thinking, experience, and the senses. Types: Learning and Memory Creativity Language Problem-solving Reasoning and logic Attention Decision-making Recognition Spatial operations Concept formation Metacognition And many, many biases…
  • 72. Information Design People are better able to scan and read text when it is presented in ways which help them identify and understand the meaning through the use of: Headers and subheaders (size) Weight Lineheight (leading) Line length (measure) Bullet lists Whitespace Graphics, diagrams, and illustrations
  • 73. Making Meaning The Dead Zone: An outbreak of green algae, or hutai as the Chinese call it, has invaded the seawaters off eastern Shandong. It looks harmless and lots of fun, as beachgoers are pictured frolicking in the green mass. But danger lurks below with the algae posing a massive threat to aquatic life. The rivers are contaminated due to the use of fertilizers in agriculture and chemical discharges from industrial plants. Untreated sewage, along with the discharge of nitrate and phosphate from nearby industrial plants are spewed into the Yellow Sea, which stimulate the growth of algae, phytoplankton, and other marine micro-organisms. In July 2008 an algae bloom covered 13,000 square kilometers, then in July 2013 the largest algae bloom ever covered 28,900 square kilometers. The bacteria consume dead algae and phytoplankton, taking in tons of oxygen from the water during digestion. That results in sudden depletion of oxygen, which causes a huge impact on marine life by causing hypoxia – the marine organisms literally suffocate. Most mobile, adult fish may survive by swimming away from the hypoxic zones. However, they may be forced into smaller habitats when schools become overcrowded. Seafloor dwellers like tubeworms may be more tolerant of low oxygen levels, but young fish and other less mobile creatures like clams may suffer and eventually die if the water remains hypoxic for a long time. The Dead Zone An outbreak of green algae, or hutai as the Chinese call it, has invaded the seawaters off eastern Shandong. It looks harmless and lots of fun, as beachgoers are pictured frolicking in the green mass. But danger lurks below with the algae posing a massive threat to aquatic life. The rivers and Yellow Sea are contaminated by: • Agricultural fertilizers, • Nitrate and phosphate discharge from industrial plants, • Untreated sewage. These contaminants stimulate the growth of algae, phytoplankton, and other marine micro-organisms. Bacteria consume dead algae and phytoplankton and use tons of oxygen from the water during digestion. Hypoxia: Suffocation due to lack of oxygen caused by the removal of oxygen from the water by excess micro-organisms. Most mobile, adult fish may survive by swimming away from the hypoxic zones. However, they may be forced into smaller habitats when schools become overcrowded. Seafloor dwellers like tubeworms may be more tolerant of low oxygen levels, but young fish and other less mobile creatures like clams may suffer and eventually die if the water remains hypoxic for a long time.
  • 74. Making Meaning The Dead Zone: An outbreak of green algae, or hutai as the Chinese call it, has invaded the seawaters off eastern Shandong. It looks harmless and lots of fun, as beachgoers are pictured frolicking in the green mass. But danger lurks below with the algae posing a massive threat to aquatic life. The rivers are contaminated due to the use of fertilizers in agriculture and chemical discharges from industrial plants. Untreated sewage, along with the discharge of nitrate and phosphate from nearby industrial plants are spewed into the Yellow Sea, which stimulate the growth of algae, phytoplankton, and other marine micro-organisms. In July 2008 an algae bloom covered 13,000 square kilometers, then in July 2013 the largest algae bloom ever covered 28,900 square kilometers. The bacteria consume dead algae and phytoplankton, taking in tons of oxygen from the water during digestion. That results in sudden depletion of oxygen, which causes a huge impact on marine life by causing hypoxia – the marine organisms literally suffocate. Most mobile, adult fish may survive by swimming away from the hypoxic zones. However, they may be forced into smaller habitats when schools become overcrowded. Seafloor dwellers like tubeworms may be more tolerant of low oxygen levels, but young fish and other less mobile creatures like clams may suffer and eventually die if the water remains hypoxic for a long time.
  • 75. Cognitive Biases Our cognitive abilities are fallible.  Availability Heuristic  Fundamental Attribution Error  Confirmation Bias  Loss Aversion  Hyperbolic Discounting  Recency Bias  And dozens more…
  • 76. Should we “Reduce deaths”… …or “Maximize quality of life?”
  • 78. What did the first cars look like? Horse-drawn carriages.
  • 80. We may not be designing for ourselves, but…
  • 81. We are susceptible to the same biases.
  • 82. Creativity Perhaps one of the most difficult abilities to define and measure, creativity is often assigned to designers, but everyone has it.
  • 83. Divergent Thinking Thinking that moves in diverging directions to involve a variety of factors and perspectives. It generates many possibilities which may lead to novel ideas and solutions. It is associated with creativity.
  • 85.
  • 86. Emotion Definition: A complex, subjective experience resulting in physiological and psychological changes that influence thought and behavior. Theories: Ekman (Happiness, Surprise, Sadness, Anger, Fear, Disgust) James-Lange (physiological reaction precedes emotion) Cannon-Bard (physiological reaction and emotion are concurrent) Schachter-Singer (physiological reaction precedes cognition) Lazarus (cognition precedes physiological reaction and emotion)
  • 87. Color Different colors have different meanings and elicit different emotions. Red is anger. Green is envy. Blue is sadness. Yellow is cowardice.
  • 88. Typefaces Different typefaces convey different feelings and attitudes. http://blog.crazyegg.com/2013/07/05/psychology-of-fonts-infographic/
  • 89.
  • 90. Emotion Emotions may be positive (love, joy) or negative (anger, fear.) We have about 20,000 emotional experiences per day (Kahneman, 2002.) Attractive things are judged to work better and be more effective.
  • 91. Positive Emotions Fredrickson (2009) discovered that we need three positive emotions to lift us up and overcome just one negative emotion. Have you ever said, “Meh. It could be better, but it works”? Is the rest of the interface three times better to make up for it?
  • 92.
  • 93. Behavior Definition: The actions by which an organism reacts and adjusts to their environment and other organisms; a response to various stimuli. Theories: Classical Conditioning (association) Operant Conditioning (reinforcement and punishment) Social Learning Theory (live, verbal, and symbolic) Relational Frame Theory (language and cognition) Drive Reduction (biology and homeostasis)
  • 94. Rewards Participation in social services is often encouraged with rewards such as badges and points that have personal and social value and which are delivered through complex reinforcement schedules.
  • 95.
  • 96.
  • 97.
  • 98.
  • 99.
  • 100. Not what she predicted…
  • 101.
  • 102. After editing the gift message three times, it was still too long… How long is it now? How much too long is it? What is the maximum number of characters? HELP! What should I do?
  • 103.
  • 104.
  • 105.
  • 106.
  • 107.
  • 108. Learning to use this...
  • 109. …does not help with these.
  • 110. Quick Review A lot of psychology in just two diagrams!
  • 111.
  • 112.
  • 113. Thanks! I’m happy to answer your questions.