You are on page 1of 77

Presented by

PURPOSE
The goal of this workshop is to
introduce you to the Mindsets and
Methods of human-centered design
through hands-on experience.

INTRODUCTION TO HUMAN-CENTERED DESIGN WORKSHOP 2


WHAT YOU WILL LEARN
An overview of the Mindsets and Methods of human-centered design
Hands-on practice getting inspiration from real people
Making sense of real-world interviews and observations
Brainstorming lots of potential solutions
Building and testing tangible ideas through rapid prototyping,
and getting feedback from people out in the world
How you can continue to build your human-centered design skills

INTRODUCTION TO HUMAN-CENTERED DESIGN WORKSHOP 3


WHAT YOU WILL NOT LEARN
This is an accelerated process, and not a full end-to-end
design project. This workshop is only intended to give learners an
introduction to human-centered design.
This is not an IDEO.orgor IDEOendorsed workshop. The materials
from this workshop are provided for public use through the Design
Kit platform which encourages everyone to learn human-centered
design and apply it to some of the worlds biggest problems.
This one workshop will not make you an expert human-centered
designer. That takes practice, time, impact, and ongoing learning.
But this is a great start!

INTRODUCTION TO HUMAN-CENTERED DESIGN WORKSHOP 4


ACTIVITY

INTRODUCTIONS
Whos in the room?

INTRODUCTION TO HUMAN-CENTERED DESIGN WORKSHOP 5


WORKSHOP AGENDA
01 03
WHAT IS HUMAN-CENTERED IDEATION
DESIGN? Synthesis
Brainstorming

02 Prototyping
Field-Testing
INSPIRATION Prototype Share Out
Frame Your Design Challenge
Research
Create a Plan
Field Research
04
IMPLEMENTATION AND DEBRIEF
Implementation
Debrief and Reections

INTRODUCTION TO HUMAN-CENTERED DESIGN WORKSHOP 6


QUESTIONS AND RISK-TAKING
ARE HIGHLY ENCOURAGED!

INTRODUCTION TO HUMAN-CENTERED DESIGN WORKSHOP 7


WHAT IS
HUMAN-CENTERED DESIGN?

INTRODUCTION TO HUMAN-CENTERED DESIGN WORKSHOP 8


designkit.org/human-centered-design

INTRODUCTION TO HUMAN-CENTERED DESIGN WORKSHOP 9


VIABLE
Business
Start here

DESIRABLE
Human

FEASIBLE
Technology

INTRODUCTION TO HUMAN-CENTERED DESIGN WORKSHOP 10


THE MINDSETS
1. Creative Condence
2. Empathy
3. Embrace Ambiguity
4. Make It
5. Learn From Failure
6. Iterate, Iterate, Iterate
7. Optimism
designkit.org/mindsets

INTRODUCTION TO HUMAN-CENTERED DESIGN WORKSHOP 11


THE METHODS
INSPIRATION
In this phase, youll learn how to better
understand people. Youll observe their lives,
hear their hopes and desires, and get smart
on your challenge.

IDEATION
Here youll make sense of everything that
youve heard, generate tons of ideas, identify
opportunities for design, and test and rene
your solutions.
designkit.org/methods

IMPLEMENTATION
Now is your chance to bring your solution to
life. Youll gure out how to get your idea to
market and how to maximize its impact in
the world.

INTRODUCTION TO HUMAN-CENTERED DESIGN WORKSHOP 12


INTRODUCTION TO HUMAN-CENTERED DESIGN WORKSHOP 13
INTRODUCTION TO HUMAN-CENTERED DESIGN WORKSHOP
INSPIRATION

INTRODUCTION TO HUMAN-CENTERED DESIGN WORKSHOP 15


Frame Your Design Challenge
Research
People, Experts, Immersions,

Analogous Inspiration
Extremes and Mainstreams
Interview Techniques

Create a Plan
Field Research

INTRODUCTION TO HUMAN-CENTERED DESIGN WORKSHOP 16


INSPIRATION
In the Inspiration phase, youll explore
different ways to UNDERSTAND PEOPLE.
Youll observe and ask about their hopes,
needs, feelings, and desires, all of which
will INSPIRE IDEAS THAT IMPROVE LIVES.

INTRODUCTION TO HUMAN-CENTERED DESIGN WORKSHOP 17


FRAME YOUR DESIGN CHALLENGE
z
OUR DESIGN CHALLENGE
How might we improve health in everyday life?

INTRODUCTION TO HUMAN-CENTERED DESIGN WORKSHOP 19


RESEARCH
WHERE TO LOOK FOR INSPIRATION

People Experts

Analogous
Immersion
Inspiration

INTRODUCTION TO HUMAN-CENTERED DESIGN WORKSHOP 21


WHO TO LEARN FROM
Extremes and Mainstreams
Designing a solution that will work for
everyone means talking to both extreme
users and those squarely in the middle
of your target audience.

INTRODUCTION TO HUMAN-CENTERED DESIGN WORKSHOP 22


WHAT TO CONSIDER AS YOU LEARN
Understanding the Whole Person
Listen for clues that point to a persons
values, needs, desires, and aspirations. How
do they spend their time and/or money?
Remember that they are the experts on their
own lives. Just listen and learn.

Understanding Context
Engaging people in their homes or natural
surroundings gives us a better understanding
of who they are, where they come
from, and what challenges, work-arounds,
and opportunities they face every day.

INTRODUCTION TO HUMAN-CENTERED DESIGN WORKSHOP 23


ACTIVITY

LETS TAKE A LOOK AT A


TRADITIONAL INTERVIEWING APPROACH

ASK YOUR NEIGHBOR:



WHAT GETS IN THE WAY OF
YOU BEING HEALTHY?

INTRODUCTION TO HUMAN-CENTERED DESIGN WORKSHOP 24


ACTIVITY

NOW, DIG DEEPER WITH THESE TECHNIQUES

5 Whys Draw It Show Me Tell a Story


Q: What gets in the way of Draw a picture of what Can you show me Tell me about a
you being healthy? makes you feel healthy something that makes time when you felt
A: I dont have enough time. on the top of the paper, you feel healthy or really supported or
Q1: Why?
and draw what makes unhealthy? Tell me unsupported in
A: With work and family, its
not a priority.
you feel unhealthy on about it. being healthy.
Q2: Why is it not a priority? the bottom. Tell me
A: Because it doesnt feel urgent about what you drew.
like other things.
Q3: Why do those other things
seems more urgent?
A: Theyre the things that are in my
face each day and easy to see.

INTRODUCTION TO HUMAN-CENTERED DESIGN WORKSHOP 25


CREATE A PLAN
z
OUR DESIGN CHALLENGE
How might we improve health in everyday life?

INTRODUCTION TO HUMAN-CENTERED DESIGN WORKSHOP 27


ACTIVITY

PLAN YOUR RESEARCH


How might we improve health
in everyday life?
1. Break up into teams.
2. Use the Plan Your Research
worksheet to identify:
Who you might talk with.
Where you might go.
What questions you might ask.

3. Practice introducing yourselves


and asking questions, if helpful.

INTRODUCTION TO HUMAN-CENTERED DESIGN WORKSHOP 28


TIPS FOR THE FIELD
Be proactive.
Introduce yourself and ease
into conversation.
Respect their expertise.
Capture what you learn.
Ask before taking photos.

INTRODUCTION TO HUMAN-CENTERED DESIGN WORKSHOP 29


ACTIVITY

ASSIGN ROLES ON YOUR TEAM


Rotate these roles with each new interview
so you can try them all!

Person Leading the Interview Person Focused on Person Focused on


Documenting Taking Notes

INTRODUCTION TO HUMAN-CENTERED DESIGN WORKSHOP 30


FIELD RESEARCH
ACTIVITY

NOW GO GET INSPIRED!

INTRODUCTION TO HUMAN-CENTERED DESIGN WORKSHOP 32


WELCOME BACK!

INTRODUCTION TO HUMAN-CENTERED DESIGN WORKSHOP 33


IDEATION

INTRODUCTION TO HUMAN-CENTERED DESIGN WORKSHOP 34


Synthesis Prototyping
Download Your Learnings Storyboard
Find Themes and Insights Rapid Prototyping
CraftHow Might We Test and
Questions Get Feedback
Brainstorming Integrate Feedback
Brainstorming Rules and Iterate
Top Ideas

INTRODUCTION TO HUMAN-CENTERED DESIGN WORKSHOP 35


SYNTHESIS
SYNTHESIS
Synthesis means MAKING SENSE
out of what we see and hear to
uncover opportunities for design.

INTRODUCTION TO HUMAN-CENTERED DESIGN WORKSHOP 37


STEPS OF SYNTHESIS

1 2 3

Download Your Learnings Find Themes and Insights Craft How Might We
Questions

INTRODUCTION TO HUMAN-CENTERED DESIGN WORKSHOP 38


ACTIVITY

DOWNLOAD YOUR
LEARNINGS
1. Grab some Post-its and a marker.
2. Write the name of the person you talked
with at the top of a board, ip chart
paper, or wall space.
3. Jot down memorable quotes and
observations on your own.
4. Share these Post-it learnings with your
team for each interview.
5. If you talked to more than one person,
divvy up your time and prioritize who
you discuss rst and for how long.

INTRODUCTION TO HUMAN-CENTERED DESIGN WORKSHOP 39


ACTIVITY

FIND THEMES
AND INSIGHTS
1. Group your Post-its into related
themes.
2. Name each cluster, write the
name on a Post-it, and place
above the cluster.
3. As you start to see whats
important or interesting about
these clusters, capture these
insights on Post-its and place
them near the themes.

INTRODUCTION TO HUMAN-CENTERED DESIGN WORKSHOP 40


ACTIVITY

CRAFT HOW MIGHT WE


QUESTIONS
1. Start by selecting one of your most
interesting insights or needs.
2. Turn this into a design question using
How Might We? Stay afrmative
and aspirational. Focus on where you
want to be, not what you want to avoid.

INTRODUCTION TO HUMAN-CENTERED DESIGN WORKSHOP 41


ACTIVITY

CRAFT HOW MIGHT WE


QUESTIONS (continued)
3. Generate more questions based
on key insights. Explore additional
related questions by asking
Too broad to
Why? (to broaden) and Whats Too narrow to focus your ideas
generate
stopping you? (to narrow). lots of ideas

4. Then pick 1-3 HMWs that are


at just the right level that you can
brainstorm with, neither too
broad nor too narrow!

INTRODUCTION TO HUMAN-CENTERED DESIGN WORKSHOP 42


BREAK

INTRODUCTION TO HUMAN-CENTERED DESIGN WORKSHOP 43


BRAINSTORMING
BRAINSTORMING RULES

INTRODUCTION TO HUMAN-CENTERED DESIGN WORKSHOP 45


1. DEFER JUDGEMENT

INTRODUCTION TO HUMAN-CENTERED DESIGN WORKSHOP 46


2. ENCOURAGE WILD IDEAS

INTRODUCTION TO HUMAN-CENTERED DESIGN WORKSHOP 47


3. BUILD ON THE IDEAS OF OTHERS

INTRODUCTION TO HUMAN-CENTERED DESIGN WORKSHOP 48


4. STAY FOCUSED ON THE TOPIC

INTRODUCTION TO HUMAN-CENTERED DESIGN WORKSHOP 49


5. ONE CONVERSATION AT A TIME

INTRODUCTION TO HUMAN-CENTERED DESIGN WORKSHOP 50


6. BE VISUAL

INTRODUCTION TO HUMAN-CENTERED DESIGN WORKSHOP 51


7. GO FOR QUANTITY

INTRODUCTION TO HUMAN-CENTERED DESIGN WORKSHOP 52


ACTIVITY

BRAINSTORM! 7 BRAINSTORMING RULES

DEFER JUDGEMENT
1. Gather with your team around your ip
chart paper or brainstorming space. Each ENCOURAGE WILD IDEAS
member of the team should have a stack
of Post-its and marker in hand. BUILD ON THE IDEAS OF OTHERS
2. Place your HMW Question at the top of your
brainstorming space, so everyone can see it. STAY FOCUSED ON THE TOPIC
3. Use Post-it notes and markers to capture
your ideas. One idea per Post-it. ONE CONVERSATION AT A TIME
4. Always state your idea aloud to the whole
group so that others can build on it. BE VISUAL
5. Remember to defer judgement, go for
quantity, and have fun! GO FOR QUANTITY

INTRODUCTION TO HUMAN-CENTERED DESIGN WORKSHOP 53


ACTIVITY

TOP IDEAS
1. Each teammate votes independently on what they
believe are the three most promising ideas.
2. Once everyone has voted, review the outcomes,
and pick the main idea or related set of ideas that
you want to take forward.

INTRODUCTION TO HUMAN-CENTERED DESIGN WORKSHOP 54


PROTOTYPING
PROTOTYPING
Prototyping is about BRINGING IDEAS
TO LIFE quickly. By making ideas tangible,
getting feedback often, and continuing
to improve your concept, youll be on your
way to getting impactful solutions out in
the world.

INTRODUCTION TO HUMAN-CENTERED DESIGN WORKSHOP 56


STEPS OF PROTOTYPING

1 2 3 4

Storyboard Rapid Prototyping Get Feedback Integrate Feedback


and Iterate

INTRODUCTION TO HUMAN-CENTERED DESIGN WORKSHOP 57


START WITH A STORYBOARD
Think through the details of your concept by breaking your idea into
smaller moments in the experience. A great way to do this is by
creating a Storyboard that shows how a potential customer might
interact with your idea over time.

INTRODUCTION TO HUMAN-CENTERED DESIGN WORKSHOP 58


WAYS TO BUILD
RAPID PROTOTYPES

Physical Digital Environments Services

INTRODUCTION TO HUMAN-CENTERED DESIGN WORKSHOP 59


TEST AND GET FEEDBACK
Introduce your prototype as a work
in progress.
Invite participants to treat your
rough prototype as if it were real.
Invite honesty, stay neutral, and be
curious.
Be prepared to integrate feedback
and iterate on-the-y.

INTRODUCTION TO HUMAN-CENTERED DESIGN WORKSHOP 60


INTEGRATE FEEDBACK
AND ITERATE
Prioritize key insights from the feedback
you received and integrate them into
your prototype to make it better. Then,
test it again.

Iterating On-the-Fly
Make changes in real-time when youre
in the eld, and then test them right away.

Co-Creation
It can be helpful to bring the very people
youre designing for into the design process
and empower them to make alongside you.

INTRODUCTION TO HUMAN-CENTERED DESIGN WORKSHOP 61


ACTIVITY

GO BUILD IT

INTRODUCTION TO HUMAN-CENTERED DESIGN WORKSHOP 62


ACTIVITY

Test Your Prototype & Get Feedback

The questions below have been categorized to help you organize your feedback. If you need more room please feel free to
answer these questions in your own notebook. Be sure to debrief with your teammates after each prototype testing session.

What worked? What didnt work?

NOW GO TEST IT
What was exciting? What would you change?
What did people value the most? Were there suggestions for improvement?
What resonated with them about the idea? What did you learn that will make it better?

IN THE WORLD!
What questions came up? What new inspiration arose?
What needs further investigation? Did anything happen that you didnt expect?
What surprised you? What might you try next?
What might you test next to answer those questions?

Human-Centered Design Resources

INTRODUCTION TO HUMAN-CENTERED DESIGN WORKSHOP 63


WELCOME BACK!

INTRODUCTION TO HUMAN-CENTERED DESIGN WORKSHOP 64


PROTOTYPE SHARE OUT
ACTIVITY

TEAMS: PREPARE TO SHARE


Each team will share:
The people and opportunity you were
Team Name + Members

designing for (Your How Might We..?)


Share Your Prototype

A quick overview and demonstration of


your solution and prototype
Name of Your Idea:

A. Opportunity for Design

1-2 highlights from your eld tests


What How Might We question did your team craft in synthesis?
Sketch of your idea here

A potential next iteration


B. Your Solution
Briey describe your solution in 1-2 sentences.

C. Your Prototype
What element of your solution did you prototype?

D. Highlights of Field Learning E. Potential Next Iteration


What are 1-2 helpful things you learned while testing your If you were building out another iteration of your
idea in the eld? prototype, what would you try next?

INTRODUCTION TO HUMAN-CENTERED DESIGN WORKSHOP 66


ACTIVITY

AUDIENCE: PROVIDE FEEDBACK


Capture feedback for teams on Post-its!
What were you excited about?
What changes would you like to see?
What questions did it make you ask?
What new ideas did it inspire?

INTRODUCTION TO HUMAN-CENTERED DESIGN WORKSHOP 67


ACTIVITY

TEAM SHARES AND FEEDBACK

INTRODUCTION TO HUMAN-CENTERED DESIGN WORKSHOP 68


IMPLEMENTATION

INTRODUCTION TO HUMAN-CENTERED DESIGN WORKSHOP 69


Implementation
Keep Iterating
Live Prototyping
Pilot

INTRODUCTION TO HUMAN-CENTERED DESIGN WORKSHOP 70


GET YOUR IDEA INTO THE WORLD

Keep Iterating Live Prototyping Pilot


Testing, getting feedback, A Live Prototype is a A Pilot is a longer-term
and iterating will help you chance to run your test of your solution and a
get a great solution to solution for a couple critical step before going
market and how to push it weeks out in the to market.
forward. real world.

INTRODUCTION TO HUMAN-CENTERED DESIGN WORKSHOP 71


DEBRIEF AND REFLECTIONS

INTRODUCTION TO HUMAN-CENTERED DESIGN WORKSHOP 72


Frame Your Design Challenge Synthesis Prototyping Implementation
Research Download Your Learnings Storyboard Keep Iterating
People, Experts, Immersions, Find Themes and Insights Rapid Prototyping Live Prototyping
Analogous Inspiration CraftHow Might We Test and Pilot
Extremes and Mainstreams Questions Get Feedback
Interview Techniques Brainstorming Integrate Feedback
Create a Plan Brainstorming Rules and Iterate
Field Research Top Ideas

INTRODUCTION TO HUMAN-CENTERED DESIGN WORKSHOP 73


ACTIVITY

DEBRIEF
1. Individually
take a moment to capture your biggest takeaways and
feedback on your survey: bit.ly/hcdworkshopsurvey2

2. As a Group
share your thoughts!

INTRODUCTION TO HUMAN-CENTERED DESIGN WORKSHOP 74


WHAT YOU CAN DO NEXT
Talk with someone youre designing for
and ask them to share their experience
with you.
Lead a brainstorm with your team.
Take a prototype to your next meeting
to prompt discussion.
Check out DesignKit.org for more
ways to learn, practice, and share!
Contribute ideas to ideo.org/amplify, a
global community working together to
design solutions for the worlds biggest
challenges through open innovation.

INTRODUCTION TO HUMAN-CENTERED DESIGN WORKSHOP 75


THANK YOU!
By IDEO.org

1st Edition 2014

This work is licensed under the creative commons


attribution, noncommercial, no derivatives 3.0
unported license.

Attribution You must attribute the work in the


manner specied by the author or licensor (but not
in any way that suggests that they endorse you or
your use of the work).

Noncommerical You may not use this work for


commercial purposes.

NoDerivatives If you remix, transform, or build


upon the material, you may not distribute the
modied material.