designing with empathy designing with empathy. design ≠ art _ image credit: l.e.e photo...

Download Designing with Empathy Designing with Empathy. Design ≠ Art _ Image Credit: L.e.e Photo Credit: faith

Post on 20-Aug-2020

0 views

Category:

Documents

0 download

Embed Size (px)

TRANSCRIPT

  • 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/95572727@N00/277010729/ http://www.flickr.com/photos/95572727@N00/277010729/

  • Designing Empathywith

  • Design ≠ Art _

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

    http://www.flickr.com/photos/24420613@N08/3552867169/ http://www.flickr.com/photos/24420613@N08/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/10843892@N00/3074204873/ http://www.flickr.com/photos/10843892@N00/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/80469067@N00/1294078215/ http://www.flickr.com/photos/80469067@N00/1294078215/

  • communicate not alienate

    Design to Photo Credit: altemark

    http://www.flickr.com/photos/24844537@N00/337248947/ http://www.flickr.com/photos/24844537@N00/337248947/

  • Design isn’t about showing off

    Photo Credit: Laurence & Annie

    http://www.flickr.com/photos/68134078@N00/108050432/ http://www.flickr.com/photos/68134078@N00/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/14318462@N00/64055296/ http://www.flickr.com/photos/14318462@N00/64055296/

  • Empathy requires us to use our intuition

    Photo Credit: [phil h]

    http://www.flickr.com/photos/14318462@N00/64055296/ http://www.flickr.com/photos/14318462@N00/64055296/

  • Photo Credit: [phil h]

    Empathy requires us to ask questions

    http://www.flickr.com/photos/14318462@N00/64055296/ http://www.flickr.com/photos/14318462@N00/64055296/

  • Empathy requires us to listen

    Photo Credit: [phil h]

    http://www.flickr.com/photos/14318462@N00/64055296/ http://www.flickr.com/photos/14318462@N00/64055296/

  • Empathy requires us to be patient

    Photo Credit: [phil h]

    http://www.flickr.com/photos/14318462@N00/64055296/ http://www.flickr.com/photos/14318462@N00/64055296/

  • Perspective is everything

    Photo Credit: ZeroOne

    http://www.flickr.com/photos/70591690@N00/2865833414/ http://www.flickr.com/photos/70591690@N00/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/60769781@N06/6347903993/ http://www.flickr.com/photos/60769781@N06/6347903993/

  • Tribes

    Religious Groups

    Nation States

    Global Community

  • Photo Credit: United Nations Development Programme

    Global response within 3 hours

    http://www.flickr.com/photos/37913760@N03/4274632760/ http://www.flickr.com/photos/37913760@N03/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/68845396@N00/1801678725/ http://www.flickr.com/photos/68845396@N00/1801678725/

  • Photo Credit: Stuck in Customs

    We are able to empathize by seeing ourselves in others.

    http://www.flickr.com/photos/95572727@N00/277010729/ http://www.flickr.com/photos/95572727@N00/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/31191642@N05/4327564714/ http://www.flickr.com/photos/31191642@N05/4327564714/

  • User scenarios = situational empathy

    Kitty: Sergiu Bacioiu; Fire: Mr. Theklan

    User Scenarios = situational empathy

    http://www.flickr.com/photos/31191642@N05/4327564714/ http://www.flickr.com/photos/31191642@N05/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

Recommended

View more >