{"id":7628,"date":"2025-09-30T08:43:34","date_gmt":"2025-09-30T08:43:34","guid":{"rendered":"https:\/\/bolif.telkomuniversity.ac.id\/apa-itu-empathy-map\/"},"modified":"2025-09-30T08:51:57","modified_gmt":"2025-09-30T08:51:57","slug":"what-is-empathy-map","status":"publish","type":"post","link":"https:\/\/bolif.telkomuniversity.ac.id\/en\/what-is-empathy-map\/","title":{"rendered":"Empathy Map: A Tool for Understanding User Experiences"},"content":{"rendered":"<p data-start=\"227\" data-end=\"437\"><strong>An empathy map is a visual tool collaboratively used to understand user experiences. It illustrates four main dimensions of what users say, think, do, and feel in their interactions with a product or service.<\/strong><\/p>\n<p data-start=\"439\" data-end=\"813\">In the design thinking process, deeply understanding the user is a crucial first step. One of the proven tools to achieve this is the empathy map. With a simple visual approach, the empathy map helps product, design, and marketing teams align perspectives, analyze user behavior, and identify insights based on real data, not mere assumptions (Nielsen Norman Group, n.d.).<\/p>\n<p data-start=\"815\" data-end=\"1076\">As a visual thinking tool, the empathy map makes it easier for organizations to transform research data into actionable empathetic understanding, thereby supporting more targeted design and product development strategies (Interaction Design Foundation, n.d.).<\/p>\n<h2 data-start=\"1083\" data-end=\"1112\">What Is an Empathy Map?<\/h2>\n<p data-start=\"1114\" data-end=\"1320\">An empathy map is a collaborative visual tool used to summarize the user experience in four dimensions: what they say, think, do, and feel about a product or service (Interaction Design Foundation, n.d.).<\/p>\n<p data-start=\"1322\" data-end=\"1685\">According to Nielsen Norman Group (n.d.), the empathy map functions to integrate qualitative data into one visual document that is easily understood by the entire team. This tool is often used in the early stages of design thinking to build empathy, uncover insights, and serve as a foundation for creating user personas (fictional profiles based on real data).<\/p>\n<h2 data-start=\"1692\" data-end=\"1725\">Structure of an Empathy Map<\/h2>\n<p data-start=\"1727\" data-end=\"1827\">The classic empathy map is divided into four main quadrants (Interaction Design Foundation, n.d.):<\/p>\n<div class=\"_tableContainer_1rjym_1\">\n<div class=\"group _tableWrapper_1rjym_13 flex w-fit flex-col-reverse\" tabindex=\"-1\">\n<table class=\"w-fit min-w-(--thread-content-width)\" data-start=\"1829\" data-end=\"2209\">\n<thead data-start=\"1829\" data-end=\"1857\">\n<tr data-start=\"1829\" data-end=\"1857\">\n<th data-start=\"1829\" data-end=\"1840\" data-col-size=\"sm\">Quadrant<\/th>\n<th data-start=\"1840\" data-end=\"1857\" data-col-size=\"md\">Explanation<\/th>\n<\/tr>\n<\/thead>\n<tbody data-start=\"1887\" data-end=\"2209\">\n<tr data-start=\"1887\" data-end=\"1961\">\n<td data-start=\"1887\" data-end=\"1898\" data-col-size=\"sm\"><strong data-start=\"1889\" data-end=\"1897\">Says<\/strong><\/td>\n<td data-start=\"1898\" data-end=\"1961\" data-col-size=\"md\">User statements from interviews, surveys, or discussions.<\/td>\n<\/tr>\n<tr data-start=\"1962\" data-end=\"2052\">\n<td data-start=\"1962\" data-end=\"1975\" data-col-size=\"sm\"><strong data-start=\"1964\" data-end=\"1974\">Thinks<\/strong><\/td>\n<td data-start=\"1975\" data-end=\"2052\" data-col-size=\"md\">User\u2019s internal thoughts or perspectives that are not always expressed.<\/td>\n<\/tr>\n<tr data-start=\"2053\" data-end=\"2123\">\n<td data-start=\"2053\" data-end=\"2064\" data-col-size=\"sm\"><strong data-start=\"2055\" data-end=\"2063\">Does<\/strong><\/td>\n<td data-start=\"2064\" data-end=\"2123\" data-col-size=\"md\">Actual user behavior when using a product or service.<\/td>\n<\/tr>\n<tr data-start=\"2124\" data-end=\"2209\">\n<td data-start=\"2124\" data-end=\"2136\" data-col-size=\"sm\"><strong data-start=\"2126\" data-end=\"2135\">Feels<\/strong><\/td>\n<td data-start=\"2136\" data-end=\"2209\" data-col-size=\"md\">Emotions or feelings that influence user decisions and experiences.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n<p data-start=\"2211\" data-end=\"2368\">Modern versions often add <strong data-start=\"2237\" data-end=\"2245\">Sees<\/strong> (what the user sees) and <strong data-start=\"2271\" data-end=\"2280\">Hears<\/strong> (what they hear from the environment) to enrich context (Nielsen Norman Group, n.d.).<\/p>\n<h2 data-start=\"2375\" data-end=\"2414\">Why Is the Empathy Map Important?<\/h2>\n<p data-start=\"2416\" data-end=\"2495\">The empathy map is an essential tool for product and design teams because it:<\/p>\n<ul data-start=\"2497\" data-end=\"2793\">\n<li data-start=\"2497\" data-end=\"2586\">\n<p data-start=\"2499\" data-end=\"2586\"><strong data-start=\"2499\" data-end=\"2515\">Aligns Teams<\/strong>: Helps cross-functional teams share a common understanding of users.<\/p>\n<\/li>\n<li data-start=\"2587\" data-end=\"2663\">\n<p data-start=\"2589\" data-end=\"2663\"><strong data-start=\"2589\" data-end=\"2618\">Identifies Knowledge Gaps<\/strong>: Helps discover incomplete research areas.<\/p>\n<\/li>\n<li data-start=\"2664\" data-end=\"2793\">\n<p data-start=\"2666\" data-end=\"2793\"><strong data-start=\"2666\" data-end=\"2689\">Reduces Assumptions<\/strong>: Enables decision-making based on real research rather than speculation (Nielsen Norman Group, n.d.).<\/p>\n<\/li>\n<\/ul>\n<p data-start=\"2795\" data-end=\"3029\">According to QuestionPro (n.d.), the empathy map also strengthens a customer-centric culture, helping organizations understand user motivations and challenges, and facilitating collaboration in data-driven decision-making processes.<\/p>\n<p data-start=\"3031\" data-end=\"3247\">In addition, Influx (n.d.) emphasizes that empathy maps can be applied in customer service. By deeply understanding customer frustrations, support teams can deliver more empathetic and relevant service experiences.<\/p>\n<h2 data-start=\"3254\" data-end=\"3288\">How to Create an Empathy Map<\/h2>\n<p data-start=\"3290\" data-end=\"3408\">Here are effective steps to create an empathy map (Nielsen Norman Group, n.d.; Interaction Design Foundation, n.d.):<\/p>\n<ol data-start=\"3410\" data-end=\"3952\">\n<li data-start=\"3410\" data-end=\"3518\">\n<p data-start=\"3413\" data-end=\"3518\"><strong data-start=\"3413\" data-end=\"3443\">Collect User Research Data<\/strong><br data-start=\"3443\" data-end=\"3446\" \/>Use interviews, surveys, or direct observations to gather insights.<\/p>\n<\/li>\n<li data-start=\"3520\" data-end=\"3631\">\n<p data-start=\"3523\" data-end=\"3631\"><strong data-start=\"3523\" data-end=\"3549\">Collaborative Workshop<\/strong><br data-start=\"3549\" data-end=\"3552\" \/>Involve cross-functional team members to fill in the empathy map together.<\/p>\n<\/li>\n<li data-start=\"3633\" data-end=\"3743\">\n<p data-start=\"3636\" data-end=\"3743\"><strong data-start=\"3636\" data-end=\"3680\">Fill in the Quadrants Based on Real Data<\/strong><br data-start=\"3680\" data-end=\"3683\" \/>Use sticky notes or digital platforms to organize data.<\/p>\n<\/li>\n<li data-start=\"3745\" data-end=\"3836\">\n<p data-start=\"3748\" data-end=\"3836\"><strong data-start=\"3748\" data-end=\"3781\">Synthesize Insights and Needs<\/strong><br data-start=\"3781\" data-end=\"3784\" \/>Identify patterns to design relevant solutions.<\/p>\n<\/li>\n<li data-start=\"3838\" data-end=\"3952\">\n<p data-start=\"3841\" data-end=\"3952\"><strong data-start=\"3841\" data-end=\"3863\">Iterate and Update<\/strong><br data-start=\"3863\" data-end=\"3866\" \/>The empathy map should be updated whenever new data emerges to maintain accuracy.<\/p>\n<\/li>\n<\/ol>\n<h2 data-start=\"3959\" data-end=\"3986\">Empathy Map Template<\/h2>\n<p data-start=\"3988\" data-end=\"4063\">Various platforms provide empathy map template for online collaboration:<\/p>\n<ul data-start=\"4065\" data-end=\"4168\">\n<li data-start=\"4065\" data-end=\"4098\">\n<p data-start=\"4067\" data-end=\"4098\"><a href=\"https:\/\/miro.com\/templates\/empathy-map\/\" target=\"_blank\" rel=\"noopener\"><strong data-start=\"4067\" data-end=\"4096\">Miro Empathy Map Template<\/strong><\/a><\/p>\n<\/li>\n<li data-start=\"4099\" data-end=\"4133\">\n<p data-start=\"4101\" data-end=\"4133\"><a href=\"https:\/\/www.figma.com\/templates\/empathy-map\/\" target=\"_blank\" rel=\"noopener\"><strong data-start=\"4101\" data-end=\"4131\">Figma Empathy Map Template<\/strong><\/a><\/p>\n<\/li>\n<li data-start=\"4134\" data-end=\"4168\">\n<p data-start=\"4136\" data-end=\"4168\"><a href=\"https:\/\/www.mural.co\/templates\/empathy-map\" target=\"_blank\" rel=\"noopener\"><strong data-start=\"4136\" data-end=\"4166\">MURAL Empathy Map Template<\/strong><\/a><\/p>\n<\/li>\n<\/ul>\n<p data-start=\"4170\" data-end=\"4276\">Digital templates simplify brainstorming and remote collaboration (Interaction Design Foundation, n.d.).<\/p>\n<h2 data-start=\"4283\" data-end=\"4323\">Example of Empathy Map Application<\/h2>\n<p data-start=\"4325\" data-end=\"4417\">An e-commerce startup conducted customer interviews and discovered the following insights:<\/p>\n<ul data-start=\"4419\" data-end=\"4684\">\n<li data-start=\"4419\" data-end=\"4485\">\n<p data-start=\"4421\" data-end=\"4485\"><strong data-start=\"4421\" data-end=\"4429\">Says<\/strong>: \u201cI often get confused when choosing clothing sizes.\u201d<\/p>\n<\/li>\n<li data-start=\"4486\" data-end=\"4554\">\n<p data-start=\"4488\" data-end=\"4554\"><strong data-start=\"4488\" data-end=\"4498\">Thinks<\/strong>: \u201cThis brand does not clearly provide sizing guides.\u201d<\/p>\n<\/li>\n<li data-start=\"4555\" data-end=\"4616\">\n<p data-start=\"4557\" data-end=\"4616\"><strong data-start=\"4557\" data-end=\"4565\">Does<\/strong>: Reads many reviews before purchasing a product.<\/p>\n<\/li>\n<li data-start=\"4617\" data-end=\"4684\">\n<p data-start=\"4619\" data-end=\"4684\"><strong data-start=\"4619\" data-end=\"4628\">Feels<\/strong>: Frustrated when the size does not meet expectations.<\/p>\n<\/li>\n<\/ul>\n<p data-start=\"4686\" data-end=\"4945\">These findings prompted the company to create an interactive sizing guide feature and a more flexible return policy. Insights like this highlight the crucial role of empathy maps in creating solutions based on actual user needs (Nielsen Norman Group, n.d.).<\/p>\n<h2 data-start=\"4952\" data-end=\"4995\">Practical Tips for Using Empathy Maps<\/h2>\n<ul data-start=\"4997\" data-end=\"5389\">\n<li data-start=\"4997\" data-end=\"5060\">\n<p data-start=\"4999\" data-end=\"5060\"><strong data-start=\"4999\" data-end=\"5021\">Focus on Real Data<\/strong>: Avoid assumptions without research.<\/p>\n<\/li>\n<li data-start=\"5061\" data-end=\"5147\">\n<p data-start=\"5063\" data-end=\"5147\"><strong data-start=\"5063\" data-end=\"5096\">Engage Cross-Functional Teams<\/strong>: Collaboration improves the quality of insights.<\/p>\n<\/li>\n<li data-start=\"5148\" data-end=\"5217\">\n<p data-start=\"5150\" data-end=\"5217\"><strong data-start=\"5150\" data-end=\"5180\">Keep It Simple and Focused<\/strong>: Prioritize essential information.<\/p>\n<\/li>\n<li data-start=\"5218\" data-end=\"5277\">\n<p data-start=\"5220\" data-end=\"5277\"><strong data-start=\"5220\" data-end=\"5240\">Update Regularly<\/strong>: Empathy maps must remain dynamic.<\/p>\n<\/li>\n<li data-start=\"5278\" data-end=\"5389\">\n<p data-start=\"5280\" data-end=\"5389\"><strong data-start=\"5280\" data-end=\"5304\">Use Engaging Visuals<\/strong>: Helps make team discussions more effective (Interaction Design Foundation, n.d.).<\/p>\n<\/li>\n<\/ul>\n<h2 data-start=\"5396\" data-end=\"5412\">Conclusion<\/h2>\n<p data-start=\"5414\" data-end=\"5758\">The empathy map is a foundational design thinking tool that helps teams comprehensively understand user experiences and motivations. With a simple structure and research-based approach, empathy maps strengthen customer-centric culture, minimize assumptions, and serve as a basis for innovation (Nielsen Norman Group, n.d.; QuestionPro, n.d.).<\/p>\n<p data-start=\"5760\" data-end=\"5953\">Beyond design teams, empathy maps can also be used by customer service teams to better understand user frustrations, thus creating more empathetic and personalized experiences (Influx, n.d.).<\/p>\n<p data-start=\"5955\" data-end=\"6126\">Learn more about design thinking and user research at <strong data-start=\"6009\" data-end=\"6030\">Telkom University<\/strong>. Discover insights and best practices for building truly user-centered products and services.<\/p>\n<h2 data-start=\"6133\" data-end=\"6149\">References<\/h2>\n<p data-start=\"6151\" data-end=\"6842\">Influx. (n.d.). <em data-start=\"6167\" data-end=\"6222\">What is a customer empathy map &amp; why is it important?<\/em> Retrieved September 2, 2025, from <a class=\"decorated-link\" href=\"https:\/\/influx.com\/blog\/empathy-mapping-customer-support\" target=\"_new\" rel=\"noopener\" data-start=\"6257\" data-end=\"6313\">https:\/\/influx.com\/blog\/empathy-mapping-customer-support<\/a><br data-start=\"6313\" data-end=\"6316\" \/>Interaction Design Foundation. (n.d.). <em data-start=\"6355\" data-end=\"6392\">Empathy map: Why and how to use it.<\/em> Retrieved September 2, 2025, from <a class=\"decorated-link\" href=\"https:\/\/www.interaction-design.org\/literature\/article\/empathy-map-why-and-how-to-use-it\" target=\"_new\" rel=\"noopener\" data-start=\"6427\" data-end=\"6514\">https:\/\/www.interaction-design.org\/literature\/article\/empathy-map-why-and-how-to-use-it<\/a><br data-start=\"6514\" data-end=\"6517\" \/>Nielsen Norman Group. (n.d.). <em data-start=\"6547\" data-end=\"6600\">Empathy mapping: The first step in design thinking.<\/em> Retrieved September 2, 2025, from <a class=\"decorated-link\" href=\"https:\/\/www.nngroup.com\/articles\/empathy-mapping\/\" target=\"_new\" rel=\"noopener\" data-start=\"6635\" data-end=\"6684\">https:\/\/www.nngroup.com\/articles\/empathy-mapping\/<\/a><br data-start=\"6684\" data-end=\"6687\" \/>QuestionPro. (n.d.). <em data-start=\"6708\" data-end=\"6760\">What is an empathy map? Definition and importance.<\/em> Retrieved September 2, 2025, from <a class=\"decorated-link\" href=\"https:\/\/www.questionpro.com\/blog\/empathy-map\/\" target=\"_new\" rel=\"noopener\" data-start=\"6795\" data-end=\"6840\">https:\/\/www.questionpro.com\/blog\/empathy-map\/<\/a><\/p>\n<p data-start=\"6849\" data-end=\"6938\"><strong>Writer:<\/strong> Junianda Haris Dwiagam | <strong>Content Research &amp; Editor:<\/strong> Meilina Eka Ayuningtyas<\/p>\n","protected":false},"excerpt":{"rendered":"<p>An empathy map is a visual tool collaboratively used to understand user experiences. It illustrates four main dimensions of what users say, think, do, and feel in their interactions with a product or service. In the design thinking process, deeply understanding the user is a crucial first step. One of the proven tools to achieve [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":7623,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"wds_primary_category":0,"footnotes":""},"categories":[107,123,40],"tags":[124,125,126,127,128,129,130,131,132,133],"class_list":["post-7628","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog-en","category-devops-en","category-news","tag-customerjourney-en","tag-designthinking-en","tag-empathymap-en","tag-human-centered-design-en","tag-productdesign-en","tag-service-design-en","tag-userexperience-en","tag-userresearch-en","tag-uxdesign-en","tag-uxstrategy-en"],"_links":{"self":[{"href":"https:\/\/bolif.telkomuniversity.ac.id\/en\/wp-json\/wp\/v2\/posts\/7628","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bolif.telkomuniversity.ac.id\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/bolif.telkomuniversity.ac.id\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/bolif.telkomuniversity.ac.id\/en\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/bolif.telkomuniversity.ac.id\/en\/wp-json\/wp\/v2\/comments?post=7628"}],"version-history":[{"count":2,"href":"https:\/\/bolif.telkomuniversity.ac.id\/en\/wp-json\/wp\/v2\/posts\/7628\/revisions"}],"predecessor-version":[{"id":7629,"href":"https:\/\/bolif.telkomuniversity.ac.id\/en\/wp-json\/wp\/v2\/posts\/7628\/revisions\/7629"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/bolif.telkomuniversity.ac.id\/en\/wp-json\/wp\/v2\/media\/7623"}],"wp:attachment":[{"href":"https:\/\/bolif.telkomuniversity.ac.id\/en\/wp-json\/wp\/v2\/media?parent=7628"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/bolif.telkomuniversity.ac.id\/en\/wp-json\/wp\/v2\/categories?post=7628"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/bolif.telkomuniversity.ac.id\/en\/wp-json\/wp\/v2\/tags?post=7628"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}