Designing with Empathy [From the Front 2013]

Embed Size (px)

DESCRIPTION

Every decision we make affects the way real people experience our products. We've all heard the rallying cry for user-centered design, but even those of us who ascribe to that ideal often fall back on our own biases and instincts when it comes to making decisions about how people experience our content and our services. Sadly, this often means we make decisions we think will be good for our "users" - that anonymous, faceless crowd - rather than actually trying to understand the perspectives, surroundings, capabilities, and disadvantages of the actual people who we are here to serve. In this session, Aaron will explore why empathy is a good thing, how empathy empowers creativity, and how we, as a community, can inject more empathy into our work.

Text of Designing with Empathy [From the Front 2013]

  • 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
  • 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 Carson has been called the most influential graphic designer of our times Photo Credit: Marc Eckardt for FontShop, Berlin.
  • 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
  • Just because you can doesnt mean you should Photo Credit: harald walker
  • Design isnt about showing off Photo Credit: Laurence & Annie
  • communicate not alienate Design to Photo Credit: altemark
  • Design = Creativity for Communication
  • Designing Empathywith
  • 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
  • Meet Charlie
  • and Jack
  • Photo Credit: [phil h] Empathy requires us to observe
  • Photo Credit: [phil h] Empathy requires us to ask questions
  • Empathy requires us to listen Photo Credit: [phil h]
  • Empathy requires us to use our intuition Photo Credit: [phil h]
  • Empathy requires us to be patient Photo Credit: [phil h]
  • Perspective is everything Photo Credit: ZeroOne
  • 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
  • Tribes Religious Groups Nation States Global Community
  • Photo Credit: United Nations Development Programme Global response within 3 hours
  • 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
  • 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
  • John Rawls 1921-2002
  • Selfishness is a survival instinct Photo Credit: Malingering
  • Photo Credit: Stuck in Customs We are able to empathize by seeing ourselves in others.
  • In UX, we use personas to help us empathize Personas foster empathy Credit: Kevin OConnor
  • They also frequently devolve into another name for the user Photo Credit: Tinker*Tailor loves Lalka
  • Personas need to be real. They need to be human. Photo Credit: code poet
  • User Scenarios = situational empathy Photo Credit: Sergiu Bacioiu
  • User scenarios = situational empathy Kitty: Sergiu Bacioiu; Fire: Mr. Theklan User Scenarios = situational empathy
  • a Design is problem solving Photo Credit: Unhindered by Talent
  • 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 CENTRALF. OCCIPITAL F. SYLVIAN 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 CENTRALF. OCCIPITAL F. SYLVIAN 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 CENTRALF. OCCIPITAL F. SYLVIAN F. EXOOCCIPITAL FF.
  • Call out the relevant facts: Bob is a mechanic He is left- handed He wants to look up parts info (and possibly order a replacement part) while under a car Photo Credit: Neil. Moralee
  • We only need enough detail to be able to put ourselves in his shoes. Who cares about his macchiato addiction? Photo Credit: Frisno
  • We want info on his goals, needs, circumstances, outside influences, distractions, and limitations. Photo Credit: Neil. Moralee
  • User scenarios help us empathize in a productive way Photo Credit: Chris Garrison
  • Photo Credit: Horia Varlan
  • Set a performance budget Photo Credit: Gunnar Ries
  • Photo Credit: schoschie Author appropriate content
  • Photo Credit: lastquest Consider physical limitations
  • Photo Credit: CaptPiper Facilitate satisfaction
  • Photo Credit: andrechinn Dont create unnecessary barriers
  • Credit: XKCD Dont force your agenda on your customers
  • Consider indirect users
  • Consider indirect users
  • Support common assistive technology Credit: windsordi
  • Help users learn to accomplish complex tasks and reward them for doing so. Credit: pasukaru76
  • Progressive Reduction http://layervault.tumblr.com/post/42361566927/progressive-reduction
  • Progressive Reduction http://layervault.tumblr.com/post/42361566927/progressive-reduction
  • Progressive Reduction http://layervault.tumblr.com/post/42361566927/progressive-reduction
  • What is hateful to you, do not to your fellow man. That is the entire law; all the rest is commentary. Judaism Do unto