Human-Centered Design

Page tree

Versions Compared

Old Version 5

changes.mady.by.user Kyle Bellamy

Saved on

compared with

New Version Current

changes.mady.by.user Robert Fay

Saved on

Key

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



Div
CSS Stylesheet
importhttps://qnetconfluence.cms.gov/download/attachments/510799656/hover.css?api=v2
 Include Page
Nav-buttons-g-contact
Nav-buttons-g-contact


 Center

 HTML
<style>
#thumbs {   
    width: 540px;
    margin-top:90px;
    margin-left: auto; 
    margin-right: auto;
margin-bottom: 20px;

     text-align: justify;
    -ms-text-justify: distribute-all-lines;
    text-justify: distribute-all-lines;
}
#thumbs a {
    vertical-align: top;
    display: inline-block;
    *display: inline;
	COLOr: TEAL:
    zoom: 1;
}
.stretch {
    width: 100%;
    display: inline-block;
    font-size: 0;
    line-height: 0
}

.responsive {
  max-width: 100%;
  height: auto;
} 

#myelement { visibility: visible); }

@media (max-width: 800px) {
    #myelement { visibility: hidden; }
}

a {color: teal;}

table {
  width: 100%;
} 

 a:link {color: teal;'}
a:hover {color: teal:}
a:visited {color: teal;}
a:active {color: teal}  </style>

<img class="responsive" src="https://qnetconfluence.cms.gov/download/attachments/510799656/BANNER.jpg?version=1&modificationDate=1702566805361&api=v2">

<div class="thumbs">
<a href="https://qnetconfluence.cms.gov/display/HCD/Our+Services" class="hvr-underline-from-center myelement"><img style="max-width: 200px; " src="https://qnetconfluence.cms.gov/download/attachments/510799656/services.png?api=v2"></a>
<a href="https://qnetconfluence.cms.gov/display/HCD/Training" class="hvr-underline-from-center"><img  style="max-width: 200px;" src="https://qnetconfluence.cms.gov/download/attachments/510799656/Training.png?api=v2"></a> 
 
<a href="https://qnetconfluence.cms.gov/display/HCD/HCD+Playbook" class="hvr-underline-from-center"><img  style="max-width: 200px; " src="https://qnetconfluence.cms.gov/download/attachments/510799656/BestP.png?api=v2"></a>  <a href="https://qnetconfluence.cms.gov/display/HCD/Contact+Us" class="hvr-underline-from-center"><img  style="max-width: 160px; margin-right: 30px; 
width: 80%; margin: 0 auto; <style>
#parent {
  display: flex;
 
}

hr {background-color: grey;
}

#middle {
width:1px;
background-color: grey;
   }
#narrow {
  width: 300px;      
  }
#wide {
  flex: 1;
margin-left: 20px;
  /* Grow to rest of container */

}
.buttonColor1 {
background-color: #008989 !important;
text-align: right;
} 
.fontColor1 {
color: #008989;
}

.panelGrey {
background-color: #ECEDED; }
</style>

<div id="parent">
  <div id="narrow" sty;e="border: 1px solid !important; "><h2 style="color: #008989; "><strong>Training & Events</strong></h2>
<ul style="padding-top:6px;">
<li><strong>Survey Training</strong> - 01/14/24</li>
<li><strong>Community of Practice</strong> - 01 21/24</li>
<li><strong>HCD 101</strong> - 2/5/24</li>
<li><strong>Kyle's Birthday</strong> - 2/11/24</li>
<li><strong>Survey Training</strong> - 2/28/24</li>
</ul>
</div>
  <div id="middle">&nbsp;</div>
  <div id="wide"><h2 style="color: #008989"><strong>Latest from the Blog</strong></h2>
<ul style="list-style-type:none; padding-left: 0;">
  <li><h3><strong>Human-Centered AI: 5 HCD Principles for Developing AI</strong></h3></li>
  <li><img style="float: left; width: 150px; margin-right:10px; margin-bottom: 30px;
" src="https://qnetconfluence.cms.gov/download/attachments/
481630034/human-centered_AI
510799656/contact.png?
version=1&modificationDate=1696276155889&
api=v2
&effects=border-simple,blur-border">
In recent years, Artificial Intelligence (AI) has transcended the realms of science fiction to become an integral part of our daily lives. From recommending the next song on your playlist to predicting global financial markets, AI's capabilities are vast, varied, and truly transformative. As with any disruptive technology, the potential of AI is unparalleled, promising solutions to some of the most pressing challenges we face today in healthcare. </li>
</ul>   
</div>
</div><br>
"></a>
 <span class="stretch"></span> </div>
 Panel
bgColorffffff
borderWidth0
 Div
styleborder:2px solid lightgrey; padding: 10px; border-radius: 25px;
Image RemovedDue to a surge in the use of the CCSQ PRA Generic Clearance, a mechanism to expedite the Paperwork Reduction Act coverage for HCD research, our team has partnered with CMS to renew the clearance and expand its capacity for years to come.
 Button Hyperlink
titleLearn More
typeprimary
classbuttonColor1
url#
 HTML


 Div
stylewidth: 80%; margin: 0 auto;
Meet Our Team
 Span
stylecolor: #008989 !important; font-weight: bold; margin-top;; 0px !important;
classfontColor1
 Div
styledisplay: flex; margin-bottom: 30px;classborder:0px solid lightgrey; padding-left: 10px; padding-right: 10px; padding-bottom: 20px; padding-top: 0px; border-radius: 25px; min-width: 800px;

divpadding 15px; border-radius: 25pxpadding: 15px
 Center

 HTML Table
style
border: 
0px;

 Table Row (tr)

 Table Cell (td)
Image Added

 Table Cell (td)
styletext-align: left;
class
panelGrey
The HCD CoE is an organization that impacts the way the Center for Clinical Standards and Quality (CCSQ) delivers policy, products and services to its customers.  Through the provision of education, support and resources, we will promote the continued implementation and usage of HCD best practices and seek to fulfill the charge of OMB Circular A-11 Section 280 (i.e., “Managing Customer Experience and Service Delivery”).
Does your team regularly involve your customers? Do you want to learn more about how to integrate design thinking as a continuous improvement practice on your team?
 Button Hyperlink
titleLearn More
typeprimary
classbuttonColor1
url#
 Div
style
links
BRANDY BARNETTE
ISG HCD Strategy Lead
brandy.barnette@cms.hhs.gov

 Table Cell (td)
stylewidth: 200px;


 Table Cell (td)
Image Added

 Table Cell (td)
styletext-align: left;
ROB FAY
Lead Design Strategist
rfay@tantustech.com


 Table Row (tr)

 Table Cell (td)
Image Added

 Table Cell (td)
styletext-align: left;
CHELSEA BRIGG
Research Operations Lead
cbrigg@tantustech.com

 Table Cell (td)


 Table Cell (td)
Image Added

 Table Cell (td)
styletext-align: left;
MEAGHAN HUDAK
Communications Specialist
mhudak@tantustech.com


 Table Row (tr)

 Table Cell (td)
Image Added

 Table Cell (td)
styletext-align: left;
HOWARD MONTGOMERY
Senior Design Strategist
hmontgomery@tantustech.com

 Table Cell (td)


 Table Cell (td)
Image Added

 Table Cell (td)
styletext-align: left;
NIA YOUNG
Product/Program Analyst
nyoung@tantustech.com


 Table Row (tr)

 Table Cell (td)
Image Added

 Table Cell (td)
styletext-align: left;
Corey Deahl
Senior Design Strategist
cdeahl@tantustech.com

 Table Cell (td)


 Table Cell (td)


 Table Cell (td)






Meet Our Team
 
 Span
stylecolor: #008989 !important; font-weight: bold; margin-top;; 0px !important;
classfontColor1
Contact Us
 
 Div
styleborder:2px solid #009999; border-radius: 25px; 
classpanelGrey
Image Removed
 Div
classfontColor1
 Div
stylefloat:left; margin-bottom: 20px; margin-right: 20px;
Image Removed
“Design can be art. Design can be aesthetics. Design is so simple, that’s why it is so complicated.”
-Paul Rand
Background-color: #E2F3F2
 
 HTML Table
 
 Table Row (tr)

 Table Cell (td)
stylewidth:101px; vertical-align: middle;
Image Added
 
 Table Cell (td)
stylevertical-align: middle;
classthumbs
QualityNet Slack: #hcd-share and #help-hcd
Email Lists: Sign up here  
 
 Table Cell (td)
stylepadding-left: 20px;
General CoE News: "CCSQ HCD CoE News" 
Community of Practice Emails: "CCSQ HCD-CoP Notify"

 Table Cell (td)
stylepadding-right: 20px;
 Include Page
Intake
Intake



  


 Span
stylecolor: #008989 !important; font-weight: bold; margin-top;; 0px !important;
classfontColor1
Our Mission
Our mission is to inspire CCSQ employees and contractors to gain ongoing consumer understanding to innovatively create and improve consumer experiences (products, services, and policies). To achieve this, we will empower CMS stakeholders to innovate by providing consumer-first and design-thinking strategies and solutions.
 Span
stylecolor: #008989 !important; font-weight: bold; margin-top;; 0px !important;
classfontColor1
Our Vision 
Our vision is for CCSQ to be CMS' most consumer-focused Center; that all employees and contractor-partners will frequently engage with consumers to gain empathy for and to subsequently inform each product, service, program, and policy business decision.