61
Sept. 28 2016 Human-Centered Design Methods & Tools Workshop

Human-Centered Design Methods & Tools

Embed Size (px)

Citation preview

Page 1: Human-Centered Design Methods & Tools

Sept. 28 2016

Human-Centered Design Methods & Tools Workshop

Page 2: Human-Centered Design Methods & Tools

Morgan NoelDirector, Methodology@moxmas

Jake TruemperDirector, Experience Design

@trump29

Page 3: Human-Centered Design Methods & Tools

WTF is HCD?

Page 4: Human-Centered Design Methods & Tools

Human Centered Design focuses on understanding the entire experience of a customer, employee or partner.

Page 5: Human-Centered Design Methods & Tools

Consider the experience of going to a Cardinals baseball game...

Page 6: Human-Centered Design Methods & Tools

Decide to go to a game

Page 7: Human-Centered Design Methods & Tools

Explore seats, price options - then purchase

Page 8: Human-Centered Design Methods & Tools

Drive to Busch Stadium on game day

Page 9: Human-Centered Design Methods & Tools

Park and make your way to your seats

Page 10: Human-Centered Design Methods & Tools

Purchase food & beverages

Page 11: Human-Centered Design Methods & Tools

No, we said BEVERAGES

Page 12: Human-Centered Design Methods & Tools

Enjoy the game!

Page 13: Human-Centered Design Methods & Tools

(Especially if the Cubs win)

Page 14: Human-Centered Design Methods & Tools

What were all the points of interaction with “things” (people, processes, tools, technology)

inside and outside of the Cardinals’ control?

Page 15: Human-Centered Design Methods & Tools

The “things” that are in their control need to be designed.

If not, it is difficult and costly to change once in “production” Includes the tools and processes for employees and partners to deliver a satisfying experience

Page 16: Human-Centered Design Methods & Tools

So ask yourself three Human Centered Questions...

Page 17: Human-Centered Design Methods & Tools

Do you understand the needs of the people you are designing for?

Do you understand how those people interact with your business?

Is your team aligned on the highest priority experiences to design?

HCQ1

HCQ2

HCQ3

Page 18: Human-Centered Design Methods & Tools

Sounds simple, but for many organizations this is a massive dynamic shift from inside-out, to outside-in.

Page 19: Human-Centered Design Methods & Tools

Customer

Business

Inside-out… not Human Centered

Page 20: Human-Centered Design Methods & Tools

Customer

Business

Outside-in… Human Centered

… but there are more humans involved... Including your workforce, and distribution channel partners

Page 21: Human-Centered Design Methods & Tools

Lets walk through a recent real world example

Page 22: Human-Centered Design Methods & Tools
Page 23: Human-Centered Design Methods & Tools

HCD Methods & Tools

Page 24: Human-Centered Design Methods & Tools

HCD Framework

Ideation & Concepting

Alignment & Strategy

Definition

Research & Insight

Iterate:Build, Measure,

Learn

Page 25: Human-Centered Design Methods & Tools

Research

Insight Modeling

Research & Insight

Page 26: Human-Centered Design Methods & Tools

Research

● Customer & Stakeholder Interviews

● Surveys● Field Research● Experience Testing● Data and Analytics● Research Providers● Research Services

& Tools

Model

● Empathy Maps● Personas● Mental Models● Journey Maps● Experience Strategy

Maps● Service Blueprints● Touchpoint Maps

Research & Insight

Page 27: Human-Centered Design Methods & Tools

Empathy Maps

Page 28: Human-Centered Design Methods & Tools

Empathy MapsWhat are they?

A collaborative tool for building empathy with an intended audience.

Page 29: Human-Centered Design Methods & Tools

THINK AND FEEL?What does he/she

what really counts

major preoccupations

worries & aspirations

SEE?What does he/she

environment

friends

what the market offers

SAY AND DO?What does he/she

attitude in public

appearance

behavior towards others

HEAR?What does he/she

what friends say

what family says

what influencers say

PAINfears, frustrations, obstacles

GAINwants, needs

Page 30: Human-Centered Design Methods & Tools

Empathy Maps can lead to Personas...

Page 31: Human-Centered Design Methods & Tools

THINK AND FEEL?What does he/she

SEE?What does he/she

SAY AND DO?What does he/she

HEAR?What does he/she

PAIN GAIN

What do you think were some of the key PAINS and GAINS for potential Parkway Spark! students?

Page 32: Human-Centered Design Methods & Tools

THINK AND FEEL?What does he/she

SEE?What does he/she

SAY AND DO?What does he/she

HEAR?What does he/she

PAIN GAIN“Do I need a car? Do I have to buy new clothes?”

“I learned that it was okay to fail, that you just keep trying.”

“I get out of normal school.”

Page 34: Human-Centered Design Methods & Tools

Align on Direction

Ideate Solutions

Alignment & Strategy

Definition

Page 35: Human-Centered Design Methods & Tools

Alignment● Models & Maps

○ Mental Models○ Journey Maps○ Experience

Strategy Maps● Identify Priorities

(“Areas of Focus”)○ Scoring○ Voting

Ideation

● Hypothesis Statements

● Initial ideation

Alignment & Strategy

Definition

Page 36: Human-Centered Design Methods & Tools

Experience Models & Maps

Page 37: Human-Centered Design Methods & Tools

What are they?Experience Models and Maps are all methods to show people in the context of how they interact with your business.

They come in many different flavors, like:- Mental Models- Journey Maps- Service Design Blueprints

Experience Models & Maps

Page 38: Human-Centered Design Methods & Tools

We like to combine them together...

Page 39: Human-Centered Design Methods & Tools

Experience Strategy

Map

Priority Experience

Page 40: Human-Centered Design Methods & Tools

Experience Strategy

Map

Mental Model

Journey Map with “Friction”

Supporting Systems & Capabilities

All

peop

le in

volv

ed

Page 41: Human-Centered Design Methods & Tools

DISCOVER EVALUATE APPLY SPARK! SHOW

Students

Parents

People

SUPPORT

Tools & Content

What do you think were identified as the PRIORITIES on the Parkway Spark! Experience Map?

Page 42: Human-Centered Design Methods & Tools

DISCOVER EVALUATE APPLY SPARK! SHOW

Students

Parents

People

SUPPORT

Tools & Content

“This is just for smart kids.”

“How am I graded? What does this do for my chances of getting into the college I want?”

Page 43: Human-Centered Design Methods & Tools

Hypothesis Statements

Page 44: Human-Centered Design Methods & Tools

What are they?

Structured statements that finalize strategy alignment, and set the goal posts for product/service design.

Hypothesis Statements

Page 45: Human-Centered Design Methods & Tools

We believe that doing/making/changing/etc.

For people involved, customers, workforce, distributors, etc.

Will achieve new attitude or behavior

Page 46: Human-Centered Design Methods & Tools

We believe that Creating a framework for measuring, tracking and reporting on tangible and intangible benefits of being in the Spark! program

Forall constituents (parents, students, even skeptics)

Will achievea successful platform for sustainable growth and development.

Page 47: Human-Centered Design Methods & Tools

Ideation & Concepting

To-Be Experience

Strategy

Detail Solutions & Battle Test

Solution Ideation (Visualization, Concepting &

Prototyping)

Page 48: Human-Centered Design Methods & Tools

● Co-Design Workshops

● Develop “Minimum Viable Concepts”

● To-Be Experience Models

● Narratives● Storyboards● Prototypes

Ideation & Concepting

Page 49: Human-Centered Design Methods & Tools

Co-Design Workshops

Page 50: Human-Centered Design Methods & Tools

Co-Design What are they?

Collaborative design sessions with the design team, and the key audiences impacted in the future state (stakeholders, workforce, customers)

Page 51: Human-Centered Design Methods & Tools

Co-Design Workshops

Page 53: Human-Centered Design Methods & Tools

Conceptual Designs What are they?

Raw, high level sketches -- just enough to communicate an idea for someone else to understand.

Page 54: Human-Centered Design Methods & Tools

Conceptual Designs

Page 56: Human-Centered Design Methods & Tools

And then you go build something...

Page 57: Human-Centered Design Methods & Tools

Tech Development

User Experience

Design

Experience Development

Feature Development & Prioritization

Increment Tests/Validation

Product Backlog Sprint

Backlog

Technology Architecture

Design

Operations Setup & Support

Iteration: Build, Measure, Learn

Page 58: Human-Centered Design Methods & Tools

● Concepts & Prototypes● Wireframes● Creative/Visual

Designs

● Measurement Blueprints

● User Interface Development

● IT Development● Operational

Implementation

Iteration: Build, Measure, Learn

Page 59: Human-Centered Design Methods & Tools

That can include digital experiences...

Page 60: Human-Centered Design Methods & Tools

Or physical ones!

Page 61: Human-Centered Design Methods & Tools