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 220

changes.mady.by.user Kyle Bellamy

Saved on

compared with

New Version 221

changes.mady.by.user Kyle Bellamy

Saved on

Key

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



<nav class="aui-navgroup aui-navgroup-horizontal" style="position: absolute;"> <div class="aui-navgroup-inner"> <div class="aui-navgroup-primary"> <div class="aui-nav-heading"></div>   <button class="aui-button aui-button-light"><span class="aui-icon aui-icon-small aui-iconfont-home-filled"></span> Home | </button>     <button class="aui-button aui-button-link aui-dropdown2-trigger" aria-controls="about-dropdown"> About HCD </button> <aui-dropdown-menu id="about-dropdown" aria-controls="about"> <aui-section id="about"> <aui-item-link href="https://qnetconfluence.cms.gov/display/HCD/What+Is+HCD">What is HCD?</aui-item-link> <aui-item-link href="https://qnetconfluence.cms.gov/display/HCD/HCD+Phases">HCD Phases</aui-item-link> </aui-section> </aui-dropdown-menu>   <button class="aui-button aui-button-link aui-dropdown2-trigger" aria-controls="services-dropdown"> How We Can Help </button> <aui-dropdown-menu id="services-dropdown"> <aui-section id="services"> <aui-item-link href="https://qnetconfluence.cms.gov/display/HCD/How+We+Can+Help">What's In it For Me?</aui-item-link> <aui-item-link for="consulting-dropdown">Consulting & Support</aui-item-link> <aui-item-link for="education-dropdown">Education & Outreach</aui-item-link> <aui-item-link for="guidance-dropdown">Guidance & Best Practices</aui-item-link> <aui-item-link for="resources-dropdown">HCD Learning Library</aui-item-link> </aui-section> </aui-dropdown-menu> <aui-dropdown-menu id="consulting-dropdown"> <aui-section> <aui-item-link href="https://qnetconfluence.cms.gov/display/HCD/Coaching">Coaching</aui-item-link> <aui-item-link href="https://qnetconfluence.cms.gov/display/HCD/Support">Research & Design</aui-item-link> </aui-section> </aui-dropdown-menu> <aui-dropdown-menu id="education-dropdown"> <aui-section> <aui-item-link href="https://qnetconfluence.cms.gov/display/HCD/Community">Community of Practice</aui-item-link> <aui-item-link href="https://qnetconfluence.cms.gov/display/HCD/Training">Training</aui-item-link> </aui-section> </aui-dropdown-menu> <aui-dropdown-menu id="guidance-dropdown"> <aui-section> <aui-item-link href="https://qnetconfluence.cms.gov/display/HCD/CMS+Design+System">CMS Design System</aui-item-link> <aui-item-link href="https://qnetconfluence.cms.gov/display/HCD/HCD+Maturity+Model">HCD Maturity Model</aui-item-link> <aui-item-link href="https://qnetconfluence.cms.gov/display/HCD/Measuring+Customer+Satisfaction">Measuring Customer Satisfaction</aui-item-link> <aui-item-link href="https://qnetconfluence.cms.gov/display/HCD/Paperwork+Reduction+Act">Paperwork Reduction Act</aui-item-link> </aui-section> </aui-dropdown-menu>     <aui-dropdown-menu id="resources-dropdown"> <aui-section> <aui-item-link href="https://qnetconfluence.cms.gov/display/HCD/Recommended+Reading">Books, Articles & Podcasts</aui-item-link> <aui-item-link href="https://qnetconfluence.cms.gov/display/HCD/Enterprise+Personas">Enterprise Personas</aui-item-link> <aui-item-link href="https://qnetconfluence.cms.gov/display/HCD/Methods">HCD Methods</aui-item-link> <aui-item-link href="https://qnetconfluence.cms.gov/display/HCD/Videos">Videos</aui-item-link> </aui-section> </aui-dropdown-menu> <button class="aui-button aui-button-link aui-dropdown2-trigger" aria-controls="studies-dropdown"> Case Studies </button> <aui-dropdown-menu id="studies-dropdown" aria-controls="studies"> <aui-section id="studies"> <aui-item-link href="https://qnetconfluence.cms.gov/display/HCD/ESRD+Ecosystem">ESRD Ecosystem</aui-item-link> <aui-item-link href="https://qnetconfluence.cms.gov/display/HCD/HCD+Maturity+Model">HCD Maturity Model</aui-item-link> <aui-item-link href="https://qnetconfluence.cms.gov/display/HCD/Hospital+Quality+Reporting+%28HQR%29+Service+Design">HQR Service Design</aui-item-link> <aui-item-link href="https://qnetconfluence.cms.gov/display/HCD/HQR+Customer+Satisfaction+Survey">HQR Customer Satisfaction</aui-item-link> <aui-item-link href="https://qnetconfluence.cms.gov/display/HCD/Program+Resource+System">Program Resource System</aui-item-link> <aui-item-link href="https://qnetconfluence.cms.gov/display/HCD/QPP+Customer+Satisfaction+Survey">QPP Customer Satisfaction</aui-item-link> <aui-item-link href="https://qnetconfluence.cms.gov/display/HCD/SOG+Travel+Robotic+Processing+Automation">SOG Robotic Processing Automation</aui-item-link> </aui-section> </aui-dropdown-menu> <button class="aui-button aui-button-link aui-dropdown2-trigger" aria-controls="contact-dropdown"> Our Team </button> <aui-dropdown-menu id="contact-dropdown" aria-controls="contact"> <aui-section id="contact"> <aui-item-link href="https://qnetconfluence.cms.gov/display/HCD/Contact+Us">Contact Us</aui-item-link> <aui-item-link href="https://qnetconfluence.cms.gov/pages/viewrecentblogposts.action?key=HCD">HCD Blog</aui-item-link> <aui-item-link href="https://qnetconfluence.cms.gov/display/HCD/Vision">Team Mission & Vision</aui-item-link> </aui-section> </aui-dropdown-menu> </div>   <div class="aui-navgroup-secondary"> <div class="aui-nav-heading"></div> <button class="aui-button aui-dropdown2-trigger" aria-controls="methods-dropdown"><span class="aui-icon aui-icon-small aui-iconfont-configure"></span> HCD Methods </button> <aui-dropdown-menu id="methods-dropdown" aria-controls="right-aligned"> <aui-section id="right-aligned"> <aui-item-link href="https://qnetconfluence.cms.gov/display/HCD/Affinity+Diagram">Affinity Diagram</aui-item-link> <aui-item-link href="https://qnetconfluence.cms.gov/display/HCD/Card+Sorting">Card Sort</aui-item-link> <aui-item-link href="https://qnetconfluence.cms.gov/display/HCD/Change+Management">Change Management</aui-item-link> <aui-item-link href="https://qnetconfluence.cms.gov/display/HCD/Collaborative+Sketching">Collaborative Sketching</aui-item-link> <aui-item-link href="https://qnetconfluence.cms.gov/display/HCD/Content+Audit">Content Audit</aui-item-link> <aui-item-link href="https://qnetconfluence.cms.gov/display/HCD/Content+Inventory">Content Inventory</aui-item-link> <aui-item-link href="https://qnetconfluence.cms.gov/display/HCD/Contextual+Inquiry">Contextual Inquiry</aui-item-link> <aui-item-link href="https://qnetconfluence.cms.gov/display/HCD/Conversation+Guide">Conversation Guide</aui-item-link> <aui-item-link href="https://qnetconfluence.cms.gov/display/HCD/Design+a+Superhero">Design a Superhero</aui-item-link> <aui-item-link href="https://qnetconfluence.cms.gov/display/HCD/Developing+a+UX+Measurement+Plan">Develop a UX Measurement Plan</aui-item-link> <aui-item-link href="https://qnetconfluence.cms.gov/display/HCD/Diary+Studies">Diary Study</aui-item-link> <aui-item-link href="https://qnetconfluence.cms.gov/display/HCD/Empathy+Maps">Empathy Map</aui-item-link> <aui-item-link href="https://qnetconfluence.cms.gov/display/HCD/Feedback+Loop">Feedback Loop</aui-item-link> <aui-item-link href="https://qnetconfluence.cms.gov/display/HCD/Gemba+Walk">Gemba Walk</aui-item-link> <aui-item-link href="https://qnetconfluence.cms.gov/display/HCD/Heuristic+Evaluation">Heuristic Evaluation</aui-item-link> <aui-item-link href="https://qnetconfluence.cms.gov/display/HCD/How+Might+We">How Might We?</aui-item-link> <aui-item-link href="https://qnetconfluence.cms.gov/display/HCD/Interviews">Interview</aui-item-link> <aui-item-link href="https://qnetconfluence.cms.gov/display/HCD/Journey+Mapping">Journey Map</aui-item-link> <aui-item-link href="https://qnetconfluence.cms.gov/display/HCD/Kano+Analysis">Kano Analysis</aui-item-link> <aui-item-link href="https://qnetconfluence.cms.gov/display/HCD/Key+Performance+Indicators">Key Performance Indicators</aui-item-link> <aui-item-link href="https://qnetconfluence.cms.gov/display/HCD/Mash-up">Mash-up</aui-item-link> <aui-item-link href="https://qnetconfluence.cms.gov/display/HCD/Mind-Mapping">Mind Map</aui-item-link> <aui-item-link href="https://qnetconfluence.cms.gov/display/HCD/Personas">Persona</aui-item-link> <aui-item-link href="https://qnetconfluence.cms.gov/display/HCD/Problem+Statement">Problem Statement</aui-item-link> <aui-item-link href="https://qnetconfluence.cms.gov/display/HCD/Product+Prototype">Product Prototype</aui-item-link> <aui-item-link href="https://qnetconfluence.cms.gov/display/HCD/Project+Design+Brief">Project Brief</aui-item-link> <aui-item-link href="https://qnetconfluence.cms.gov/display/HCD/Responsive+Breakpoint+Diagram">Responsive Breakpoint Diagram</aui-item-link> <aui-item-link href="https://qnetconfluence.cms.gov/display/HCD/Service+Blueprinting">Service Blueprinting</aui-item-link> <aui-item-link href="https://qnetconfluence.cms.gov/display/HCD/Service+Prototype">Service Prototype</aui-item-link> <aui-item-link href="https://qnetconfluence.cms.gov/display/HCD/Sitemap+Diagram">Sitemap Diagram</aui-item-link> <aui-item-link href="https://qnetconfluence.cms.gov/display/HCD/Stakeholder+Mapping">Stakeholder Map</aui-item-link> <aui-item-link href="https://qnetconfluence.cms.gov/display/HCD/Storyboarding">Storyboard</aui-item-link> <aui-item-link href="https://qnetconfluence.cms.gov/display/HCD/Survey">Survey</aui-item-link> <aui-item-link href="https://qnetconfluence.cms.gov/display/HCD/Tree+Testing">Tree Test</aui-item-link> <aui-item-link href="https://qnetconfluence.cms.gov/display/HCD/Usability+Indicators+for+Site+Analytics">Usability Indicators for Site Analytics</aui-item-link> <aui-item-link href="https://qnetconfluence.cms.gov/display/HCD/Usability+Testing">Usability Test</aui-item-link> <aui-item-link href="https://qnetconfluence.cms.gov/display/HCD/User+Research+Plan">User Research Plan</aui-item-link> </aui-section> <aui-section id="methods-all"> <aui-item-link href="https://qnetconfluence.cms.gov/display/HCD/Methods">View All</aui-item-link> </aui-section> </aui-dropdown-menu> </div> </div> </nav>

Center

Include Page
Nav-buttons-a-home
Nav-buttons-a-home

HTML

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

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

<div class="thumbs">
<img style="width: 150px;" src="https://qnetconfluence.cms.gov/download/thumbnails/510799656/onboarding.png?version=1&modificationDate=1701976199120&api=v2">
<img  style="width: 150px;" src="https://qnetconfluence.cms.gov/download/thumbnails/510799656/Training.png?version=1&modificationDate=1701976199188&api=v2">
<img  style="width: 150px;" src="https://qnetconfluence.cms.gov/download/thumbnails/510799656/services.png?version=1&modificationDate=1701976199154&api=v2">
<img  style="width: 150px;" src="https://qnetconfluence.cms.gov/download/thumbnails/510799656/BestP.png?version=1&modificationDate=1701976199000&api=v2">
<span class="stretch"></span> </div>


...