Human-Centered Design

Page tree

Versions Compared

Old Version 12

changes.mady.by.user Unknown User (ki8431)

Saved on

compared with

New Version 13

changes.mady.by.user Unknown User (ki8431)

Saved on

Key

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

Learn about the steps and methods used at each phase of the Human-Centered Design process. Select the links within the columns below to view the What, Why, When, and How to use each method along with any templates or additional resources within the step


Section


<!-- THIS CODE IS FOR THE DROPDOWNS TO WORK PROPERLY. THIS IS HTML CODE FOR NOW, BUT A TICKET WILL BE IN WITH THE JIRA TEAM TO CREATE THIS WITHOUT HTML KNOWLEDGE --> <p align="center"> <!-- THE HREF="javascript:void(0);" and ARIA-OWNS="initiate" determines what dropdown - DIV id="initiate" without the # - appears when clicking on the link. This needs to be custom for each link / dropdown combo --> <a href="javascript:void(0);" aria-owns="initiate" aria-haspopup="true" class="aui-button aui-dropdown2-trigger aui-style-default">INITIATE</a></p> <!-- Simple Dropdown - dropdown --> <div id="initiate" class="aui-dropdown2 aui-style-default"> <ul class="aui-list-truncate"> <li><a href="https://qnetconfluence.cms.gov/display/HCD/HCD+Process%3A+Initiate">Initiate Overview</a></li> <li><a href="https://qnetconfluence.cms.gov/display/HCD/How+Might+We">How Might We...?</a></li> <li><a href="https://qnetconfluence.cms.gov/display/HCD/Project+Design+Brief">Project / Design Brief</a></li> <li><a href="https://qnetconfluence.cms.gov/display/HCD/Stakeholder+Mapping">Stakeholder Mapping</a></li> <!--<li><a href="https://qnetconfluence.cms.gov/display/HCD/How+Might+We">How Might We...?</a></li> <li><a href="https://qnetconfluence.cms.gov/display/HCD/Project+Design+Brief">Project / Design Brief</a></li> <li><a href="https://qnetconfluence.cms.gov/display/HCD/Stakeholder+Mapping">Stakeholder Mapping</a></li> <!--<li><a href="https://qnetconfluence.cms.gov/display/HCD/Analysis%20and%20Synthesis">Analysis & Synthesis</a></li> BdystormnBodystrmn <li><a href="https://qnetconfluence.cms.gov/display/HCD/Empathy+Maps">Empathy Maps</a></li> blm+Staemtblm Stamet <li><a href="https://qnetconfluence.cms.gov/display/HCD/Project+Kickoff+Meeting">Project Kickoff Meeting</a></li> <li><a href="https://qnetconfluence.cms.gov/display/HCD/Requirements+Gathering">Requirements Gathering</a></li> <li><a href="https://qnetconfluence.cms.gov/display/HCD/Stakeholder+Interviews">Stakeholder Interviews</a></li> <li><a href="https://qnetconfluence.cms.gov/display/HCD/Storyboard">Storyboard</a></li> <li><a href="https://qnetconfluence.cms.gov/display/HCD/User+Stories">User Stories</a></li>-->--> </ul> </div><!-- .aui-dropdown2 -->

Create a shared understanding of the problem that you’re trying to solve; Who, What, Where, Why and How.

Column
width16%

Initiate

Kick off project, define problem and scope, identify SMEs andreview existing data.

HTML


Column
width16%

Immerse

Observe and document where your users' problems exist via interviews and immersion.

HTML
<!-- THIS CODE IS FOR THE DROPDOWNS TO WORK PROPERLY.  THIS IS HTML CODE FOR NOW, BUT A TICKET WILL BE IN WITH THE JIRA TEAM TO CREATE THIS WITHOUT HTML KNOWLEDGE -->
<p align="center">
<!-- THE HREF="javascript:void(0);" and ARIA-OWNS="immerse" determines what dropdown - DIV id="initiate" without the # - appears when clicking on the link. This needs to be custom for each link / dropdown combo  -->
<a href="javascript:void(0);" aria-owns="immerse" aria-haspopup="true" class="aui-button aui-dropdown2-trigger aui-style-default">IMMERSE</a></p>
<!-- Simple Dropdown - dropdown -->
<div id="immerse" class="aui-dropdown2 aui-style-default">
    <ul class="aui-list-truncate">
        <li><a href="https://qnetconfluence.cms.gov/display/HCD/HCD+Process%3A+Immerse">Immerse Overview</a></li>
<li><a href="https://qnetconfluence.cms.gov/display/HCD/Contextual+Inquiry">Contextual Inquiry</a></li>
 <li><a href="https://qnetconfluence.cms.gov/display/HCD/Customer+Journey+Maps">Customer Journey Maps</a></li>

xtualInquryxtul Iquiry
 ustmrJone+MapsustmrJone Maps<li><a href="https://qnetconfluence.cms.gov/display/HCD/Interviews">Interviews</a></li>

		
		InviwInviw
       
        <!--<!--<li><a href="https://qnetconfluence.cms.gov/display/HCD/Design+Studios">Design Studios</a></li>
<li><a href="https://qnetconfluence.cms.gov/display/HCD/Cognitive+Mapping">Cognitive Mapping</a></li>
<li><a href="https://qnetconfluence.cms.gov/display/HCD/Cognitive+Mapping">Cognitive Mapping</a></li>
        <li><a href="https://qnetconfluence.cms.gov/display/HCD/Desirability+Testing">Desirability Testing</a></li>
        <li><a href="https://qnetconfluence.cms.gov/display/HCD/Diary+Studies">Diary Studies</a></li>
        <li><a href="https://qnetconfluence.cms.gov/display/HCD/Empathy+Map">Empathy Map</a></li>
		<li><a href="https://qnetconfluence.cms.gov/display/HCD/Ethnographic+Research">Ethnographic Research</a></li>
		<li><a href="https://qnetconfluence.cms.gov/display/HCD/Focus+Groups">Focus Groups</a></li>
		
		<li><a href="https://qnetconfluence.cms.gov/display/HCD/Participatory+Design">Participatory Design</a></li>
		<li><a href="https://qnetconfluence.cms.gov/display/HCD/Personas">Personas</a></li>-->-->
    </ul>
</div><!-- .aui-dropdown2 -->



Column
width16%

SYNTHESIZE

Analyze your research to find themes, patterns and Sense-making by gathering available research/data/information to find themes, organizing into patterns and discovering insights.

HTML
<!-- THIS CODE IS FOR THE DROPDOWNS TO WORK PROPERLY.  THIS IS HTML CODE FOR NOW, BUT A TICKET WILL BE IN WITH THE JIRA TEAM TO CREATE THIS WITHOUT HTML KNOWLEDGE -->
<p align="center">
<!-- THE HREF="javascript:void(0);" and ARIA-OWNS="synthesize" determines what dropdown - DIV id="initiate" without the # - appears when clicking on the link. This needs to be custom for each link / dropdown combo  -->
<a href="javascript:void(0);" aria-owns="synthesize" aria-haspopup="true" class="aui-button aui-dropdown2-trigger aui-style-default">SYNTHESIZE</a></p>
<!-- Simple Dropdown - dropdown -->
<div id="synthesize" class="aui-dropdown2 aui-style-default">
    <ul class="aui-list-truncate">
        <li><a href="https://qnetconfluence.cms.gov/display/HCD/HCD+Process%3A+Synthesize">Synthesize Overview</a></li>
		<li><a href="https://qnetconfluence.cms.gov/display/HCD/Affinity+Diagram">Affinity Diagramming</a></li>
        <li><a href="https://qnetconfluence.cms.gov/display/HCD/Card+Sorting">Card Sorting</a></li>
		<li><a href="https://qnetconfluence.cms.gov/display/HCD/Mind-mapping">Mind-mapping</a></li>

		<li><a href="https://qnetconfluence.cms.gov/display/HCD/Mind-mapping">Mind-mapping</a></li>

       <!--<!-- <li><a href="https://qnetconfluence.cms.gov/display/HCD/Comparative+Analysis">Comparative Analysis</a></li>
        <li><a href="https://qnetconfluence.cms.gov/display/HCD/Content+Audit">Content Audit</a></li>
        <li><a href="https://qnetconfluence.cms.gov/display/HCD/Data+Visualization">Data Visualization</a></li>
        <li><a href="https://qnetconfluence.cms.gov/display/HCD/Empathy+Maps+again">Empathy Map</a></li>
		<li><a href="https://qnetconfluence.cms.gov/display/HCD/Journey+Mapping">Journey Mapping</a></li>
		<li><a href="https://qnetconfluence.cms.gov/display/HCD/Mental+Modeling">Mental Modeling</a></li>
		
		<li><a href="https://qnetconfluence.cms.gov/display/HCD/Proto+Personas">Proto Personas</a></li>
		<li><a href="https://qnetconfluence.cms.gov/display/HCD/Top+Task+Analysis">Top Task Analysis</a></li>
		<li><a href="https://qnetconfluence.cms.gov/display/HCD/User+Stories+again">User Stories</a></li>-->-->
    </ul>
</div><!-- .aui-dropdown2 -->



Column
width16%

IDEATEBrainstorm potential solutions,co-design with users, identify ideas to test.

Ideas without limits

HTML
<!-- THIS CODE IS FOR THE DROPDOWNS TO WORK PROPERLY.  THIS IS HTML CODE FOR NOW, BUT A TICKET WILL BE IN WITH THE JIRA TEAM TO CREATE THIS WITHOUT HTML KNOWLEDGE -->
<p align="center">
<!-- THE HREF="javascript:void(0);" and ARIA-OWNS="ideate" determines what dropdown - DIV id="initiate" without the # - appears when clicking on the link. This needs to be custom for each link / dropdown combo  -->
<a href="javascript:void(0);" aria-owns="ideate" aria-haspopup="true" class="aui-button aui-dropdown2-trigger aui-style-default">IDEATE</a></p>
<!-- Simple Dropdown - dropdown -->
<div id="ideate" class="aui-dropdown2 aui-style-default">
    <ul class="aui-list-truncate">
        <li><a href="https://qnetconfluence.cms.gov/display/HCD/HCD+Process%3A+Ideate">Ideate Overview</a></li> 
 		<li><a href="https://qnetconfluence.cms.gov/display/HCD/Collaborative+Sketching">Collaborative Sketching</a></li>
 <li><a href="https://qnetconfluence.cms.gov/display/HCD/Design+a+Superhero">Design a Superhero</a></li>
  		<li><a href="https://qnetconfluence.cms.gov/display/HCD/Mash-up">Mash-up</a></li>
		
<!--<li><a href="https://qnetconfluence.cms.gov/display/HCD/Collaborative+Sketching">Collaborative Sketching</a></li>
 <li><a href="https://qnetconfluence.cms.gov/display/HCD/Design+a+Superhero">Design a Superhero</a></li>
  		Ms-upMs-up
		
<!--BraintormnBraintormn
        <li><a href="https://qnetconfluence.cms.gov/display/HCD/Brain-writing">Brain-Writing</a></li>
       
       
      Forced+ConnectionForced Connection
      
		<li><a href="https://qnetconfluence.cms.gov/display/HCD/Questioning+Assumptions">Questioning Assumptions</a></li>
		<li><a href="https://qnetconfluence.cms.gov/display/HCD/SCAMPER">S.C.A.M.P.E.R.</a></li>
		<li><a href="https://qnetconfluence.cms.gov/display/HCD/Six+Thinking+Hats">Six Thinking Hats</a></li>
		<li><a href="https://qnetconfluence.cms.gov/display/HCD/Storyboarding">Storyboarding</a></li>
		<li><a href="https://qnetconfluence.cms.gov/display/HCD/Wishing">Wishing</a></li>
		<li><a href="https://qnetconfluence.cms.gov/display/HCD/Zero+Draft">Zero Draft</a></li>-->-->
    </ul>
</div><!-- .aui-dropdown2 -->



Column
width16%

PROTOTYPECreate storyboards or low-fidelity solutions to elicit feedback; refine and iterate

Reduce your ideas to those that are desirable, feasible and viable, and make as interactive as possible so you can get feedback about the experience.

HTML
<!-- THIS CODE IS FOR THE DROPDOWNS TO WORK PROPERLY.  THIS IS HTML CODE FOR NOW, BUT A TICKET WILL BE IN WITH THE JIRA TEAM TO CREATE THIS WITHOUT HTML KNOWLEDGE -->
<p align="center">
<!-- THE HREF="javascript:void(0);" and ARIA-OWNS="prototype" determines what dropdown - DIV id="initiate" - appears when clicking on the link. This needs to be custom for each link / dropdown combo  -->
<a href="javascript:void(0)" aria-owns="prototype" aria-haspopup="true" class="aui-button aui-dropdown2-trigger aui-style-default">PROTOTYPE</a></p>
<!-- Simple Dropdown - dropdown -->
<div id="prototype" class="aui-dropdown2 aui-style-default">
    <ul class="aui-list-truncate">
        <li><a href="https://qnetconfluence.cms.gov/display/HCD/HCD+Process%3A+Prototype">Prototype Overview</a></li>	        PrducPtotypePrducProtype		SviSvi		StorybodingFlw">SrbodingFlw
		<!--<li><a href="https://qnetconfluence.cms.gov/display/HCD/Cognitive+Walkthrough">Cognitive Walkthrough</a></li>
		<li><a href="https://qnetconfluence.cms.gov/display/HCD/Service+Prototype">Service Prototype</a></li>
		<li><a href="https://qnetconfluence.cms.gov/display/HCD/Storyboarding+Flow">Storyboarding Flow</a></li>
		<!--<li><a href="https://qnetconfluence.cms.gov/display/HCD/Cognitive+Walkthrough">Cognitive Walkthrough</a></li>
        <li><a href="https://qnetconfluence.cms.gov/display/HCD/Interactive+Prototype">Interactive Prototype</a></li>
        <li><a href="https://qnetconfluence.cms.gov/display/HCD/Paper+Prototype">Paper Prototype</a></li>
        <li><a href="https://qnetconfluence.cms.gov/display/HCD/Interactive+Prototype">Interactive Prototype</a></li>
        PapPap
        <li><a href="https://qnetconfluence.cms.gov/display/HCD/Role+Playing">Role Playing</a></li>
        
		kechkech
		
		<li><a href="https://qnetconfluence.cms.gov/display/HCD/Tree+Testing">Tree Testing</a></li>
		<li><a href="https://qnetconfluence.cms.gov/display/HCD/Usability+Testing">Usability Testing</a></li>
		<li><a href="https://qnetconfluence.cms.gov/display/HCD/Wireframing">Wireframing</a></li>
		<li><a href="https://qnetconfluence.cms.gov/display/HCD/Wizard+of+Oz+Prototype">Wizard of Oz Prototype</a></li>-->-->
    </ul>
</div><!-- .aui-dropdown2 -->



Column
width16%

IMPLEMENTPilot

a solution; track metrics, manage and communicate change, and improve for roll-outYou are not done. Continue to iterate, refine and enhance based on user feedback and metrics.

HTML
<!-- THIS CODE IS FOR THE DROPDOWNS TO WORK PROPERLY.  THIS IS HTML CODE FOR NOW, BUT A TICKET WILL BE IN WITH THE JIRA TEAM TO CREATE THIS WITHOUT HTML KNOWLEDGE -->
<p align="center">
<!-- THE HREF="javascript:void(0);" and ARIA-OWNS="prototype" determines what dropdown - DIV id="initiate" without the # - appears when clicking on the link. This needs to be custom for each link / dropdown combo  -->
<a href="javascript:void(0)" aria-owns="implement" aria-haspopup="true" class="aui-button aui-dropdown2-trigger aui-style-default">IMPLEMENT</a></p>
<!-- Simple Dropdown - dropdown -->
<div id="implement" class="aui-dropdown2 aui-style-default">
    <ul class="aui-list-truncate">
        <li><a href="HCDProcs%3A+Implemethttps://qnetconfluence.cms.gov/display/HCD/HCD+Process%3A+Implement">Implement Overview</a></li>
		<li><a href="https://qnetconfluence.cms.gov/display/HCD/Change+Management">Change Management</a></li>
        <li><a href="https://qnetconfluence.cms.gov/display/HCD/Feedback+Loop">Feedback Loop</a></li>
		<li><a href="https://qnetconfluence.cms.gov/display/HCD/Quality+Metrics">Quality Metrics</a></li>

        <!--<li><a href="https://qnetconfluence.cms.gov/display/HCD/Performance+Testing">Performance Testing</a></li>
        <li><a href="https://qnetconfluence.cms.gov/display/HCD/Phased+Rollout">Phased Rollout</a></li>
        
        <li><a href="https://qnetconfluence.cms.gov/display/HCD/Sunsetting">Sunsetting</a></li>
		<li><a href="https://qnetconfluence.cms.gov/display/HCD/User+Acceptance+Testing+UAT">User Acceptance Testing (UAT)</a></li>-->
    </ul>
</div><!-- .aui-dropdown2 -->



...