QualityNet Jira and QualityNet Confluence will be briefly unavailable on Wednesday, July 24, 2024, between 8:00 PM ET and 9:00 PM ET while the team performs an AMI update.  If you have questions or concerns, please reach out to us in Slack at #help-atlassian.

Human-Centered Design

Page tree

Versions Compared

Old Version 11

changes.mady.by.user Kyle Bellamy

Saved on

compared with

New Version 12

changes.mady.by.user Kyle Bellamy

Saved on

Key

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

...

Include Page
HCD Banner
HCD Banner
Include Page
HCD-Image-Nav
HCD-Image-Nav

HCD 101 - An Introduction to HCD for CCSQ

Section
Column
width66%
CCSQ  
Column
width66%
Panel
borderColor#eee
borderWidth2px

Overview

Human-Centered Design (HCD) is the process we use to understand the people for whom we are writing policies and creating programs and services for at CMS. The successful practice of HCD means we are meeting the mission of CMS: "to ensure that the voices and needs of the populations we represent are present as the agency is developing, implementing, and evaluating its programs and policies." HCD is part of ISG's mission, but it can be applied to any type of work at CCSQ, including products, services, and even policy.  

Foundational Learning Path (FLP): Completion of this required introductory course is the first part to achieving HCD proficiency and effectiveness.

Following the six-step HCD process that we use at CMS, the training workshop will introduce you to HCD and reinforce knowledge with activity-based group learning.

  • Duration: 2 Days / 4 hours = total 8 Hours
  • Level: Beginner
  • Prerequisites: None
  • Attendee types: Everyone
  • Class type:Remote w/ interactive and collaborative exercises.
  • Objectives: After attending the remote training, attendees will have an introductory understanding of HCD and some basic HCD methods/activities that can be applied to their role at CCSQ. 
    • Speaking the same language as contractors to improve oversight.
    • Provides immediate, actionable tips​ and improves team collaboration and ideation.

Upcoming Sessions:

 Contact us at HCD@cms.hhs.gov for questions about the training.


Panel
borderColor#eee
borderWidth2px

Who Will Benefit?

Column
width33%
Round Rectangle
width100%

One paragraph on the group representative


Column
width33%
Round Rectangle
width100%

One paragraph on the group representative

Column
width33%
Round Rectangle
width100%

One paragraph on the group representative

Panel

Certificate for HCD 101

Column
width20%

Column
width80%

Loremipsum
1
1



Column
width33%
HTML
<iframe width="478" height="250" src="https://www.youtube.com/embed/SlUT6oI82cU" title="Intro to Human-Centered Design Recap" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
Panel
borderColor#eee
borderWidth2

Related Courses

• HCD 102

• HCD 103

Panel
HTML
<style>
.content-slider {
  width: 100%;
  height: 160px;

margin-bottom: -25px;
background-color: #ffffff;
}

.slider {
  height: 120px;
  width: 380px;
background-color: #ffffff;
  margin: 40px auto 0;
  overflow: visible;
  position: relative;
}

.mask {
  overflow: hidden;
  height: 120px;
  background-color: #ffffff;
}

.slider ul {
  margin: 0;
  padding: 0;
  position: relative;
}

.slider li {
  width: 360px;
  height: 320px;
  position: absolute;
  top: -325px;
  list-style: none;
}

.slider .quote {
  font-size: 20px;
  font-style: italic;
}

.slider .source {
  font-size: 20px;
  text-align: right;
}

.slider li.anim1 {
  animation: cycle 55s linear infinite;
}

.slider li.anim2 {
  animation: cycle2 55s linear infinite;
}

.slider li.anim3 {
  animation: cycle3 55s linear infinite;
}

.slider li.anim4 {
  animation: cycle4 55s linear infinite;
}

.slider li.anim5 {
  animation: cycle5 55s linear infinite;
}

.slider:hover li {
  animation-play-state: paused;
}

@keyframes cycle {
  0% {
    top: 0px;
  }
  4% {
    top: 0px;
  }
  16% {
    top: 0px;
    opacity: 1;
    z-index: 0;
  }
  20% {
    top: 325px;
    opacity: 0;
    z-index: 0;
  }
  21% {
    top: -325px;
    opacity: 0;
    z-index: -1;
  }
  50% {
    top: -325px;
    opacity: 0;
    z-index: -1;
  }
  92% {
    top: -325px;
    opacity: 0;
    z-index: 0;
  }
  96% {
    top: -325px;
    opacity: 0;
  }
  100% {
    top: 0px;
    opacity: 1;
  }
}

@keyframes cycle2 {
  0% {
    top: -325px;
    opacity: 0;
  }
  16% {
    top: -325px;
    opacity: 0;
  }
  20% {
    top: 0px;
    opacity: 1;
  }
  24% {
    top: 0px;
    opacity: 1;
  }
  36% {
    top: 0px;
    opacity: 1;
    z-index: 0;
  }
  40% {
    top: 325px;
    opacity: 0;
    z-index: 0;
  }
  41% {
    top: -325px;
    opacity: 0;
    z-index: -1;
  }
  100% {
    top: -325px;
    opacity: 0;
    z-index: -1;
  }
}

@keyframes cycle3 {
  0% {
    top: -325px;
    opacity: 0;
  }
  36% {
    top: -325px;
    opacity: 0;
  }
  40% {
    top: 0px;
    opacity: 1;
  }
  44% {
    top: 0px;
    opacity: 1;
  }
  56% {
    top: 0px;
    opacity: 1;
    z-index: 0;
  }
  60% {
    top: 325px;
    opacity: 0;
    z-index: 0;
  }
  61% {
    top: -325px;
    opacity: 0;
    z-index: -1;
  }
  100% {
    top: -325px;
    opacity: 0;
    z-index: -1;
  }
}

@keyframes cycle4 {
  0% {
    top: -325px;
    opacity: 0;
  }
  56% {
    top: -325px;
    opacity: 0;
  }
  60% {
    top: 0px;
    opacity: 1;
  }
  64% {
    top: 0px;
    opacity: 1;
  }
  76% {
    top: 0px;
    opacity: 1;
    z-index: 0;
  }
  80% {
    top: 325px;
    opacity: 0;
    z-index: 0;
  }
  81% {
    top: -325px;
    opacity: 0;
    z-index: -1;
  }
  100% {
    top: -325px;
    opacity: 0;
    z-index: -1;
  }
}

@keyframes cycle5 {
  0% {
    top: -325px;
    opacity: 0;
  }
  76% {
    top: -325px;
    opacity: 0;
  }
  80% {
    top: 0px;
    opacity: 1;
  }
  84% {
    top: 0px;
    opacity: 1;
  }
  96% {
    top: 0px;
    opacity: 1;
    z-index: 0;
  }
  100% {
    top: 325px;
    opacity: 0;
    z-index: 0;
  }
}
</style>

	
	<h1>Testimonials</h1>

<div class="content-slider">
  <div class="slider">
    <div class="mask">
      <ul>
        <li class="anim1">
          <div class="quote">"The speakers were entertaining and very knowledgeable. They made the training fun."</div>
          <div class="source">- HCD 101 Attendee</div>
        </li>
        <li class="anim2">
          <div class="quote">"The breakout rooms were very beneficial. It helped reinforce the concepts that were being presented."</div>
          <div class="source">- HCD 101 Attendee</div>
        </li>
        <li class="anim3">
          <div class="quote">"The exercises were thought-provoking and easy to apply in day-to-day work tasks."</div>
          <div class="source"></div>
        </li>
        <li class="anim4">
          <div class="quote">"I enjoyed the activities that gave us an opportunity to pilot some of the strategies we were learning."</div>
          <div class="source"></div>
        </li>
        <li class="anim5">
          <div class="quote">"The exercises were thought-provoking and easy to apply in day-to-day work tasks."</div>
          <div class="source"></div>
        </li>
      </ul>
    </div>
  </div>
</div>


...