Designing with Empathy [Code & Creativity 2014]

Designing Empathywith

Aaron [email protected]

http://twitter.com/aarongustafsonhttp://twitter.com/aarongustafson

Photo Credit: Stuck in Customs

http://www.flickr.com/photos/[email protected]/277010729/http://www.flickr.com/photos/[email protected]/277010729/

Designing Empathywith

Design Art _

Photo Credit: faith gobleImage Credit: L.e.e

http://www.flickr.com/photos/[email protected]/3552867169/http://www.flickr.com/photos/[email protected]/3552867169/http://www.flickr.com/photos/l-e-e/4798627118/http://www.flickr.com/photos/l-e-e/4798627118/

Art serves the Artist

Photo Credit: Abby Lanes

http://www.flickr.com/photos/[email protected]/3074204873/http://www.flickr.com/photos/[email protected]/3074204873/

Ive been amazed at how often those outside the discipline of design assume that what designers do is decorationlikely because so much bad design simply is decoration. Good design isnt. Good design is problem solving. Jeffrey Veen

design/dzn/

To devise for a specific function or end

Classical: To indicate

Medieval Latin: designare, to mark out

David Carsonhas been calledthe most influential graphic designer of our times

Photo Credit: Marc Eckardt for FontShop, Berlin.

http://www.flickr.com/photos/fontblog/4682718701/http://www.flickr.com/photos/fontblog/4682718701/

It was Art

It was Ego

subjective, personal, and self-indulgent

Photo Credit: Marc Eckardt for FontShop, Berlin.

http://www.flickr.com/photos/fontblog/4682718701/http://www.flickr.com/photos/fontblog/4682718701/

Your ego is a bad designer. Christopher Butler

http://www.newfangled.com/your_ego_is_a_bad_designerhttp://www.newfangled.com/your_ego_is_a_bad_designer

http://demo.northkingdom.com/ihuvudetpatoyota/index_en.html

http://demo.northkingdom.com/ihuvudetpatoyota/index_en.htmlhttp://demo.northkingdom.com/ihuvudetpatoyota/index_en.html

http://demo.northkingdom.com/ihuvudetpatoyota/index_en.html

http://demo.northkingdom.com/ihuvudetpatoyota/index_en.htmlhttp://demo.northkingdom.com/ihuvudetpatoyota/index_en.html

http://demo.northkingdom.com/ihuvudetpatoyota/index_en.html

http://demo.northkingdom.com/ihuvudetpatoyota/index_en.htmlhttp://demo.northkingdom.com/ihuvudetpatoyota/index_en.html

Just because you can doesnt mean you should

Photo Credit: harald walker

http://www.flickr.com/photos/[email protected]/1294078215/http://www.flickr.com/photos/[email protected]/1294078215/

Designisnt about showing off

Photo Credit: Laurence & Annie

http://www.flickr.com/photos/[email protected]/108050432/http://www.flickr.com/photos/[email protected]/108050432/

empathy/em-p-th/

From the Greek empathia meaning state of emotion

empathy/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

http://www.merriam-webster.com/dictionary/vicarioushttp://www.merriam-webster.com/dictionary/vicarioushttp://www.merriam-webster.com/dictionary/explicithttp://www.merriam-webster.com/dictionary/explicit

Perspectiveis everything

Photo Credit: ZeroOne

http://www.flickr.com/photos/[email protected]/2865833414/http://www.flickr.com/photos/[email protected]/2865833414/

empathy/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

http://www.merriam-webster.com/dictionary/vicarioushttp://www.merriam-webster.com/dictionary/vicarioushttp://www.merriam-webster.com/dictionary/explicithttp://www.merriam-webster.com/dictionary/explicit

empathy/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

http://www.merriam-webster.com/dictionary/vicarioushttp://www.merriam-webster.com/dictionary/vicarioushttp://www.merriam-webster.com/dictionary/explicithttp://www.merriam-webster.com/dictionary/explicit

Photo Credit: Horia Varlan

http://www.flickr.com/photos/[email protected]/4273168957/http://www.flickr.com/photos/[email protected]/4273168957/

Photo Credit: schoschie

Author appropriate content

http://www.flickr.com/photos/schoschie/358211856/http://www.flickr.com/photos/schoschie/358211856/

Set a performance budget

Photo Credit: Gunnar Ries

http://www.flickr.com/photos/[email protected]/3404575074/http://www.flickr.com/photos/[email protected]/3404575074/

Photo Credit: lastquest

Consider physical limitations

Photo Credit: andrechinn

Dont create unnecessary barriers

http://www.flickr.com/photos/andrec/2762309284/http://www.flickr.com/photos/andrec/2762309284/

Credit: XKCD

Dont force your agenda on your customers

http://xkcd.com/1174/http://xkcd.com/1174/

Support common assistive technology

Credit: windsordi

http://www.flickr.com/photos/[email protected]/4634157416/http://www.flickr.com/photos/[email protected]/4634157416/

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

EgalitarianismEquality of opportunity,not equality of outcome

Designing Empathywith

Designing with Empathyby Aaron [email protected]

Further reading:http://is.gd/readlist_empathy

Slides available athttp://slideshare.net/AaronGustafson

This presentation is licensed underCreative Commons

Attribution-Noncommercial-Share Alike 3.0except where otherwise noted

flickr Photo Creditshttp://www.flickr.com/photos/aarongustafson/galleries/72157633153882514/http://www.flickr.com/photos/aarongustafson/galleries/72157633161513316/

http://is.gd/readlist_empathyhttp://is.gd/readlist_empathyhttp://slideshare.net/AaronGustafsonhttp://slideshare.net/AaronGustafsonhttp://www.flickr.com/photos/aarongustafson/galleries/72157633153882514/http://www.flickr.com/photos/aarongustafson/galleries/72157633153882514/http://www.flickr.com/photos/aarongustafson/galleries/72157633161513316/http://www.flickr.com/photos/aarongustafson/galleries/72157633161513316/