Human-Centered Design

Page tree

Versions Compared

Old Version 8

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.

...

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


home
 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/onboardingBestP.png?api=v2"></a> 
 <a href="#https://qnetconfluence.cms.gov/display/HCD/Contact+Us" class="hvr-underline-from-center"><img  style="max-width: 200px160px; margin-right: 30px; " src="https://qnetconfluence.cms.gov/download/attachments/510799656/BestPcontact.png?api=v2"></a>
 <span class="stretch"></span> </div>

...
 Div
stylewidth: 80%; margin: 0 auto;
 Panelspan
stylecolor: #008989 !important; font-weight: bold; margin-top;; 0px !important;
classfontColor1
bgColorffffff
borderWidth0
<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.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>
 Div
styleborder:2px 0px solid lightgrey; padding-left: 10px; borderpadding-radiusright: 25px;
tesat
 HTML
10px; padding-bottom: 20px; padding-top: 0px; border-radius: 25px; min-width: 800px;

 Center

 HTML Table
styleborder: 0px;

 Table Row (tr)

 Table Cell (td)
Image Added

 Table Cell (td)
styletext-align: left;
classlinks
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
 Meet Our Team
 Span
stylecolor: #008989 !important; font-weight: bold; margin-top;; 0px !important;
classfontColor1
Contact Us
 display flex marginbottom
 Div
style
border:
2px solid #009999; 
border-
radius: 25px; Background-color: #E2F3F2
  30px;
 HTML Table
 
 Table Row (tr)

 Table Cell (td)
stylewidth:101px; vertical-align: middle;
Image Added
 
 Table Cell (td)
stylevertical-align: middle
classborder-radius: 25px;
padding: 15px; border-radius: 25px
 Div
style
;
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
stylepadding: 15px; 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
thumbs
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.