50
DAY 14: PARTICIPATORY DESIGN Winter 2014 Informatics 131 2014-02-20 ELLIE HARMON / INFORMATICS 131: INTRO TO HCI 1

Day 14: Participatory Design - Ellie Harmonellieharmon.com/wp-content/uploads/Day-14.pdf · 2014-02-20 ELLIE HARMON / INFORMATICS 131: INTRO TO HCI 4 Bill Moggridge, Designing Interactions,

  • Upload
    lehuong

  • View
    223

  • Download
    3

Embed Size (px)

Citation preview

Page 1: Day 14: Participatory Design - Ellie Harmonellieharmon.com/wp-content/uploads/Day-14.pdf · 2014-02-20 ELLIE HARMON / INFORMATICS 131: INTRO TO HCI 4 Bill Moggridge, Designing Interactions,

DAY 14: PARTICIPATORY DESIGN

Winter 2014Informatics 131

2014-02-20 ELLIE HARMON / INFORMATICS 131: INTRO TO HCI 1

Page 2: Day 14: Participatory Design - Ellie Harmonellieharmon.com/wp-content/uploads/Day-14.pdf · 2014-02-20 ELLIE HARMON / INFORMATICS 131: INTRO TO HCI 4 Bill Moggridge, Designing Interactions,

QUESTIONS & COMMENTS

2014-02-20 ELLIE HARMON / INFORMATICS 131: INTRO TO HCI 2

Page 3: Day 14: Participatory Design - Ellie Harmonellieharmon.com/wp-content/uploads/Day-14.pdf · 2014-02-20 ELLIE HARMON / INFORMATICS 131: INTRO TO HCI 4 Bill Moggridge, Designing Interactions,

GOING BACK TO THE DESIGN PROCESS

Bill Moggridge

2014-02-20 ELLIE HARMON / INFORMATICS 131: INTRO TO HCI 3

Page 4: Day 14: Participatory Design - Ellie Harmonellieharmon.com/wp-content/uploads/Day-14.pdf · 2014-02-20 ELLIE HARMON / INFORMATICS 131: INTRO TO HCI 4 Bill Moggridge, Designing Interactions,

2014-02-20 ELLIE HARMON / INFORMATICS 131: INTRO TO HCI 4

Bill Moggridge, Designing Interactions, 2007

Page 5: Day 14: Participatory Design - Ellie Harmonellieharmon.com/wp-content/uploads/Day-14.pdf · 2014-02-20 ELLIE HARMON / INFORMATICS 131: INTRO TO HCI 4 Bill Moggridge, Designing Interactions,

2014-02-20 ELLIE HARMON / INFORMATICS 131: INTRO TO HCI 5

Stanford d.school version

Page 6: Day 14: Participatory Design - Ellie Harmonellieharmon.com/wp-content/uploads/Day-14.pdf · 2014-02-20 ELLIE HARMON / INFORMATICS 131: INTRO TO HCI 4 Bill Moggridge, Designing Interactions,

Formative User Research:

InterviewsObservationsCultural ProbesCollages

2014-02-20 ELLIE HARMON / INFORMATICS 131: INTRO TO HCI 6

Image: Stanford d.school

Page 7: Day 14: Participatory Design - Ellie Harmonellieharmon.com/wp-content/uploads/Day-14.pdf · 2014-02-20 ELLIE HARMON / INFORMATICS 131: INTRO TO HCI 4 Bill Moggridge, Designing Interactions,

2014-02-20 ELLIE HARMON / INFORMATICS 131: INTRO TO HCI 7

Making sense of data & Defining a problem

PersonasMapping & Diagramming Tools

Image: Stanford d.school

Page 8: Day 14: Participatory Design - Ellie Harmonellieharmon.com/wp-content/uploads/Day-14.pdf · 2014-02-20 ELLIE HARMON / INFORMATICS 131: INTRO TO HCI 4 Bill Moggridge, Designing Interactions,

2014-02-20 ELLIE HARMON / INFORMATICS 131: INTRO TO HCI 8

Coming up with solutions

BrainstormingIdeating

Selecting

Image: Stanford d.school

Page 9: Day 14: Participatory Design - Ellie Harmonellieharmon.com/wp-content/uploads/Day-14.pdf · 2014-02-20 ELLIE HARMON / INFORMATICS 131: INTRO TO HCI 4 Bill Moggridge, Designing Interactions,

2014-02-20 ELLIE HARMON / INFORMATICS 131: INTRO TO HCI 9

Making solutions tangible

StoryboardingPrototyping

Image: Stanford d.school

Page 10: Day 14: Participatory Design - Ellie Harmonellieharmon.com/wp-content/uploads/Day-14.pdf · 2014-02-20 ELLIE HARMON / INFORMATICS 131: INTRO TO HCI 4 Bill Moggridge, Designing Interactions,

2014-02-20 ELLIE HARMON / INFORMATICS 131: INTRO TO HCI 10

Trying it out

Cognitive WalkthroughHeuristics

User EvaluationThink Aloud

Diary StudiesInterviews

Observations

Image: Stanford d.school

Page 11: Day 14: Participatory Design - Ellie Harmonellieharmon.com/wp-content/uploads/Day-14.pdf · 2014-02-20 ELLIE HARMON / INFORMATICS 131: INTRO TO HCI 4 Bill Moggridge, Designing Interactions,

2014-02-20 ELLIE HARMON / INFORMATICS 131: INTRO TO HCI 11

How does technology <x> work for people who aren’t me?

Is there something that I can change/fix/improve?

Image: Stanford d.school

Page 12: Day 14: Participatory Design - Ellie Harmonellieharmon.com/wp-content/uploads/Day-14.pdf · 2014-02-20 ELLIE HARMON / INFORMATICS 131: INTRO TO HCI 4 Bill Moggridge, Designing Interactions,

2014-02-20 ELLIE HARMON / INFORMATICS 131: INTRO TO HCI 12

Where are the users?

Image: Stanford d.school

Page 13: Day 14: Participatory Design - Ellie Harmonellieharmon.com/wp-content/uploads/Day-14.pdf · 2014-02-20 ELLIE HARMON / INFORMATICS 131: INTRO TO HCI 4 Bill Moggridge, Designing Interactions,

User Research:

InterviewsObservationsCultural ProbesCollages

2014-02-20 ELLIE HARMON / INFORMATICS 131: INTRO TO HCI 13

Image: Stanford d.school

Page 14: Day 14: Participatory Design - Ellie Harmonellieharmon.com/wp-content/uploads/Day-14.pdf · 2014-02-20 ELLIE HARMON / INFORMATICS 131: INTRO TO HCI 4 Bill Moggridge, Designing Interactions,

User Research:

InterviewsObservationsCultural ProbesCollages

2014-02-20 ELLIE HARMON / INFORMATICS 131: INTRO TO HCI 14

Trying it out

Cognitive WalkthroughHeuristics

User EvaluationThink Aloud

Diary StudiesInterviews

Observations

Image: Stanford d.school

Page 15: Day 14: Participatory Design - Ellie Harmonellieharmon.com/wp-content/uploads/Day-14.pdf · 2014-02-20 ELLIE HARMON / INFORMATICS 131: INTRO TO HCI 4 Bill Moggridge, Designing Interactions,

2014-02-20 ELLIE HARMON / INFORMATICS 131: INTRO TO HCI 15

User Proxies:

personas, storyboards, user stories, research data,

personal memories, market statistics

Image: Stanford d.school

Page 16: Day 14: Participatory Design - Ellie Harmonellieharmon.com/wp-content/uploads/Day-14.pdf · 2014-02-20 ELLIE HARMON / INFORMATICS 131: INTRO TO HCI 4 Bill Moggridge, Designing Interactions,

User Research:

InterviewsObservationsCultural ProbesCollages

2014-02-20 ELLIE HARMON / INFORMATICS 131: INTRO TO HCI 16

Trying it out

Cognitive WalkthroughHeuristics

User EvaluationThink Aloud

Diary StudiesInterviews

Observations

User Proxies:

personas, storyboards, user stories, research data,

personal memories, market statistics

Image: Stanford d.school

Page 17: Day 14: Participatory Design - Ellie Harmonellieharmon.com/wp-content/uploads/Day-14.pdf · 2014-02-20 ELLIE HARMON / INFORMATICS 131: INTRO TO HCI 4 Bill Moggridge, Designing Interactions,

PARTICIPATORY DESIGN A Brief Overview

2014-02-20 ELLIE HARMON / INFORMATICS 131: INTRO TO HCI 17

Page 18: Day 14: Participatory Design - Ellie Harmonellieharmon.com/wp-content/uploads/Day-14.pdf · 2014-02-20 ELLIE HARMON / INFORMATICS 131: INTRO TO HCI 4 Bill Moggridge, Designing Interactions,

User Research:

InterviewsObservationsCultural ProbesCollages

2014-02-20 ELLIE HARMON / INFORMATICS 131: INTRO TO HCI 18

Trying it out

Cognitive WalkthroughHeuristics

User EvaluationThink Aloud

Diary StudiesInterviews

Observations

User Proxies:

personas, storyboards, user stories, research data,

personal memories, market statistics

Image: Stanford d.school

Page 19: Day 14: Participatory Design - Ellie Harmonellieharmon.com/wp-content/uploads/Day-14.pdf · 2014-02-20 ELLIE HARMON / INFORMATICS 131: INTRO TO HCI 4 Bill Moggridge, Designing Interactions,

2014-02-20 ELLIE HARMON / INFORMATICS 131: INTRO TO HCI 19

Image: Stanford d.school

Page 20: Day 14: Participatory Design - Ellie Harmonellieharmon.com/wp-content/uploads/Day-14.pdf · 2014-02-20 ELLIE HARMON / INFORMATICS 131: INTRO TO HCI 4 Bill Moggridge, Designing Interactions,

PARTICIPATORY DESIGN?

“a human-centered approach advocating active user and stakeholder engagement throughout all phases of the research and design process, including co-design activities.”

-- Universal Methods of Design

2014-02-20 ELLIE HARMON / INFORMATICS 131: INTRO TO HCI 20

Page 21: Day 14: Participatory Design - Ellie Harmonellieharmon.com/wp-content/uploads/Day-14.pdf · 2014-02-20 ELLIE HARMON / INFORMATICS 131: INTRO TO HCI 4 Bill Moggridge, Designing Interactions,

PD HISTORY: DEMOCRACY

Political aspect reflected in titles of conferences: Systems Design For, With, and By the Users “government of the people, by the people, for the

people” – Abraham Lincoln

2014-02-20 ELLIE HARMON / INFORMATICS 131: INTRO TO HCI 21

Page 22: Day 14: Participatory Design - Ellie Harmonellieharmon.com/wp-content/uploads/Day-14.pdf · 2014-02-20 ELLIE HARMON / INFORMATICS 131: INTRO TO HCI 4 Bill Moggridge, Designing Interactions,

PD HISTORY: ROOTS IN PLACE & TIME

Europe & Scandinavia, 1970sConnected to workplace democracy movementOften involved labor unions – bringing ‘workers’ into workplace IT decisions

2014-02-20 ELLIE HARMON / INFORMATICS 131: INTRO TO HCI 22

Page 23: Day 14: Participatory Design - Ellie Harmonellieharmon.com/wp-content/uploads/Day-14.pdf · 2014-02-20 ELLIE HARMON / INFORMATICS 131: INTRO TO HCI 4 Bill Moggridge, Designing Interactions,

WHAT WAS HAPPENING IN THE 1970S & 80S?

Remember the history readings from week 1?

2014-02-20 ELLIE HARMON / INFORMATICS 131: INTRO TO HCI 23

Page 24: Day 14: Participatory Design - Ellie Harmonellieharmon.com/wp-content/uploads/Day-14.pdf · 2014-02-20 ELLIE HARMON / INFORMATICS 131: INTRO TO HCI 4 Bill Moggridge, Designing Interactions,

1988; 1989

2014-02-20 ELLIE HARMON / INFORMATICS 131: INTRO TO HCI 24

Page 25: Day 14: Participatory Design - Ellie Harmonellieharmon.com/wp-content/uploads/Day-14.pdf · 2014-02-20 ELLIE HARMON / INFORMATICS 131: INTRO TO HCI 4 Bill Moggridge, Designing Interactions,

PD QUESTIONS & CONCERNS

Is it inevitable that technology be applied in ways that constrain, deskill, and devalue human work? Must we always analyze the impact of technology on people, or is there just as strong an impact of people on technology? Is improving peoples' working conditions less important than having cutting edge technology?

2014-02-20 ELLIE HARMON / INFORMATICS 131: INTRO TO HCI 25

Michael J. Muller and Sarah Kuhn. 1993. Participatory design. Communications of the ACM 36, 6 (June 1993), 24-28. http://doi.acm.org/10.1145/153571.255960

Page 26: Day 14: Participatory Design - Ellie Harmonellieharmon.com/wp-content/uploads/Day-14.pdf · 2014-02-20 ELLIE HARMON / INFORMATICS 131: INTRO TO HCI 4 Bill Moggridge, Designing Interactions,

PD QUESTIONS & CONCERNS

Are there ways of designing jobs (and technologies to support jobs) to combine heightened productivity with human growth, challenge, and a high quality of work life for the people who hold those jobs? Is democracy valuable only outside the workplace? Can software professionals recognize and affirm the validity of perspectives other than their own, and value the expertise that comes from experience, not just the knowledge that is attested by academic credentials?

2014-02-20 ELLIE HARMON / INFORMATICS 131: INTRO TO HCI 26

Michael J. Muller and Sarah Kuhn. 1993. Participatory design. Communications of the ACM 36, 6 (June 1993), 24-28. http://doi.acm.org/10.1145/153571.255960

Page 27: Day 14: Participatory Design - Ellie Harmonellieharmon.com/wp-content/uploads/Day-14.pdf · 2014-02-20 ELLIE HARMON / INFORMATICS 131: INTRO TO HCI 4 Bill Moggridge, Designing Interactions,

NEWLY RELEVANT TODAY?

2014-02-20 ELLIE HARMON / INFORMATICS 131: INTRO TO HCI 27

Page 28: Day 14: Participatory Design - Ellie Harmonellieharmon.com/wp-content/uploads/Day-14.pdf · 2014-02-20 ELLIE HARMON / INFORMATICS 131: INTRO TO HCI 4 Bill Moggridge, Designing Interactions,

WISDOM 2.0 IN SF

Technology is moving closer to the body.

Can we remain in control?

2014-02-20 ELLIE HARMON / INFORMATICS 131: INTRO TO HCI 28

Gopi KallayilChief EvangelistBrand Marketing for Google

Page 29: Day 14: Participatory Design - Ellie Harmonellieharmon.com/wp-content/uploads/Day-14.pdf · 2014-02-20 ELLIE HARMON / INFORMATICS 131: INTRO TO HCI 4 Bill Moggridge, Designing Interactions,

2014-02-20 ELLIE HARMON / INFORMATICS 131: INTRO TO HCI 29

Image: Stanford d.school

Page 30: Day 14: Participatory Design - Ellie Harmonellieharmon.com/wp-content/uploads/Day-14.pdf · 2014-02-20 ELLIE HARMON / INFORMATICS 131: INTRO TO HCI 4 Bill Moggridge, Designing Interactions,

2014-02-20 ELLIE HARMON / INFORMATICS 131: INTRO TO HCI 30

Michael J. Muller and Sarah Kuhn. 1993. Participatory design. Communications of the ACM 36, 6 (June 1993), 24-28. http://doi.acm.org/10.1145/153571.255960

Page 31: Day 14: Participatory Design - Ellie Harmonellieharmon.com/wp-content/uploads/Day-14.pdf · 2014-02-20 ELLIE HARMON / INFORMATICS 131: INTRO TO HCI 4 Bill Moggridge, Designing Interactions,

2014-02-20 ELLIE HARMON / INFORMATICS 131: INTRO TO HCI 31

http://www.maketools.com/articles-papers/PDC2010ExploratoryFrameworkFinal.pdf

A Framework for Organizing the Tools and Techniques of Participatory Design.

Elizabeth B.-N. Sanders, Eva Brandt &Thomas Binder

Page 32: Day 14: Participatory Design - Ellie Harmonellieharmon.com/wp-content/uploads/Day-14.pdf · 2014-02-20 ELLIE HARMON / INFORMATICS 131: INTRO TO HCI 4 Bill Moggridge, Designing Interactions,

2014-02-20 ELLIE HARMON / INFORMATICS 131: INTRO TO HCI 32

Image: Stanford d.school

Page 33: Day 14: Participatory Design - Ellie Harmonellieharmon.com/wp-content/uploads/Day-14.pdf · 2014-02-20 ELLIE HARMON / INFORMATICS 131: INTRO TO HCI 4 Bill Moggridge, Designing Interactions,

PARTICIPATORY DESIGN For Ideation

2014-02-20 ELLIE HARMON / INFORMATICS 131: INTRO TO HCI 33

Page 34: Day 14: Participatory Design - Ellie Harmonellieharmon.com/wp-content/uploads/Day-14.pdf · 2014-02-20 ELLIE HARMON / INFORMATICS 131: INTRO TO HCI 4 Bill Moggridge, Designing Interactions,

Harnessing People’s Creativity: Ideation and Expression Through Visual Communication

Elizabeth B-N Sanders & Colin William

2014-02-20 ELLIE HARMON / INFORMATICS 131: INTRO TO HCI 34

Page 35: Day 14: Participatory Design - Ellie Harmonellieharmon.com/wp-content/uploads/Day-14.pdf · 2014-02-20 ELLIE HARMON / INFORMATICS 131: INTRO TO HCI 4 Bill Moggridge, Designing Interactions,

PD METHODS

SAY methods Focus groups Verbal communication

DO methods Applied ethnography Observation

MAKE methods Elicit creative expression

2014-02-20 ELLIE HARMON / INFORMATICS 131: INTRO TO HCI 35

Page 36: Day 14: Participatory Design - Ellie Harmonellieharmon.com/wp-content/uploads/Day-14.pdf · 2014-02-20 ELLIE HARMON / INFORMATICS 131: INTRO TO HCI 4 Bill Moggridge, Designing Interactions,

PD METHODS

SAY methods Focus groups Verbal communication

DO methods Applied ethnography Observation

MAKE methods Elicit creative expression

2014-02-20 ELLIE HARMON / INFORMATICS 131: INTRO TO HCI 36

Page 37: Day 14: Participatory Design - Ellie Harmonellieharmon.com/wp-content/uploads/Day-14.pdf · 2014-02-20 ELLIE HARMON / INFORMATICS 131: INTRO TO HCI 4 Bill Moggridge, Designing Interactions,

2014-02-20 ELLIE HARMON / INFORMATICS 131: INTRO TO HCI 37

Image: Stanford d.school

Page 38: Day 14: Participatory Design - Ellie Harmonellieharmon.com/wp-content/uploads/Day-14.pdf · 2014-02-20 ELLIE HARMON / INFORMATICS 131: INTRO TO HCI 4 Bill Moggridge, Designing Interactions,

TOOLS BEFORE A MEETING

WorkbooksDiariesCameras

2014-02-20 ELLIE HARMON / INFORMATICS 131: INTRO TO HCI 38

Page 39: Day 14: Participatory Design - Ellie Harmonellieharmon.com/wp-content/uploads/Day-14.pdf · 2014-02-20 ELLIE HARMON / INFORMATICS 131: INTRO TO HCI 4 Bill Moggridge, Designing Interactions,

TOOLS AT A MEETING

CollagesCognitive Mapping (+ other maps)Velcro ModelingPlay doughMarkers, templates, erasersSketching

2014-02-20 ELLIE HARMON / INFORMATICS 131: INTRO TO HCI 39

Page 40: Day 14: Participatory Design - Ellie Harmonellieharmon.com/wp-content/uploads/Day-14.pdf · 2014-02-20 ELLIE HARMON / INFORMATICS 131: INTRO TO HCI 4 Bill Moggridge, Designing Interactions,

DESIGN CHARETTE

Small groups of threeSketch for 10 minutesPresent best ideas to whole roomMix up groups & repeat, building on previous ideas

2014-02-20 ELLIE HARMON / INFORMATICS 131: INTRO TO HCI 40

Page 41: Day 14: Participatory Design - Ellie Harmonellieharmon.com/wp-content/uploads/Day-14.pdf · 2014-02-20 ELLIE HARMON / INFORMATICS 131: INTRO TO HCI 4 Bill Moggridge, Designing Interactions,

2014-02-20 ELLIE HARMON / INFORMATICS 131: INTRO TO HCI 41

Page 42: Day 14: Participatory Design - Ellie Harmonellieharmon.com/wp-content/uploads/Day-14.pdf · 2014-02-20 ELLIE HARMON / INFORMATICS 131: INTRO TO HCI 4 Bill Moggridge, Designing Interactions,

DESIGN WORKSHOP

Begin with presentation of what you knowFacilitate group sharing of new ideas Affinity diagrams, with post it notes Through collages With play dough

Present to each other & build on ideas

2014-02-20 ELLIE HARMON / INFORMATICS 131: INTRO TO HCI 42

Page 43: Day 14: Participatory Design - Ellie Harmonellieharmon.com/wp-content/uploads/Day-14.pdf · 2014-02-20 ELLIE HARMON / INFORMATICS 131: INTRO TO HCI 4 Bill Moggridge, Designing Interactions,

2014-02-20 ELLIE HARMON / INFORMATICS 131: INTRO TO HCI 43

Page 44: Day 14: Participatory Design - Ellie Harmonellieharmon.com/wp-content/uploads/Day-14.pdf · 2014-02-20 ELLIE HARMON / INFORMATICS 131: INTRO TO HCI 4 Bill Moggridge, Designing Interactions,

2014-02-20 ELLIE HARMON / INFORMATICS 131: INTRO TO HCI 44

https://libjournal.uncg.edu/index.php/jls/article/view/503/383

Page 45: Day 14: Participatory Design - Ellie Harmonellieharmon.com/wp-content/uploads/Day-14.pdf · 2014-02-20 ELLIE HARMON / INFORMATICS 131: INTRO TO HCI 4 Bill Moggridge, Designing Interactions,

2014-02-20 ELLIE HARMON / INFORMATICS 131: INTRO TO HCI 45

Image: Stanford d.school

For Tuesday

Do something helpful for your projectBe creative

The Wow! Factor.

Page 46: Day 14: Participatory Design - Ellie Harmonellieharmon.com/wp-content/uploads/Day-14.pdf · 2014-02-20 ELLIE HARMON / INFORMATICS 131: INTRO TO HCI 4 Bill Moggridge, Designing Interactions,

SKETCHES Week 7!

2014-02-20 ELLIE HARMON / INFORMATICS 131: INTRO TO HCI 46

Page 47: Day 14: Participatory Design - Ellie Harmonellieharmon.com/wp-content/uploads/Day-14.pdf · 2014-02-20 ELLIE HARMON / INFORMATICS 131: INTRO TO HCI 4 Bill Moggridge, Designing Interactions,

2014-02-20 ELLIE HARMON / INFORMATICS 131: INTRO TO HCI 47

Page 48: Day 14: Participatory Design - Ellie Harmonellieharmon.com/wp-content/uploads/Day-14.pdf · 2014-02-20 ELLIE HARMON / INFORMATICS 131: INTRO TO HCI 4 Bill Moggridge, Designing Interactions,

2014-02-20 ELLIE HARMON / INFORMATICS 131: INTRO TO HCI 48

Page 49: Day 14: Participatory Design - Ellie Harmonellieharmon.com/wp-content/uploads/Day-14.pdf · 2014-02-20 ELLIE HARMON / INFORMATICS 131: INTRO TO HCI 4 Bill Moggridge, Designing Interactions,

2014-02-20 ELLIE HARMON / INFORMATICS 131: INTRO TO HCI 49

Page 50: Day 14: Participatory Design - Ellie Harmonellieharmon.com/wp-content/uploads/Day-14.pdf · 2014-02-20 ELLIE HARMON / INFORMATICS 131: INTRO TO HCI 4 Bill Moggridge, Designing Interactions,

2014-02-20 ELLIE HARMON / INFORMATICS 131: INTRO TO HCI 50