Page tree

Versions Compared

Key

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

Include Page
Nav-buttons-a-overview
Nav-buttons-a-overview

Human-centered design (HCD) is an intentional process in which the needs, motivations, and limitations of the people using a product or service are considered. The HCD process focuses on user needs and characteristics, usability goals, environment, tasks, and workflow in the design of a product and the services that enable it, like communications and governance.

HCD follows a series of well-defined methods for analysis, design, and evaluation of hardware, software, and web interfaces. The HCD process is iterative, generally predictable, and repeatable. Research, design, and evaluation steps are built in from the first stage of each project, and they continue throughout to implementation.

We've provided a brief overview of the HCD process @ CMS below, but the best way to learn more is to take our "Intro to HCD" course that we regularly offer to customers.

HCD @ CMS

Horizontal Navigation Bar


Horizontal Navigation Bar Page
titleOVERVIEW

The HCD process at CMS is a framework for describing design thinking as a continuous improvement philosophy. While the number and naming of "steps" or "phases" may differ between frameworks, they all focus on customer empathy and engagement as a way to solve the right problem the right way.

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


Horizontal Navigation Bar Page
titleINITIATE


Column
width25%


Column
width25%

The first phase of the HCD process, in which existing data is collected, scope is defined, and a project brief is created.

Key Takeaway: Create a shared understanding of the problem that you’re trying to solve; Who, What, Where, Why and How.


Column
width50%


Panel
borderColor#aab8c6
bgColor#fcfcfc
borderWidth12
borderStylesolid

METHODS

Content by Label
showLabelsfalse
showSpacefalse
sorttitle
excerptTypesimple
cqllabel = "hcd-process-initiate" and space = currentSpace()






Horizontal Navigation Bar Page
titleIMMERSE


Column
width25%


Column
width25%

The second phase of the HCD process, in which a research plan is developed and the team immerses themselves in the customer's experience.

Key Takeaway: Gain empathy by talking to and observing your customers.


Column
width50%


Panel
borderColor#aab8c6
bgColor#fcfcfc
borderWidth1
borderStylesolid

METHODS

Content by Label
showLabelsfalse
showSpacefalse
sorttitle
excerptTypesimple
cqllabel = "hcd-process-immerse" and space = currentSpace()





Horizontal Navigation Bar Page
titleSYNTHESIZE


Column
width25%


Column
width25%

The third phase of the HCD process, in which analysis & interpretation of data occurs, themes, insights and customer pain points are identified.

Key Takeaway: Sense-making by gathering available research / data / information to find themes, organizing into patterns and discovering insights.


Column
width50%


Panel
borderColor#aab8c6
bgColor#fcfcfc
borderWidth1
borderStylesolid

METHODS

Content by Label
showLabelsfalse
showSpacefalse
sorttitle
excerptTypesimple
cqllabel = "hcd-process-synthesize" and space = currentSpace()





Horizontal Navigation Bar Page
titleIDEATE


Column
width25%


Column
width25%

The fourth phase of the HCD process, is to dream up many potential solutions, generating ideas via sketching, and co-designing with users and other stakeholders.

Key Takeaway: Many ideas without limits


Column
width50%


Panel
borderColor#aab8c6
bgColor#fcfcfc
borderWidth1
borderStylesolid

METHODS

Content by Label
showLabelsfalse
showSpacefalse
sorttitle
excerptTypesimple
cqllabel = "hcd-process-ideate" and space = currentSpace()





Horizontal Navigation Bar Page
titlePROTOTYPE


Column
width25%


Column
width25%

The fifth phase of the HCD process, is to create an interactive solution that simulates how things should actually work, to elicit feedback, refine and test.

Key Takeaway: Reduce your ideas to those that are desirable, feasible and viable, and make as interactive as possible so you can get feedback about the experience.


Column
width50%


Panel
borderColor#aab8c6
bgColor#fcfcfc
borderWidth1
borderStylesolid

METHODS

Content by Label
showLabelsfalse
showSpacefalse
sorttitle
excerptTypesimple
cqllabel = "hcd-process-prototype" and space = currentSpace()





Horizontal Navigation Bar Page
titleIMPLEMENT


Column
width25%


Column
width25%

The last phase of the HCD process, is to develop a solution, track metrics, manage and communicate change, improve roll-out.

Key Takeaway: You’re not done! Continue to iterate, refine and enhance based on user feedback and metrics.


Column
width50%


Panel
borderColor#aab8c6
bgColor#fcfcfc
borderWidth1
borderStylesolid

METHODS

Content by Label
showLabelsfalse
showSpacefalse
sorttitle
excerptTypesimple
cqllabel = "hcd-process-implement" and space = currentSpace()








Panel
borderColor#FFF
bgColor#E2F3F2
borderStylesolid

HCD @ CMS is the process we use use to understand the people for whom we are writing policies and creating programs and services. 


Panel
borderColor#E2F3F2
borderWidth2
borderStylesolid

HCD is...

  • the process we use to understand the people for whom we are writing policies and creating programs and services
  • the application of systems and design thinking to identify the cross-functional policy, products, and services that define the customer experience, with the goal of improving this experience.
  • reframing problems and challenging business assumptions by observing and speaking to customers
  • a philosophy that you can effectively meet the needs and goals of your customers by balancing business viability, technical feasibility, and customer desirability

HCD is not...

  • just about a user interface (it's about the experience, which can encompass many digital and non-digital touch points)
  • just about technology (it's about the people)
  • the concern of only one person or group (its a collective responsibility)


Panel
borderColor#E2F3F2
borderWidth2
borderStylesolid


HTML
<iframe width="373" height="210" src="https://www.youtube.com/embed/zOUJxSNLUmQ" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>