{"id":11369,"date":"2024-11-26T16:04:09","date_gmt":"2024-11-26T16:04:09","guid":{"rendered":"https:\/\/www.uxdesigninstitute.com\/blog\/?p=11369"},"modified":"2024-12-13T10:27:16","modified_gmt":"2024-12-13T10:27:16","slug":"what-is-an-empathy-map","status":"publish","type":"post","link":"https:\/\/www.uxdesigninstitute.com\/blog\/what-is-an-empathy-map\/","title":{"rendered":"What is an empathy map and how do you create one?"},"content":{"rendered":"<p>One of the most important traits you can have as a user experience (UX) designer is empathy for the user. The goal of a UX designer is to create frictionless, user-friendly designs for your users and, to do this, you must have empathy for them, including what they think, feel, say, and do when they interact with your website, app, or other product. UX designers also need to help colleagues and stakeholders understand these things.<\/p>\n<p>This is where empathy maps come in. Empathy maps are a powerful tool for understanding your users and passing that understanding on to others.<\/p>\n<p>This post will tell you all you need to know about empathy mapping. You\u2019ll learn what an empathy map is, peruse a step-by-step guide to creating one, and understand the difference between empathy maps, journey maps, and personas.<\/p>\n\n<p>Let\u2019s get started!<\/p>\n<h2>What is an empathy map?<\/h2>\n<p>An empathy map is a tool that visualises our understanding of users\u2019 needs. Developed by <a href=\"https:\/\/xplaner.com\/bio\/\" target=\"_blank\" rel=\"noopener\">Dave Gray<\/a> the founder of Xplaner, the map can specify one user or several users in aggregate that said and did similar things. When you conduct user research, you learn many things about your users. An empathy map helps you visualise and present that data.<\/p>\n<p><strong>Empathy map examples: <\/strong>To illustrate empathy mapping, here are some templates:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-11371\" src=\"https:\/\/www.uxdesigninstitute.com\/blog\/wp-content\/uploads\/2024\/11\/IMG_5105.jpeg\" alt=\"Empathy map screenshot \" width=\"622\" height=\"632\" title=\"\"><\/p>\n<p><a href=\"https:\/\/www.figma.com\/community\/file\/854792635064363693\/empathy-map-template\" target=\"_blank\" rel=\"noopener\">Empathy map template by Dimitrie<\/a>, created with Figma<\/p>\n<p>The above empathy map puts the user\u2019s name or photo in the circle in the centre and surrounds them with four quadrants. The four quadrants relate to what the user says, does, thinks, and feels.<\/p>\n<h3>Says and Does<\/h3>\n<p>These quadrants are about what you can observe directly. You\u2019ll write down anything the user says out loud and any actions the user takes during qualitative research.<\/p>\n<h3>Thinks and Feels<\/h3>\n<p>These quadrants are about what you infer from the user. The \u201cThinks\u201d quadrant captures what the user is thinking about throughout their experience with your product but may not be willing to vocalise. You can also try to understand why they\u2019re unwilling to share their thoughts \u2014 are they self-conscious, too polite, unsure of\u00a0 themselves, etc? For example, you might write \u201cThis is frustrating\u201d or \u201cI don\u2019t get this tab.\u201d<\/p>\n<p>The \u201cFeels\u201d quadrant captures the user\u2019s emotional state as they go through your product. You\u2019ll answer: what are they feeling and why? You\u2019ll write down the feeling followed by a reason for it. For example, \u201cnervous: not sure of what they\u2019re doing\u201d or \u201ctriumphant: successfully got to the right page.\u201d<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-11373\" src=\"https:\/\/www.uxdesigninstitute.com\/blog\/wp-content\/uploads\/2024\/11\/IMG_5106.jpeg\" alt=\"\" width=\"637\" height=\"506\" title=\"\"><\/p>\n<p><a href=\"https:\/\/miro.com\/miroverse\/empathy-map-template\/\" target=\"_blank\" rel=\"noopener\">Empathy map template by Jeshua MacDonald<\/a>, created with Miro<\/p>\n<p>Above is an empathy map in use about the user Jake. This has all four quadrants complete.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-11375\" src=\"https:\/\/www.uxdesigninstitute.com\/blog\/wp-content\/uploads\/2024\/11\/IMG_5107.jpeg\" alt=\"\" width=\"662\" height=\"434\" title=\"\"><\/p>\n<p><a href=\"https:\/\/miro.com\/app\/board\/o9J_k0418M0=\/?fromEmbed=1\" target=\"_blank\" rel=\"noopener\">Empathy map by Miro<\/a><\/p>\n<p>The above empathy map is a bit more advanced. In addition to the say, do, think, and feel quadrants, it also has room for hear and see quadrants, and at the bottom pain and gain areas.<\/p>\n<h3>See and Hear<\/h3>\n<p>The user doesn\u2019t come to our products in a vacuum and the see and hear quadrants speak to this. In the \u201cSee\u201d quadrant, you\u2019ll record whatever the user tells you about their daily experience, including what they\u2019re watching, reading, and exposed to on a regular basis. In the \u201cHear\u201d quadrant you\u2019ll include whatever is said by family, friends, co-workers, and the media that is influencing their thinking.<\/p>\n<h3>Pain and Gain<\/h3>\n<p>These areas speak to the positives and negatives of the user\u2019s experience. \u201cGains\u201d are about what their goals are and what they may aspire to; \u201cPains\u201d are about what obstacles and frustrations stand in their way.<\/p>\n<p>Areas of the map can contain similar statements. It\u2019s normal to see this kind of juxtaposition between quadrants. Alternatively, there may be inconsistencies between, for example, what the user does and says. Don\u2019t censor what you write. Instead, use the map to better understand the complexities of the user.<\/p>\n<section id=\"promotion\" class=\"promotion-content-raw inlinepromo inlinepromo_professional-diploma-in-ux-designp-1 my-4\" style=\"\">\n\t<div class=\"w-container\">\n\t\t<div class=\"row align-items-center\">\n\t\t\t<div class=\"col-md-12 promotion-info\">\n                <a class=\"link-content\" href=\"https:\/\/www.uxdesigninstitute.com\/courses\/ux-design?utm_source=blog&amp;utm_medium=blog_panel_pdux&amp;utm_campaign=blog_promo\" style=\"\">\n                    <p>[GET CERTIFIED IN UX]<\/p>\n                    <span>Take our Professional Diploma in UX Design course<\/span>\n                <\/a>\n\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n<\/section>\n\n<h2>Why create empathy maps?<\/h2>\n<p>We create empathy maps for several purposes. Here are a few instances where this exercise can be especially helpful.<\/p>\n<h3>Understand Users<\/h3>\n<p>First and foremost, empathy maps help us understand users\u2019 needs and cultivate empathy for the target audience. We see the complexity of the user all in one place so we can find solutions specifically tailored to them.<\/p>\n<h3>Educate Colleagues and Stakeholders<\/h3>\n<p>Empathy maps help us share what our users think, feel, see, and do with teammates and clients. This should also protect them from unfounded assumptions or biases throughout the design process.<\/p>\n<h3>Make Sense of Qualitative Data<\/h3>\n<p>Empathy maps make sense of qualitative data by collecting and categorising survey answers, interview notes, etc. It will also help you uncover if more research needs to be done; a barely covered empathy map means you need to do more research to get to know your users.<\/p>\n<h3>When does empathy mapping take place?<\/h3>\n<p>Empathy mapping takes place right at the beginning of the design process. In the <a href=\"https:\/\/www.uxdesigninstitute.com\/blog\/what-is-design-thinking\/\">design thinking<\/a> process, empathy mapping should take place in the first stage, empathise. Right after you conduct user research, you should create empathy maps.<\/p>\n<p>You can collect the data from any and all user research, including surveys, user interviews, product reviews, etc, to sort into the quadrants of your empathy map. You can create a map yourself or allow your team to create the map together using a whiteboard. You should also continue to adjust empathy maps as new research comes in.<\/p>\n<section id=\"promotion\" class=\"promotion-content-raw inlinepromo inlinepromo_professional-certificate-in-user-researchp-1 my-4\" style=\"\">\n\t<div class=\"w-container\">\n\t\t<div class=\"row align-items-center\">\n\t\t\t<div class=\"col-md-12 promotion-info\">\n                <a class=\"link-content\" href=\"https:\/\/www.uxdesigninstitute.com\/courses\/user-research?utm_source=blog&amp;utm_medium=%20blog_panel_text&amp;utm_campaign=blog_promo\" style=\"\">\n                    <p>[GET CERTIFIED IN USER RESEARCH]<\/p>\n                    <span>Take our Professional Certificate in User Research<\/span>\n                <\/a>\n\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n<\/section>\n\n<h2>What\u2019s the difference between empathy maps, journey maps, and personas?<\/h2>\n<p>Empathy maps, journey maps, and personas are all used by UX designers to understand the user, but they all have different goals. <a href=\"https:\/\/www.uxdesigninstitute.com\/blog\/what-are-ux-personas\/\">UX personas<\/a> outline an aggregate user segment of the audience, empathy maps focus on a specific moment with the product, and journey maps are a broader view of the entire user experience.<\/p>\n<p>Empathy maps can help create personas. An aggregated empathy map made from several single users\u2019 empathy maps can be the first step in defining a persona. That\u2019s because personas, while fictional, are based on real user research and therefore represent the traits and qualities of actual users.<\/p>\n<p>On the other hand, <a href=\"https:\/\/www.uxdesigninstitute.com\/blog\/design-a-customer-journey-map\/\">journey maps<\/a> and empathy maps are complementary. Journey maps represent the user\u2019s end-to-end experience with a product, including various touchpoints along the way, offering breadth. Empathy maps, meanwhile, focus on a user\u2019s thoughts and actions during a specific scenario, representing depth.<\/p>\n<h2>How to create an empathy map (step-by-step)<\/h2>\n<h3>Step 1: Define your users<\/h3>\n<p>The first step to creating an empathy map is to decide which user or users the map will be about. Will it be an individual user or an aggregate of several users from your research who represent a specific segment of your audience?<\/p>\n<h3>Step 2: Decide whether you want to map individually or as a team<\/h3>\n<p>If you want the team aligned around the user, you\u2019ll want the whole team to be present<\/p>\n<p>and participate in the empathy mapping activity. On the other hand, if you want to analyse your interview transcripts or your survey data, you can create the empathy map yourself.<\/p>\n<h3>Step 3: Gather materials<\/h3>\n<p>If you decide to create a team map, you\u2019ll need a whiteboard along with sticky notes and markers so everyone can participate. If you decide to go it alone, create a system that works for you, whether it be pencil and paper or a computer.<\/p>\n<h3>Step 4: Collect user research<\/h3>\n<p>You\u2019ll need to collect all of the qualitative research that has been performed, including interviews, email surveys, focus groups, and online research. This should all be gathered into a report, especially if you\u2019re empathy mapping as a team.<\/p>\n<h3>Step 5: Generate notes for each quadrant of your empathy map<\/h3>\n<p>Once you\u2019ve read through the research, you as an individual or the entire team can generate notes individually. If you\u2019re doing this as a team, you can each generate sticky notes and place them in the quadrants they align with.<\/p>\n<p>Once the notes are up on the board, you can move the notes around and, if there are similar notes in the same quadrant, cluster them.<\/p>\n<h3>Step 6: Evaluate your empathy map<\/h3>\n<p>Now you can evaluate the map. What themes are repeated in more than one quadrant? Are there inconsistencies? What gaps exist? These should help you make decisions about how to meet your users\u2019 needs. Or alternatively, if you find the map has too few notes, it should enable you to decide what further research needs to be done.<\/p>\n<h2>How to get maximum value from your empathy maps<\/h2>\n<p>Once your empathy maps are complete, there are several things you can do to get maximum value from them.<\/p>\n<h3>Share them with stakeholders<\/h3>\n<p>Sharing empathy maps with stakeholders and clients will help you get them on board with your designs. This should help them understand the users of your product as you do and, therefore, comprehend why you\u2019ve chosen to design something in a certain way.<\/p>\n<h3>Make informed design decisions<\/h3>\n<p>Empathy maps are one way that UX designers can understand users and make informed design decisions. While other tools assist too, an empathy map should help you understand your user\u2019s needs and wants and, therefore, help you make decisions about how to help them<\/p>\n<h3>Ideate concepts<\/h3>\n<p>When you create an empathy map, you create a snapshot of what that person or persona thinks, feels, says, and does. You can use this snapshot to ideate concepts and see how well the different concepts fit. For example, if the user says one thing but does another, you may create one solution for what they say, one for what they do, and one for a combination.<\/p>\n<h2>Empathy maps in summary<\/h2>\n<p>Empathy maps are great for promoting empathy for our users in ourselves, our teammates, and our clients. They can help reduce bias and align the team, uncover user needs, and guide us toward a UX design that users will love. Designing your product based on what users think, feel, do, and say is a tried and true method, and empathy mapping is a fantastic way to make sure that the design team puts the end user first.<\/p>\n<p><strong>Learn more about UX<\/strong><\/p>\n<p>If you\u2019d like a career in UX design, check out the <a href=\"https:\/\/www.uxdesigninstitute.com\/courses\/ux-design\">UX Design Institute\u2019s Professional Diploma in UX Design<\/a>. And learn more about UX design in these articles: <a href=\"https:\/\/www.uxdesigninstitute.com\/blog\/user-research-in-ux-design\/\">The importance of user research in UX design<\/a> and <a href=\"https:\/\/www.uxdesigninstitute.com\/blog\/ux-design-process\/\">What is the UX design process? A step-by-step guide<\/a><\/p>\n<p><iframe loading=\"lazy\" title=\"YouTube video player\" src=\"\/\/www.youtube.com\/embed\/Akv90teKr9Y?si=nWiXROsCVnxoAHkB\" width=\"560\" height=\"315\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Empathy maps are a powerful tool for understanding your users and communicating that understanding to others. In this post, you\u2019ll learn what an empathy map is, peruse a step-by-step guide to creating one, and understand the difference between empathy maps, journey maps, and personas.<\/p>\n","protected":false},"author":35,"featured_media":11382,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"content-type":"","footnotes":""},"categories":[279],"tags":[],"class_list":["post-11369","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-ux-explained"],"_links":{"self":[{"href":"https:\/\/www.uxdesigninstitute.com\/blog\/wp-json\/wp\/v2\/posts\/11369","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.uxdesigninstitute.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.uxdesigninstitute.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.uxdesigninstitute.com\/blog\/wp-json\/wp\/v2\/users\/35"}],"replies":[{"embeddable":true,"href":"https:\/\/www.uxdesigninstitute.com\/blog\/wp-json\/wp\/v2\/comments?post=11369"}],"version-history":[{"count":17,"href":"https:\/\/www.uxdesigninstitute.com\/blog\/wp-json\/wp\/v2\/posts\/11369\/revisions"}],"predecessor-version":[{"id":11489,"href":"https:\/\/www.uxdesigninstitute.com\/blog\/wp-json\/wp\/v2\/posts\/11369\/revisions\/11489"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.uxdesigninstitute.com\/blog\/wp-json\/wp\/v2\/media\/11382"}],"wp:attachment":[{"href":"https:\/\/www.uxdesigninstitute.com\/blog\/wp-json\/wp\/v2\/media?parent=11369"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.uxdesigninstitute.com\/blog\/wp-json\/wp\/v2\/categories?post=11369"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.uxdesigninstitute.com\/blog\/wp-json\/wp\/v2\/tags?post=11369"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}