Page tree

Versions Compared

Key

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

Include Page
Nav-buttons-

a

b-

overview

about
Nav-buttons

-a-overview

-b-about

Div


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


Include Page
video-cat
video-cat


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 Our team has defined 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. 

Image Removed

Horizontal Navigation Bar Page
titleINITIATE
Column

Image Removed

Column

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 Panel
borderColor#aab8c6
bgColor#fcfcfc
borderWidth1
borderStylesolid

METHODS

Content by Label
showLabelsfalse
showSpacefalse
sorttitle
excerptTypesimple
cqllabel = "hcd-process-initiate" and space = currentSpace()
Horizontal Navigation Bar Page
titleIMMERSE
Column

Image Removed

Column

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 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

Image Removed

ColumnThe 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


Panel
borderColor
#aab8c6bgColor#fcfcfcborderWidth1borderStylesolid

METHODS

Content by LabelshowLabelsfalseshowSpacefalsesorttitleexcerptTypesimple
cqllabel = "hcd-process-synthesize" and space = currentSpace() Horizontal Navigation Bar Page
titleIDEATE
Column

Image Removed

Column

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 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

Image Removed

Column

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 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

Image Removed

Column

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 Panel
borderColor#aab8c6
bgColor#fcfcfc
borderWidth1
borderStylesolid

METHODS

Content by Label
showLabelsfalse
showSpacefalse
sorttitle
excerptTypesimple
cqllabel = "hcd-process-implement" and space = currentSpace()
solid
Panel
borderColor#FFF
bgColor#E2F3F2
borderStylesolid
borderColor#E2F3F2
borderWidth2
borderStyle
HCD @

HCD @ CMS is the process we

use use

use use to understand the people for whom we are writing policies and creating or improving programs, products and services. 

Panel





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>