SlideShare a Scribd company logo
Designing
Empathywith
Aaron Gustafson
@AaronGustafson
adaptivewebdesign.info
Photo Credit: Stuck in Customs
Designing
Empathywith
Design ≠ Art _
Photo Credit: faith gobleImage Credit: L.e.e
Art serves the Artist
Photo Credit: Abby Lanes
I’ve been amazed at how
often those outside the
discipline of design assume
that what designers do is
decoration—likely because
so much bad design simply
is decoration. Good design
isn’t. Good design is
problem solving.”
– Jeffrey Veen
“
de·sign  
/dəˈzīn/
To devise for a specific function or end
Classical: To indicate
Medieval Latin: designare, to mark out
David Carson
has been called
“the most
influential
graphic designer
of our times”
Photo Credit: © Marc Eckardt for FontShop, Berlin.
Designing with Empathy [Code & Creativity 2014]
Designing with Empathy [Code & Creativity 2014]
It was Art
It was Ego
subjective,
personal, and
self-indulgent”
Photo Credit: © Marc Eckardt for FontShop, Berlin.
“
Your ego is a
bad designer.”
– Christopher Butler
“
http://demo.northkingdom.com/ihuvudetpatoyota/index_en.html
http://demo.northkingdom.com/ihuvudetpatoyota/index_en.html
http://demo.northkingdom.com/ihuvudetpatoyota/index_en.html
Designing with Empathy [Code & Creativity 2014]
Designing with Empathy [Code & Creativity 2014]
Just because you can
doesn’t mean you should
Photo Credit: harald walker
Design
isn’t about
showing off
Photo Credit: Laurence & Annie
em·pa·thy
/ˈem-pə-thē/
From the Greek empathia meaning
“state of emotion”
em·pa·thy
/ˈem-pə-thē/
The action of understanding, being
aware of, being sensitive to, and
vicariously experiencing the feelings,
thoughts, and experience of another …
without having the feelings, thoughts,
and experience fully communicated in
an objectively explicit manner
Perspective
is everything
Photo Credit: ZeroOne
em·pa·thy
/ˈem-pə-thē/
The action of understanding, being
aware of, being sensitive to, and
vicariously experiencing the feelings,
thoughts, and experience of another …
without having the feelings, thoughts,
and experience fully communicated in
an objectively explicit manner
em·pa·thy
/ˈem-pə-thē/
The action of understanding, being
aware of, being sensitive to, and
vicariously experiencing the feelings,
thoughts, and experience of another …
without having the feelings, thoughts,
and experience fully communicated in
an objectively explicit manner
Also: the capacity for this
Designing with Empathy [Code & Creativity 2014]
Photo Credit: Horia Varlan
Photo Credit: schoschie
Author appropriate content
Set a performance budget
Photo Credit: Gunnar Ries
Photo Credit: lastquest
Consider physical limitations
Photo Credit: andrechinn
Don’t create
unnecessary
barriers
Credit: XKCD
Don’t force
your agenda
on your
customers
Support common
assistive
technology
Credit: windsordi
What is hateful to you,
do not to your fellow
man. That is the entire
law; all the rest is
commentary.
–Judaism
Do unto others as you
would have them do
unto you.
–Christianity
No one of you is a
believer until he
desires for his brother
that which he desires
for himself.
–Islam
The Golden Rule
Hurt not others in
ways that you yourself
would find harmful.
–Buddhism
Progressive
Enhancement
[Progressive enhancement]
keeps the design open to
the possibilities of sexiness
in opportune contexts,
rather than starting with
the ‘whole’ experience that
must be compromised.”
– Ben Hoh
“
Egalitarianism
Equality of opportunity,
not equality of outcome
Designing
Empathywith
Designing with Empathy
by Aaron Gustafson
@AaronGustafson
Further reading:
http://is.gd/readlist_empathy
Slides available at
http://slideshare.net/AaronGustafson
This presentation is licensed under
Creative Commons
Attribution-Noncommercial-Share Alike 3.0
except where otherwise noted
flickr Photo Credits
http://www.flickr.com/photos/aarongustafson/galleries/72157633153882514/
http://www.flickr.com/photos/aarongustafson/galleries/72157633161513316/

More Related Content

PDF
Designing with Empathy [Beyond Tellerrand 2013]
PDF
Designing with Empathy [Reasons to be Creative 2013]
PPT
Boostraps2read
PDF
presentation
PPTX
CM10 Small and Sturdy Ed McMahon
PDF
Design for Developers SunshinePHP 2017
PDF
Tech Trends 2014
PDF
#BrightonSEO 2014 - Think Eyes... Not Just Keywords
Designing with Empathy [Beyond Tellerrand 2013]
Designing with Empathy [Reasons to be Creative 2013]
Boostraps2read
presentation
CM10 Small and Sturdy Ed McMahon
Design for Developers SunshinePHP 2017
Tech Trends 2014
#BrightonSEO 2014 - Think Eyes... Not Just Keywords

Viewers also liked (20)

PDF
The Future of TV
PDF
The B2B Persona project
PDF
Why use responsive web design?
PDF
PSFK + Architizer: Building Tomorrow
PDF
WUD 2014 - Test di usabilità su prototipi cartacei
PDF
UX in Automobiles: Balancing effective UI design & driver safety
PPTX
Google as Predator: The Evolution of Search by David Sewell - BrightonSEO 2014
PDF
The future of tv
PDF
Master in Architettura dell'Informazione IED 2012
PDF
Link Prospecting - Step Away from the Search Engine - BrightonSEO April 2014
PDF
UX Fundamentals for Beginners
PDF
SXSW: Designing Smart Objects for Emotional People
PDF
The Mobile Frontier
PPTX
Motion detection in JS for Gesture based interaction
PDF
The 4 Must-Haves and Must-Nots for Pitch Deck Presentations
PDF
Fading Money
PDF
PSFK Future Of Light Report
PDF
Digital Summit - Seattle 2017
PDF
American Banking Association Marketing Conference - Modern Consumers
PPTX
Акция «доброе дело» — ликвидируем цифровое неравеснство
The Future of TV
The B2B Persona project
Why use responsive web design?
PSFK + Architizer: Building Tomorrow
WUD 2014 - Test di usabilità su prototipi cartacei
UX in Automobiles: Balancing effective UI design & driver safety
Google as Predator: The Evolution of Search by David Sewell - BrightonSEO 2014
The future of tv
Master in Architettura dell'Informazione IED 2012
Link Prospecting - Step Away from the Search Engine - BrightonSEO April 2014
UX Fundamentals for Beginners
SXSW: Designing Smart Objects for Emotional People
The Mobile Frontier
Motion detection in JS for Gesture based interaction
The 4 Must-Haves and Must-Nots for Pitch Deck Presentations
Fading Money
PSFK Future Of Light Report
Digital Summit - Seattle 2017
American Banking Association Marketing Conference - Modern Consumers
Акция «доброе дело» — ликвидируем цифровое неравеснство
Ad

Similar to Designing with Empathy [Code & Creativity 2014] (20)

PDF
Designing with Empathy [From the Front 2013]
PDF
Designing with Empathy [Breaking Development Nashville 2013]
PDF
Designing with Empathy [AWWWARDS 2014]
PDF
Designing with Empathy [Breaking Development Orlando 2013]
PPTX
Have you ever wondered how to understand other people's emotions and needs mo...
PDF
The Death (and Rebirth) of the Persona
PDF
PDF
Design Thinking Seattle: Empathy Extravaganza
PDF
SaraBengts_TheEmpathyChallenge
PDF
ANI | Empathy: The Backbone of Design Thinking | Anmol Tuteja | 26 Sep'2020
PDF
PPTX
LearnXDesign 2019 Session 03 Paper 006: Empathy and Creativity in Design
PDF
MonkeyTalk Health - Antwerp - Purpose Driven Design - Amy Cueva
PDF
Health UX - Amy Cueva - Design for Change: empathy and purpose
PDF
Da Vinci Project Design Thinking Workshop 3: Empathy.pdf
PDF
Practical Empathy
PDF
Designing with People: Balancing Data & Rational Thinking with Human Emotions
PPTX
LTUX JHB - An Empathetic Servant Leader
PDF
Understanding Empathy - Beyond the Buzzword
Designing with Empathy [From the Front 2013]
Designing with Empathy [Breaking Development Nashville 2013]
Designing with Empathy [AWWWARDS 2014]
Designing with Empathy [Breaking Development Orlando 2013]
Have you ever wondered how to understand other people's emotions and needs mo...
The Death (and Rebirth) of the Persona
Design Thinking Seattle: Empathy Extravaganza
SaraBengts_TheEmpathyChallenge
ANI | Empathy: The Backbone of Design Thinking | Anmol Tuteja | 26 Sep'2020
LearnXDesign 2019 Session 03 Paper 006: Empathy and Creativity in Design
MonkeyTalk Health - Antwerp - Purpose Driven Design - Amy Cueva
Health UX - Amy Cueva - Design for Change: empathy and purpose
Da Vinci Project Design Thinking Workshop 3: Empathy.pdf
Practical Empathy
Designing with People: Balancing Data & Rational Thinking with Human Emotions
LTUX JHB - An Empathetic Servant Leader
Understanding Empathy - Beyond the Buzzword
Ad

More from Aaron Gustafson (20)

PDF
Delivering Critical Information and Services [JavaScript & Friends 2021]
PDF
Adapting to Reality [Guest Lecture, March 2021]
PDF
Designing the Conversation [Beyond Tellerrand 2019]
PPTX
Getting Started with Progressive Web Apps [Beyond Tellerrand 2019]
PDF
Progressive Web Apps: Where Do I Begin?
PDF
Media in the Age of PWAs [ImageCon 2019]
PDF
Adapting to Reality [Starbucks Lunch & Learn]
PDF
Conversational Semantics for the Web [CascadiaJS 2018]
PDF
Better Performance === Greater Accessibility [Inclusive Design 24 2018]
PDF
PWA: Where Do I Begin? [Microsoft Ignite 2018]
PDF
Designing the Conversation [Concatenate 2018]
PDF
Designing the Conversation [Accessibility DC 2018]
PDF
Performance as User Experience [AEADC 2018]
PDF
The Web Should Just Work for Everyone
PDF
Performance as User Experience [AEA SEA 2018]
PDF
Performance as User Experience [An Event Apart Denver 2017]
PDF
Advanced Design Methods 1, Day 2
PDF
Advanced Design Methods 1, Day 1
PDF
Designing the Conversation [Paris Web 2017]
PDF
Exploring Adaptive Interfaces [Generate 2017]
Delivering Critical Information and Services [JavaScript & Friends 2021]
Adapting to Reality [Guest Lecture, March 2021]
Designing the Conversation [Beyond Tellerrand 2019]
Getting Started with Progressive Web Apps [Beyond Tellerrand 2019]
Progressive Web Apps: Where Do I Begin?
Media in the Age of PWAs [ImageCon 2019]
Adapting to Reality [Starbucks Lunch & Learn]
Conversational Semantics for the Web [CascadiaJS 2018]
Better Performance === Greater Accessibility [Inclusive Design 24 2018]
PWA: Where Do I Begin? [Microsoft Ignite 2018]
Designing the Conversation [Concatenate 2018]
Designing the Conversation [Accessibility DC 2018]
Performance as User Experience [AEADC 2018]
The Web Should Just Work for Everyone
Performance as User Experience [AEA SEA 2018]
Performance as User Experience [An Event Apart Denver 2017]
Advanced Design Methods 1, Day 2
Advanced Design Methods 1, Day 1
Designing the Conversation [Paris Web 2017]
Exploring Adaptive Interfaces [Generate 2017]

Recently uploaded (20)

PPTX
HPE Aruba-master-icon-library_052722.pptx
PPTX
mahatma gandhi bus terminal in india Case Study.pptx
PPTX
rapid fire quiz in your house is your india.pptx
PPTX
building Planning Overview for step wise design.pptx
PPTX
Special finishes, classification and types, explanation
PPTX
Complete Guide to Microsoft PowerPoint 2019 – Features, Tools, and Tips"
PPTX
Fundamental Principles of Visual Graphic Design.pptx
PDF
Facade & Landscape Lighting Techniques and Trends.pptx.pdf
PPTX
Wisp Textiles: Where Comfort Meets Everyday Style
PPTX
Tenders & Contracts Works _ Services Afzal.pptx
PPTX
AC-Unit1.pptx CRYPTOGRAPHIC NNNNFOR ALL
PPTX
Media And Information Literacy for Grade 12
PDF
SEVA- Fashion designing-Presentation.pdf
DOCX
The story of the first moon landing.docx
PPTX
12. Community Pharmacy and How to organize it
PPTX
YV PROFILE PROJECTS PROFILE PRES. DESIGN
PPTX
An introduction to AI in research and reference management
PPTX
LITERATURE CASE STUDY DESIGN SEMESTER 5.pptx
PDF
Trusted Executive Protection Services in Ontario — Discreet & Professional.pdf
PDF
YOW2022-BNE-MinimalViableArchitecture.pdf
HPE Aruba-master-icon-library_052722.pptx
mahatma gandhi bus terminal in india Case Study.pptx
rapid fire quiz in your house is your india.pptx
building Planning Overview for step wise design.pptx
Special finishes, classification and types, explanation
Complete Guide to Microsoft PowerPoint 2019 – Features, Tools, and Tips"
Fundamental Principles of Visual Graphic Design.pptx
Facade & Landscape Lighting Techniques and Trends.pptx.pdf
Wisp Textiles: Where Comfort Meets Everyday Style
Tenders & Contracts Works _ Services Afzal.pptx
AC-Unit1.pptx CRYPTOGRAPHIC NNNNFOR ALL
Media And Information Literacy for Grade 12
SEVA- Fashion designing-Presentation.pdf
The story of the first moon landing.docx
12. Community Pharmacy and How to organize it
YV PROFILE PROJECTS PROFILE PRES. DESIGN
An introduction to AI in research and reference management
LITERATURE CASE STUDY DESIGN SEMESTER 5.pptx
Trusted Executive Protection Services in Ontario — Discreet & Professional.pdf
YOW2022-BNE-MinimalViableArchitecture.pdf

Designing with Empathy [Code & Creativity 2014]