Page tree

Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.





HTML
<div class="aui-tabs horizontal-tabs" id="tabs-example1" style="margin-bottom: 10px;"> <ul class="tabs-menu" style="border-bottom: 1px solid #ccc;"> <li class="menu-item active-tab"> <a href="https://qnetconfluence.cms.gov/display/HCD/HCD+Process%3A+Initiate" style="padding-top: 8px;"><img class="confluence-embedded-image confluence-thumbnail" src="/download/thumbnails/39065078/icon-initiate-sm.png?version=2&amp;modificationDate=1546531039245&amp;api=v2" data-image-src="/download/attachments/39065078/icon-initiate-sm.png?version=2&amp;modificationDate=1546531039245&amp;api=v2" data-unresolved-comment-count="0" data-linked-resource-id="39066369" data-linked-resource-version="2" data-linked-resource-type="attachment" data-linked-resource-default-alias="icon-initiate-sm.png" data-base-url="https://qnetconfluence.cms.gov" data-linked-resource-content-type="image/png" data-linked-resource-container-id="39065078" data-linked-resource-container-version="16" title="Human-Centered Design > HCD Process: Initiate > icon-initiate-sm.png" data-location="Human-Centered Design > HCD Process: Initiate > icon-initiate-sm.png" data-image-height="42" data-image-width="42" style="" thumbnail="true" border="0" width="21"> <strong style="position: relative;top: -5px;">INITIATE</strong></a> </li> <li class="menu-item"> <a href="https://qnetconfluence.cms.gov/display/HCD/HCD+Process%3A+Immerse" style="padding-top: 8px;"><img width="21" data-linked-resource-default-alias="icon-immerse-sm.png" data-linked-resource-container-version="17" class="confluence-embedded-image confluence-thumbnail" data-location="Human-Centered Design > HCD Process: Initiate > icon-immerse-sm.png" data-linked-resource-id="39066367" src="/download/thumbnails/39065078/icon-immerse-sm.png?version=2&amp;modificationDate=1546531038920&amp;api=v2" data-linked-resource-version="2" data-linked-resource-type="attachment" data-unresolved-comment-count="0" data-linked-resource-content-type="image/png" title="Human-Centered Design > HCD Process: Initiate > icon-immerse-sm.png" data-base-url="https://qnetconfluence.cms.gov" data-image-width="42" data-image-src="/download/attachments/39065078/icon-immerse-sm.png?version=2&amp;modificationDate=1546531038920&amp;api=v2" data-image-height="42"> <strong style="position: relative;top: -5px;">IMMERSE</strong></a> </li> <li class="menu-item"> <a href="https://qnetconfluence.cms.gov/display/HCD/HCD+Process%3A+Synthesize" style="padding-top: 8px;"><img class="confluence-embedded-image confluence-thumbnail" width="21" src="/download/thumbnails/39065078/icon-synthesize-sm.png?version=2&amp;modificationDate=1546531038551&amp;api=v2" data-image-src="/download/attachments/39065078/icon-synthesize-sm.png?version=2&amp;modificationDate=1546531038551&amp;api=v2" data-unresolved-comment-count="0" data-linked-resource-id="39066371" data-linked-resource-version="2" data-linked-resource-type="attachment" data-linked-resource-default-alias="icon-synthesize-sm.png" data-base-url="https://qnetconfluence.cms.gov" data-linked-resource-content-type="image/png" data-linked-resource-container-id="39065078" data-linked-resource-container-version="19"> <strong style="position: relative;top: -5px;">SYNTHESIZE</strong></a> </li> <li class="menu-item"> <a href="https://qnetconfluence.cms.gov/display/HCD/HCD+Process%3A+Ideate" style="padding-top: 8px;"><img class="confluence-embedded-image confluence-thumbnail" width="21" src="/download/thumbnails/39065078/icon-ideate-sm.png?version=2&amp;modificationDate=1546531038216&amp;api=v2" data-image-src="/download/attachments/39065078/icon-ideate-sm.png?version=2&amp;modificationDate=1546531038216&amp;api=v2" data-unresolved-comment-count="0" data-linked-resource-id="39066366" data-linked-resource-version="2" data-linked-resource-type="attachment" data-linked-resource-default-alias="icon-ideate-sm.png" data-base-url="https://qnetconfluence.cms.gov" data-linked-resource-content-type="image/png" data-linked-resource-container-id="39065078" data-linked-resource-container-version="20"> <strong style="position: relative;top: -5px;">IDEATE</strong></a> </li> <li class="menu-item"> <a href="https://qnetconfluence.cms.gov/display/HCD/HCD+Process%3A+Prototype" style="padding-top: 8px;"><img class="confluence-embedded-image confluence-thumbnail" width="21" src="/download/thumbnails/39065078/icon-prototype-sm.png?version=2&amp;modificationDate=1546531037901&amp;api=v2" data-image-src="/download/attachments/39065078/icon-prototype-sm.png?version=2&amp;modificationDate=1546531037901&amp;api=v2" data-unresolved-comment-count="0" data-linked-resource-id="39066370" data-linked-resource-version="2" data-linked-resource-type="attachment" data-linked-resource-default-alias="icon-prototype-sm.png" data-base-url="https://qnetconfluence.cms.gov" data-linked-resource-content-type="image/png" data-linked-resource-container-id="39065078" data-linked-resource-container-version="21"> <strong style="position: relative;top: -5px;">PROTOTYPE</strong></a> </li> <li class="menu-item"> <a href="https://qnetconfluence.cms.gov/display/HCD/HCD+Process%3A+Implement" style="padding-top: 8px;"><img class="confluence-embedded-image confluence-thumbnail" width="21" src="/download/thumbnails/39065078/icon-implement-sm.png?version=2&amp;modificationDate=1546531037583&amp;api=v2" data-image-src="/download/attachments/39065078/icon-implement-sm.png?version=2&amp;modificationDate=1546531037583&amp;api=v2" data-unresolved-comment-count="0" data-linked-resource-id="39066368" data-linked-resource-version="2" data-linked-resource-type="attachment" data-linked-resource-default-alias="icon-implement-sm.png" data-base-url="https://qnetconfluence.cms.gov" data-linked-resource-content-type="image/png" data-linked-resource-container-id="39065078" data-linked-resource-container-version="22"> <strong style="position: relative;top: -5px;">IMPLEMENT</strong></a> </li> </ul> </div>


What it is

Empathy maps helps design teams to understand the user’s mindset by capturing what a persona says during an interview or other usability study, thinks throughout the experience, the actions the user physically does, and the user’s feelings during the activity, in order to prioritize the user’s needs. Empathy maps are also great as a background for the construction of the personas that you would often want to create later. Empathy maps consist of four main areas. Each area represents important characteristics which the user exhibited during the observation or research phase. Each area of the map will show what the user says, thinks, feels and does. 


"An empathy map is a very quick, very rough persona template"

 

Empathy Map Canvas.

(Source: https://gamestorming.com/empathy-mapping/)