Designing with Empathy · PDF file Designing with Empathy. Design ≠ Art _ Image Credit: L.e.e Photo Credit: faith goble. Art serves the Artist Photo Credit: Abby Lanes. I’ve been

Designing Empathywith

Aaron Gustafson @aarongustafson adaptivewebdesign.info

http://twitter.com/aarongustafson http://twitter.com/aarongustafson http://adaptivewebdesign.info http://adaptivewebdesign.info

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/

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.

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_designer http://www.newfangled.com/your_ego_is_a_bad_designer

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

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

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

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

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

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

Just because you can doesn’t mean you should

Photo Credit: harald walker

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

communicate not alienate

Design to Photo Credit: altemark

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

Design isn’t about showing off

Photo Credit: Laurence & Annie

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

Design = Creativity for Communication

Designing Empathywith

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

http://www.merriam-webster.com/dictionary/vicarious http://www.merriam-webster.com/dictionary/vicarious http://www.merriam-webster.com/dictionary/explicit http://www.merriam-webster.com/dictionary/explicit

Meet Charlie

and Jack

Photo Credit: [phil h]

Empathy requires us to observe

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

Empathy requires us to use our intuition

Photo Credit: [phil h]

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

Photo Credit: [phil h]

Empathy requires us to ask questions

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

Empathy requires us to listen

Photo Credit: [phil h]

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

Empathy requires us to be patient

Photo Credit: [phil h]

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

Perspective is everything

Photo Credit: ZeroOne

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

Empathy is about showing solidarity with others who have a one and only life on this planet.”

– Jeremy Rifkin

“

Solidarity requires communication

Photo Credit: LeonArts.at

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

Tribes

Religious Groups

Nation States

Global Community

Photo Credit: United Nations Development Programme

Global response within 3 hours

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

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

http://www.merriam-webster.com/dictionary/vicarious http://www.merriam-webster.com/dictionary/vicarious http://www.merriam-webster.com/dictionary/explicit http://www.merriam-webster.com/dictionary/explicit

John Rawls 1921-2002

Selfishness is a survival instinct

Photo Credit: Malingering

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

Photo Credit: Stuck in Customs

We are able to empathize by seeing ourselves in others.

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

In UX, we use personas to

help us empathize

Personas foster empathy

Credit: Kevin O’Connor

http://uxmag.com/articles/personas-the-foundation-of-a-great-user-experience http://uxmag.com/articles/personas-the-foundation-of-a-great-user-experience

They also frequently devolve into another name for “the user”

Photo Credit: Tinker*Tailor loves Lalka

http://www.flickr.com/photos/tinker-tailor/4433441846/ http://www.flickr.com/photos/tinker-tailor/4433441846/

Personas need to be real.

They need to be

human.

Photo Credit: code poet

http://www.flickr.com/photos/alphageek/229795692/ http://www.flickr.com/photos/alphageek/229795692/

User Scenarios = situational empathy

Photo Credit: Sergiu Bacioiu

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

User scenarios = situational empathy

Kitty: Sergiu Bacioiu; Fire: Mr. Theklan

User Scenarios = situational empathy

http://www.flickr.com/photos/[email protected]/4327564714/ http://www.flickr.com/photos/[email protected]/4327564714/ http://www.flickr.com/photos/theklan/729285014/ http://www.flickr.com/photos/theklan/729285014/

a

Design is problem

solving

Photo Credit: Unhindered by Talent

http://www.flickr.com/photos/nicmcphee/279625345/ http://www.flickr.com/photos/nicmcphee/279625345/

F R O

N T A

L L

O B

E P A R I E T A L L

O B E

T E M P O R A L L

O B E

OCCIPITAL LOBE

CE NT

RA L

F .

OCCIPITAL F.

SYLV IAN

F. EXOOCCIPITAL FF.

F R O

N T A

L L

O B

E P A R I E T A L L

O B E

T E M P O R A L L

O B E

OCCIPITAL LOBE

CE NT

RA L

F .

OCCIPITAL F.

SYLV IAN

F. EXOOCCIPITAL FF.

F R O

N T A

L L

O B

E P A R I E T A L L

O B E

T E M P O R A L L

O B E

OCCIPITAL LOBE

CE NT

RA L

F .

OCCIPITAL F.

SYLV IAN

F. EXOOCCIPITAL FF.

Call out the relevant facts:

Bob is a mechanic