SlideShare a Scribd company logo
User Empathy:PRIORITIZING USERS IN YOUR UX PROCESS
Hello, Chicago!
I’m Mary Fran Wiley, a UX
designer with Ogilvy & Mather.
Follow Me:
 	@maryfran
 	@maryfranw
imagine
human body
a site as the
the codewhich gives
a site
the bones
structure
represent
the UX designthat supports essential functions
the organsrepresent
the UI designthey’re presentation and appeal
the clothesrepresent
the heart
UX is
of the matter
they didn’t
gives userssomething
Great UX
know they needed.
(although, who doesn’t know they need a unicorn)
if you have to explain it
a user interface is
like a joke
it’s not that good
get there?
howdo we
to know
we
need
our users
to feel
we need
with users
empathy
we can use
to enhance our knowledge
Empathy
people. Brene Brown
is feeling with
empathy
a lesson in
why
empathy?
do we need
empathy
low
Research suggests that those working in a technological field,
specifically males, have low empathy.
detachment
user-designer
Being detached from the users of a product or site - thinking of
them only in the abstract - endagers the success. If we think only
in technicalities, statistics and best practices, we lose the human
component that is cruial to interaction.
self-as-user
the
One of the hardest aspects of UX design and Human &
Computer Interaction is an assumption is that users will
approach and solve problems in the same way as designers and
developers working on your project do.
bias
cognitiveemotional empathyempathy
Cognitive empathy is a skill that can
be learned, even if we struggle to truly
feel empathy. It lets us uderstand the
thought process of others typically by
observation and applying empathy to
a system using tools such as empahty
maps and personas.
Emotional empathy is typically what we
think of when we think of empathy. The
emotional connection. The warmth.
The sensitivity. All the feels. This is what
drives us to create interfaces that excite
users.
take noteBeing empathetic isn’t just a switch you can turn on or off; it’s
something you actually have to believe in and practice.
seeing
& doing
practicing empathy
seeingInterviews
Home visits
Read
Watch documentaries
Stay informed
doingTravel
Volunteer
Improv classes
Mindfulness practice
creating a user-centric
ux process
applying empathy
observeCreating a truly empatheic UX process
starts at the beginning of every project.
Our very first step is to figure out what we
can observe of our users so that we can
truly learn about them - both the facts
and figures and the intangibles such as
emotion.
capture dataOnce we know what we are going
to observe, we must capture data.
Demographic data and general profiles
are a start, but for an empathetic
process we must dig deeper. Interviews,
observations and experiencing situations
the way users do are all types of data that
can help foster empathy.
reflectAfter gathering that data, you need to
reflect on it to make sense of it. This can
be in the form of personas, but those can
be vague and fall flat. You can strengthen
them with your data and by creating both
empathy maps and user stories.
personaOne of the most common UX
deliverables, personas have the potential
to be very useful documents if they are
prepared from contact with actual users.
Personas help visualize an example of a
customer - perfect for helping to foster
empathy.
Sasha Foxcreative · expressive · experimental
Technology
IT & Internet
Mobile Apps
Software
Social Networks
AGE: 26
Occupation: Advertising Creative
Status: Single
Location: Chicago, IL
Tier: Enthusiast
Archetype: Explorer
Goals:
•	 To gain knowledge in areas that interest
her
•	 To explore new opportunities in her local
areas
•	 To go on planned adventures with close
friends
Biography:
Sasha Fox is a creative in an advertising
agency where she spends most of her
time writing about diapers and toilet bowl
cleaner. She loves reading and margaritas
with girlfriends.
Frustrations:
•	 Actions that haven’t been thought through
•	 Content without substance
•	 Close-mindedness
Personality:
Introvert
Sensing
Thinking
Judging
Extrovert
Intuition
Feeling
Perceiving
Motivations:
Incentive
Fear
Achievement
Growth
Power
Social
archetypeLess fluffy and business-oriented than a
persona, an archetype is a data-driven
description of user behavior. Archetypes
provide insight into users behavior
patterns including how they are currently
using a product. Archetypes can directly
influence functionality and determine,
validate, and prioritize features.
empathy mapAn empathy map is a way to expand a
persona and truly understand the feelings
and motivations of a user.
think  feel
say  do
hear
what really counts · major aspirations · preoccupations
what friends say · what boss says · what
influencers say
seeenvironment · friends · what the market
offers
attitude in public · appearance · behavior twords others
pains gainsfears · frustrations · obstacles wants/needs · success · obstacles
user storyBy telling a story, you can explain and
understand the journey your user takes
as they go through the site. This can help
all the members of the team from UX to
client prioritize the needs of the users.
(user)
(do this)
(achieve this)
as a
i want to
craft a
so that I can
user story
brainstormDon’t set aside all the work you’ve done
so far and revert to your old wireframing
process. Use them to help guide your
brainstorm - what is the most important
information to your user? What problems
do they face that you can answer? How
can your interface anticipate their needs?
constructYou can’t go straight into prototyping
and development and call it a day. As you
build and adjust, make sure you weigh
any compromises with your user priorities.
Will a last minute client addition alienate
users? Will an unforseen technical
limitation force you to change your on-
page strategy?
testYou need to test your ideas at every stage
possible. Whether it is a formal user
test, the mom test or going back to your
interviewees to vet an idea or assumption
- don’t leave your users behind now.
Take those results and figure out where
you can make tweaks to improve your
experience. Always be testing and
responding.
wordpress
some
specifics
architectureCard sorts give great insight into how users perceive and use
sites and WordPress allows for custom post types and custom
taxonomies for a flexible architecture. Structure your data so it
can be sorted and browsed easily. Explore taxonomies and post
types - use just enough to make your site easier, but don’t add
them just to add them.
developmentIt’s easy to leave development out of the UX process, but it is the
lynchpin to your success. Make sure not to cut corners here and
make sure you involve developers early in the process to avoid
unforseen compromises. (Developers are one of your user groups
for your UX - make sure you have empathy for them, their role
and their expertise).
designWordPress has a myriad of tools that allow your visual design
to enhance your UX - especially targeting taxonomies and post
types with custom templates or CSS. Be careful to not go too wild
with unique implementations, consistency makes for strong
user experiences.
contentContent is the oft-overlooked piece of UX, despite it being key to
the actual experience. Make sure you are following best practices
such as filling out alt text and meta data as well as using
language that is familiar to your audience.
avoid empathy
success
We can’t
and expect
prioritizing users
Empathy is
needs and emotions
is usability
Prioritizing users
accessibility
Usability is
Questions?
Find Me:
 	@maryfran
 	@maryfranw
 	@maryfranwiley
 	curio.maryfranwiley.com
 	maryfranwiley.com
Download the slides:
 	https://www.slideshare.net/MaryFranWiley

More Related Content

PDF
Design with Personas: A Lean Approach
PDF
User Story Mapping - Overview Outline
PDF
User Story Mapping for UX
PDF
PDF
Proto Persona Workshop
PDF
Proto-persona workshop UX Scotland 2016
PDF
Smart Cities - Making customer groups real – using Personas
PPTX
LTUX JHB - An Empathetic Servant Leader
Design with Personas: A Lean Approach
User Story Mapping - Overview Outline
User Story Mapping for UX
Proto Persona Workshop
Proto-persona workshop UX Scotland 2016
Smart Cities - Making customer groups real – using Personas
LTUX JHB - An Empathetic Servant Leader

What's hot (20)

PDF
Understanding User Experience Workshop - Interlink Conference 2012
PDF
The Role of Personas in User-Centred Design
PDF
UX User Experience Persona Development
PDF
Evangelizing User Experience Design
PPTX
User profiles. Personas
PDF
Why User Experience Matters | By UX Professionals from Centerline Digital
PDF
Design Process | Tool 02: Scenario - Tool 03: Wireframe
PPTX
The Impact of Deep Understanding
PPT
A Brief, Very Brief, Introduction to Task Based Models
PPTX
Balancing science with person-focused research
PDF
Intro to User eXperience
PDF
Design Stories Are The New User Stories
PDF
How Organizations Use Mental Model Diagrams
PDF
DBT Kit - Support Group in a Box for DBT (Dialectical Behavior Therapy)
PDF
User persona
PDF
Empathy map
PPTX
Introduction to User Experience Design
PPTX
Personas In Product Design
PDF
NYU Web Intensive - Week 3 Class 2
PDF
Website Usability | Day 3
Understanding User Experience Workshop - Interlink Conference 2012
The Role of Personas in User-Centred Design
UX User Experience Persona Development
Evangelizing User Experience Design
User profiles. Personas
Why User Experience Matters | By UX Professionals from Centerline Digital
Design Process | Tool 02: Scenario - Tool 03: Wireframe
The Impact of Deep Understanding
A Brief, Very Brief, Introduction to Task Based Models
Balancing science with person-focused research
Intro to User eXperience
Design Stories Are The New User Stories
How Organizations Use Mental Model Diagrams
DBT Kit - Support Group in a Box for DBT (Dialectical Behavior Therapy)
User persona
Empathy map
Introduction to User Experience Design
Personas In Product Design
NYU Web Intensive - Week 3 Class 2
Website Usability | Day 3
Ad

Similar to User Empathy: Prioritizing Users in your UX Process (20)

PDF
User Persona Design in User Story Mapping.pdf
PDF
FINAL NL-UX-WPPR_1_18_15
PDF
LOOKING FOR A UX DESIGNER? BUT STILL WONDERING WHAT UX IS?
PDF
UX Superpowers
PPTX
The UX Toolbelt for Developers
PPTX
Flora app presentation
PPTX
The UX Toolbelt for Developers
PDF
UX is for Losers
PDF
The Case for the UX Developer
PDF
UXPA 2023: F@#$ User Personas
PDF
Melanie O'Donnell | UX Design Portfolio March 2015
PDF
What is UX v1
PPTX
World Usability Day 2014 - UX Toolbelt for Developers
PDF
The elements of product success for designers and developers
PDF
What ux is
PDF
UX Fundamentals for Beginners
PDF
UX Fundamentals for Beginners
PPTX
Ux Overview
DOCX
Embry-Riddle Campus Solutions UX Design
PDF
Tackle the Problem with Design Thinking - GDSC UAD
User Persona Design in User Story Mapping.pdf
FINAL NL-UX-WPPR_1_18_15
LOOKING FOR A UX DESIGNER? BUT STILL WONDERING WHAT UX IS?
UX Superpowers
The UX Toolbelt for Developers
Flora app presentation
The UX Toolbelt for Developers
UX is for Losers
The Case for the UX Developer
UXPA 2023: F@#$ User Personas
Melanie O'Donnell | UX Design Portfolio March 2015
What is UX v1
World Usability Day 2014 - UX Toolbelt for Developers
The elements of product success for designers and developers
What ux is
UX Fundamentals for Beginners
UX Fundamentals for Beginners
Ux Overview
Embry-Riddle Campus Solutions UX Design
Tackle the Problem with Design Thinking - GDSC UAD
Ad

Recently uploaded (20)

DOCX
actividad 20% informatica microsoft project
PDF
The Advantages of Working With a Design-Build Studio
PPTX
joggers park landscape assignment bandra
DOCX
The story of the first moon landing.docx
PDF
BRANDBOOK-Presidential Award Scheme-Kenya-2023
PPTX
Fundamental Principles of Visual Graphic Design.pptx
PPTX
mahatma gandhi bus terminal in india Case Study.pptx
PPTX
Special finishes, classification and types, explanation
PPTX
AC-Unit1.pptx CRYPTOGRAPHIC NNNNFOR ALL
PPTX
12. Community Pharmacy and How to organize it
PDF
Emailing DDDX-MBCaEiB.pdf DDD_Europe_2022_Intro_to_Context_Mapping_pdf-165590...
PDF
Integrated-2D-and-3D-Animation-Bridging-Dimensions-for-Impactful-Storytelling...
PPT
EGWHermeneuticsffgggggggggggggggggggggggggggggggg.ppt
PDF
Design Thinking - Module 1 - Introduction To Design Thinking - Dr. Rohan Dasg...
PPTX
ANATOMY OF ANTERIOR CHAMBER ANGLE AND GONIOSCOPY.pptx
PPTX
DOC-20250430-WA0014._20250714_235747_0000.pptx
PPTX
6- Architecture design complete (1).pptx
PDF
SEVA- Fashion designing-Presentation.pdf
PDF
Trusted Executive Protection Services in Ontario — Discreet & Professional.pdf
PPTX
rapid fire quiz in your house is your india.pptx
actividad 20% informatica microsoft project
The Advantages of Working With a Design-Build Studio
joggers park landscape assignment bandra
The story of the first moon landing.docx
BRANDBOOK-Presidential Award Scheme-Kenya-2023
Fundamental Principles of Visual Graphic Design.pptx
mahatma gandhi bus terminal in india Case Study.pptx
Special finishes, classification and types, explanation
AC-Unit1.pptx CRYPTOGRAPHIC NNNNFOR ALL
12. Community Pharmacy and How to organize it
Emailing DDDX-MBCaEiB.pdf DDD_Europe_2022_Intro_to_Context_Mapping_pdf-165590...
Integrated-2D-and-3D-Animation-Bridging-Dimensions-for-Impactful-Storytelling...
EGWHermeneuticsffgggggggggggggggggggggggggggggggg.ppt
Design Thinking - Module 1 - Introduction To Design Thinking - Dr. Rohan Dasg...
ANATOMY OF ANTERIOR CHAMBER ANGLE AND GONIOSCOPY.pptx
DOC-20250430-WA0014._20250714_235747_0000.pptx
6- Architecture design complete (1).pptx
SEVA- Fashion designing-Presentation.pdf
Trusted Executive Protection Services in Ontario — Discreet & Professional.pdf
rapid fire quiz in your house is your india.pptx

User Empathy: Prioritizing Users in your UX Process

  • 1. User Empathy:PRIORITIZING USERS IN YOUR UX PROCESS
  • 3. I’m Mary Fran Wiley, a UX designer with Ogilvy & Mather. Follow Me:  @maryfran  @maryfranw
  • 5. the codewhich gives a site the bones structure represent
  • 6. the UX designthat supports essential functions the organsrepresent
  • 7. the UI designthey’re presentation and appeal the clothesrepresent
  • 8. the heart UX is of the matter
  • 9. they didn’t gives userssomething Great UX know they needed. (although, who doesn’t know they need a unicorn)
  • 10. if you have to explain it a user interface is like a joke it’s not that good
  • 14. empathy we can use to enhance our knowledge
  • 18. empathy low Research suggests that those working in a technological field, specifically males, have low empathy.
  • 19. detachment user-designer Being detached from the users of a product or site - thinking of them only in the abstract - endagers the success. If we think only in technicalities, statistics and best practices, we lose the human component that is cruial to interaction.
  • 20. self-as-user the One of the hardest aspects of UX design and Human & Computer Interaction is an assumption is that users will approach and solve problems in the same way as designers and developers working on your project do. bias
  • 21. cognitiveemotional empathyempathy Cognitive empathy is a skill that can be learned, even if we struggle to truly feel empathy. It lets us uderstand the thought process of others typically by observation and applying empathy to a system using tools such as empahty maps and personas. Emotional empathy is typically what we think of when we think of empathy. The emotional connection. The warmth. The sensitivity. All the feels. This is what drives us to create interfaces that excite users.
  • 22. take noteBeing empathetic isn’t just a switch you can turn on or off; it’s something you actually have to believe in and practice.
  • 26. creating a user-centric ux process applying empathy
  • 27. observeCreating a truly empatheic UX process starts at the beginning of every project. Our very first step is to figure out what we can observe of our users so that we can truly learn about them - both the facts and figures and the intangibles such as emotion.
  • 28. capture dataOnce we know what we are going to observe, we must capture data. Demographic data and general profiles are a start, but for an empathetic process we must dig deeper. Interviews, observations and experiencing situations the way users do are all types of data that can help foster empathy.
  • 29. reflectAfter gathering that data, you need to reflect on it to make sense of it. This can be in the form of personas, but those can be vague and fall flat. You can strengthen them with your data and by creating both empathy maps and user stories.
  • 30. personaOne of the most common UX deliverables, personas have the potential to be very useful documents if they are prepared from contact with actual users. Personas help visualize an example of a customer - perfect for helping to foster empathy.
  • 31. Sasha Foxcreative · expressive · experimental Technology IT & Internet Mobile Apps Software Social Networks AGE: 26 Occupation: Advertising Creative Status: Single Location: Chicago, IL Tier: Enthusiast Archetype: Explorer Goals: • To gain knowledge in areas that interest her • To explore new opportunities in her local areas • To go on planned adventures with close friends Biography: Sasha Fox is a creative in an advertising agency where she spends most of her time writing about diapers and toilet bowl cleaner. She loves reading and margaritas with girlfriends. Frustrations: • Actions that haven’t been thought through • Content without substance • Close-mindedness Personality: Introvert Sensing Thinking Judging Extrovert Intuition Feeling Perceiving Motivations: Incentive Fear Achievement Growth Power Social
  • 32. archetypeLess fluffy and business-oriented than a persona, an archetype is a data-driven description of user behavior. Archetypes provide insight into users behavior patterns including how they are currently using a product. Archetypes can directly influence functionality and determine, validate, and prioritize features.
  • 33. empathy mapAn empathy map is a way to expand a persona and truly understand the feelings and motivations of a user.
  • 34. think feel say do hear what really counts · major aspirations · preoccupations what friends say · what boss says · what influencers say seeenvironment · friends · what the market offers attitude in public · appearance · behavior twords others pains gainsfears · frustrations · obstacles wants/needs · success · obstacles
  • 35. user storyBy telling a story, you can explain and understand the journey your user takes as they go through the site. This can help all the members of the team from UX to client prioritize the needs of the users.
  • 36. (user) (do this) (achieve this) as a i want to craft a so that I can user story
  • 37. brainstormDon’t set aside all the work you’ve done so far and revert to your old wireframing process. Use them to help guide your brainstorm - what is the most important information to your user? What problems do they face that you can answer? How can your interface anticipate their needs?
  • 38. constructYou can’t go straight into prototyping and development and call it a day. As you build and adjust, make sure you weigh any compromises with your user priorities. Will a last minute client addition alienate users? Will an unforseen technical limitation force you to change your on- page strategy?
  • 39. testYou need to test your ideas at every stage possible. Whether it is a formal user test, the mom test or going back to your interviewees to vet an idea or assumption - don’t leave your users behind now. Take those results and figure out where you can make tweaks to improve your experience. Always be testing and responding.
  • 41. architectureCard sorts give great insight into how users perceive and use sites and WordPress allows for custom post types and custom taxonomies for a flexible architecture. Structure your data so it can be sorted and browsed easily. Explore taxonomies and post types - use just enough to make your site easier, but don’t add them just to add them.
  • 42. developmentIt’s easy to leave development out of the UX process, but it is the lynchpin to your success. Make sure not to cut corners here and make sure you involve developers early in the process to avoid unforseen compromises. (Developers are one of your user groups for your UX - make sure you have empathy for them, their role and their expertise).
  • 43. designWordPress has a myriad of tools that allow your visual design to enhance your UX - especially targeting taxonomies and post types with custom templates or CSS. Be careful to not go too wild with unique implementations, consistency makes for strong user experiences.
  • 44. contentContent is the oft-overlooked piece of UX, despite it being key to the actual experience. Make sure you are following best practices such as filling out alt text and meta data as well as using language that is familiar to your audience.
  • 49. Questions? Find Me:  @maryfran  @maryfranw  @maryfranwiley  curio.maryfranwiley.com  maryfranwiley.com Download the slides:  https://www.slideshare.net/MaryFranWiley