Page History

Learn about the steps and methods used at each phase of the Human-Centered Design process.

...

width	16%

Image Removed

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

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="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 -->

...

width	16%

Image Removed

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 -->

...

width	16%

Image Removed

Analyze your research to find themes, patterns and 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 -->

...

width	16%

Image Removed

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

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 -->

...

width	16%

Image Removed

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

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 -->

...

width	16%

Image Removed

Pilot a solution; track metrics, manage and communicate change, and improve for roll-out.

...

The HCD Center of Excellence is a team of dedicated individuals managed from a common central point, separate from the functional areas that it supports within a practice or organization. Because our community is made up of CCSQ employees and contractors, it is critical to have resources available to the community to aid with education and onboarding, ultimately to increase productivity.

The following resources are made available to educate, inform, and set up community stakeholders for success.

Image Added

Methods

Panel

Image Added

HCD is a creative approach to problem solving via a repeatable process. Think of these methods as a guide for your HCD journey, ensuring you are putting people first when solving difficult business problems.

Enterprise Personas

Panel

Image Added

A Persona is a fictitious chcing a segment of real-world people impacted by your product, service or policy. It is based on information gathered via research, both qualitative and quantitative. A persona relays an individual’s needs and goals, defining the crux of who they are. The HCD CoE offers QualityNet (QNet) enterprise personas for teams to leverage so they can make informed decisions that impact their target customers.

Videos

Panel

Image Added

View short videos to learn about the methods used at each phase of the Human-Centered Design process as well as an introduction to design thinking.

Page tree

Versions Compared

Old Version 15

New Version Current

Key

Methods

Enterprise Personas

Recommended Reading

Videos