sxsw interactive 2014 workshop: "the humor-centered design process"

52
The Humor-Centered Design Process #humorUX March 10, 2014 / SXSW Interactive 2014

Upload: chelsey-delaney

Post on 17-Aug-2014

7.151 views

Category:

Design


0 download

DESCRIPTION

https://sup.sxsw.com/schedule/IAP18106

TRANSCRIPT

Page 1: SXSW Interactive 2014 Workshop: "The Humor-Centered Design Process"

The Humor-Centered Design Process

#humorUX

March 10, 2014 / SXSW Interactive 2014

Page 2: SXSW Interactive 2014 Workshop: "The Humor-Centered Design Process"

WHO ARE WE?

SXSW Interactive 2014 / The Humor-Centered Design Process / #humorUX / 2

Chelsey Delaney UX designer,

humorist, writer@chelseD

Chris Trew Comedian, Founder ofThe New Movement,

Author of Improv Wins @christrew

Page 3: SXSW Interactive 2014 Workshop: "The Humor-Centered Design Process"

WHO ARE YOU?

SXSW Interactive 2014 / The Humor-Centered Design Process / #humorUX / 3

Tell us:

• Your name

• What you do

• Why you’re here

Page 4: SXSW Interactive 2014 Workshop: "The Humor-Centered Design Process"

INTRODUCTION EXERCISE

SXSW Interactive 2014 / The Humor-Centered Design Process / #humorUX / 4

Profile Sheet

(10 minutes)

Page 5: SXSW Interactive 2014 Workshop: "The Humor-Centered Design Process"

ABOUT THIS WORKSHOP

Page 6: SXSW Interactive 2014 Workshop: "The Humor-Centered Design Process"

SXSW Interactive 2014 / The Humor-Centered Design Process / #humorUX / 6

Learning how to be funny. Sorry!

(That being said ...)

WHAT THIS WORKSHOP ISN’T

Page 7: SXSW Interactive 2014 Workshop: "The Humor-Centered Design Process"

SXSW Interactive 2014 / The Humor-Centered Design Process / #humorUX / 7

A brief exploration of the relationship

between (the processes and products of)

design and humor.

WHAT THIS WORKSHOP IS

Page 8: SXSW Interactive 2014 Workshop: "The Humor-Centered Design Process"

IDENTIFYING HUMOR

SXSW Interactive 2014 / The Humor-Centered Design Process / #humorUX / 8

“... something unexpected, the truth of

which is recognized.”- Aristotle

Page 9: SXSW Interactive 2014 Workshop: "The Humor-Centered Design Process"

SXSW Interactive 2014 / The Humor-Centered Design Process / #humorUX / 9

• Using humor increases creativity and fosters innovation

WHY HUMOR?

Page 10: SXSW Interactive 2014 Workshop: "The Humor-Centered Design Process"

SXSW Interactive 2014 / The Humor-Centered Design Process / #humorUX / 10

• Using humor increases creativity and fosters innovation

• Humor allows a designer to reach a deeper level with both their team and/or with the users of their

product

WHY HUMOR?

Page 11: SXSW Interactive 2014 Workshop: "The Humor-Centered Design Process"

WORKSHOP OVERVIEW

SXSW Interactive 2014 / The Humor-Centered Design Process / #humorUX / 11

PART 1:Learn how humor can make the design process

more collaborative and creative (and fun).

PART 2: Learn how humor can take shape in design of a product, as well as contribute to its experience.

Page 12: SXSW Interactive 2014 Workshop: "The Humor-Centered Design Process"

SXSW Interactive 2014 / The Humor-Centered Design Process / #humorUX / 12

HOW WILL WE DO THIS?

• Improv exercises

Page 13: SXSW Interactive 2014 Workshop: "The Humor-Centered Design Process"

SXSW Interactive 2014 / The Humor-Centered Design Process / #humorUX / 13

HOW WILL WE DO THIS?

• Improv exercises

• Sketching and discussing our own designs

Page 14: SXSW Interactive 2014 Workshop: "The Humor-Centered Design Process"

SXSW Interactive 2014 / The Humor-Centered Design Process / #humorUX / 14

HOW WILL WE DO THIS?

• Improv exercises

• Sketching and discussing our own designs

• Checking out examples of humorous design

Page 15: SXSW Interactive 2014 Workshop: "The Humor-Centered Design Process"

PART 1:

Learn how humor can make the design

process more collaborative and creative

(and fun).

Page 16: SXSW Interactive 2014 Workshop: "The Humor-Centered Design Process"

THE DESIGN PROCESS

SXSW Interactive 2014 / The Humor-Centered Design Process / #humorUX / 16

• At a high-level:

Explore

Generate

Evaluate

Refine

Page 17: SXSW Interactive 2014 Workshop: "The Humor-Centered Design Process"

THE HUMOR ... PROCESS?

SXSW Interactive 2014 / The Humor-Centered Design Process / #humorUX / 17

• The methods, concepts and tools humorists use to create comedy

Page 18: SXSW Interactive 2014 Workshop: "The Humor-Centered Design Process"

HUMOR IN THE DESIGN PROCESS

SXSW Interactive 2014 / The Humor-Centered Design Process / #humorUX / 18

Using humor techniques and concepts to connect with and understand users, and to help in the

creation of innovative concepts and ideas.

DESIGN PROCESS + HUMOR PROCESS =

Page 19: SXSW Interactive 2014 Workshop: "The Humor-Centered Design Process"

IMPROV EXERCISE

SXSW Interactive 2014 / The Humor-Centered Design Process / #humorUX / 19

Dressing the Scene

(30 minutes)

Page 20: SXSW Interactive 2014 Workshop: "The Humor-Centered Design Process"

DRESSING THE SCENE

SXSW Interactive 2014 / The Humor-Centered Design Process / #humorUX / 20

• Establishing a framework

Page 21: SXSW Interactive 2014 Workshop: "The Humor-Centered Design Process"

DRESSING THE SCENE

SXSW Interactive 2014 / The Humor-Centered Design Process / #humorUX / 21

• Establishing a framework

• “If this, then what?”

Page 22: SXSW Interactive 2014 Workshop: "The Humor-Centered Design Process"

DRESSING THE SCENE

SXSW Interactive 2014 / The Humor-Centered Design Process / #humorUX / 22

• Establishing a framework

• “If this, then what?”

• Building on ideas with others to develop a shared meaning and understanding

Page 23: SXSW Interactive 2014 Workshop: "The Humor-Centered Design Process"

DRESSING THE DESIGN

SXSW Interactive 2014 / The Humor-Centered Design Process / #humorUX / 23

DESIGN BRIEF:

Create an app that will teach

someone about your favorite era

and/or civilization.

Page 24: SXSW Interactive 2014 Workshop: "The Humor-Centered Design Process"

DESIGN EXERCISE

SXSW Interactive 2014 / The Humor-Centered Design Process / #humorUX / 24

Make a List

(10 minutes)

Page 25: SXSW Interactive 2014 Workshop: "The Humor-Centered Design Process"

BREAK

(5 minutes)

Page 26: SXSW Interactive 2014 Workshop: "The Humor-Centered Design Process"

IMPROV EXERCISE

SXSW Interactive 2014 / The Humor-Centered Design Process / #humorUX / 26

Characters

(30 minutes)

Page 27: SXSW Interactive 2014 Workshop: "The Humor-Centered Design Process"

CHARACTERS

SSXSW Interactive 2014 / The Humor-Centered Design Process / #humorUX / 27

Improv relies on the ability to create and build on characters through personal knowledge and

observance of people and patterns.

Page 28: SXSW Interactive 2014 Workshop: "The Humor-Centered Design Process"

CHARACTERS

SXSW Interactive 2014 / The Humor-Centered Design Process / #humorUX / 28

When developing characters,improvisers must ask themselves:

“If this is true, then what else is true?”

Improv relies on the ability to create and build on characters through personal knowledge and

observance of people and patterns.

Page 29: SXSW Interactive 2014 Workshop: "The Humor-Centered Design Process"

DESIGN EXERCISE

SXSW Interactive 2014 / The Humor-Centered Design Process / #humorUX / 29

Draw Your Audience

(15 minutes)

Page 30: SXSW Interactive 2014 Workshop: "The Humor-Centered Design Process"

CHARACTERS INSTEAD OF PERSONAS

SXSW Interactive 2014 / The Humor-Centered Design Process / #humorUX / 30

• Don’t just observe the user, interpret them

Page 31: SXSW Interactive 2014 Workshop: "The Humor-Centered Design Process"

CHARACTERS INSTEAD OF PERSONAS

SXSW Interactive 2014 / The Humor-Centered Design Process / #humorUX / 31

• Don’t just observe the user, interpret them

• Embrace and harness personal bias

Page 32: SXSW Interactive 2014 Workshop: "The Humor-Centered Design Process"

CHARACTERS INSTEAD OF PERSONAS

SXSW Interactive 2014 / The Humor-Centered Design Process / #humorUX / 32

• Don’t just observe the user, interpret them

• Embrace and harness personal bias

• Feel ownership of and allegiance to the user

Page 33: SXSW Interactive 2014 Workshop: "The Humor-Centered Design Process"

CHARACTERS INSTEAD OF PERSONAS

SXSW Interactive 2014 / The Humor-Centered Design Process / #humorUX / 33

• Don’t just observe the user, interpret them

• Embrace and harness personal bias

• Feel ownership of and allegiance to the user

• Empathize with and interalize user needs and experiences

Page 34: SXSW Interactive 2014 Workshop: "The Humor-Centered Design Process"

DESIGN EXERCISE

SXSW Interactive 2014 / The Humor-Centered Design Process / #humorUX / 34

Sketch Your Flow

(15 minutes)

Page 35: SXSW Interactive 2014 Workshop: "The Humor-Centered Design Process"

BREAK

(15 minutes)

Page 36: SXSW Interactive 2014 Workshop: "The Humor-Centered Design Process"

PART 2:

Learn how humor can take shape in the

design of a product, as well as contribute

to its experience.

Page 37: SXSW Interactive 2014 Workshop: "The Humor-Centered Design Process"

THE DESIGN OF A PRODUCT

SXSW Interactive 2014 / The Humor-Centered Design Process / #humorUX / 37

• Can be physical, interactive, visual, experiential, behavioral, etc.

Page 38: SXSW Interactive 2014 Workshop: "The Humor-Centered Design Process"

THE DESIGN OF A PRODUCT

SXSW Interactive 2014 / The Humor-Centered Design Process / #humorUX / 38

• Can be physical, interactive, visual, experiential, behavioral, etc.

• Different than design for delight and design for play!

Page 39: SXSW Interactive 2014 Workshop: "The Humor-Centered Design Process"

HUMOR IN THE DESIGN

SXSW Interactive 2014 / The Humor-Centered Design Process / #humorUX / 39

• Understanding the basic structure of humor, both in order to recognize it and apply it

Page 40: SXSW Interactive 2014 Workshop: "The Humor-Centered Design Process"

HUMOR IN THE DESIGN

SXSW Interactive 2014 / The Humor-Centered Design Process / #humorUX / 40

• Understanding the basic structure of humor, both in order to recognize it and apply it

• (Yes, it’s the cardinal sin of learning to explain why something is funny)

Page 41: SXSW Interactive 2014 Workshop: "The Humor-Centered Design Process"

HUMOR RESEARCH

SXSW Interactive 2014 / The Humor-Centered Design Process / #humorUX / 41

“... is a multidisciplinary field stemming fromlinguistics that studies humor and its effects at theintersections of psychology, sociology, philosophy,history, literature, rhetoric, and computer science.”

Source: wikipedia.org

Page 42: SXSW Interactive 2014 Workshop: "The Humor-Centered Design Process"

HUMOR RESEARCH

SXSW Interactive 2014 / The Humor-Centered Design Process / #humorUX / 42

“... is a multidisciplinary field stemming fromlinguistics that studies humor and its effects at theintersections of psychology, sociology, philosophy,history, literature, rhetoric, and computer science.”

And now design.

Page 43: SXSW Interactive 2014 Workshop: "The Humor-Centered Design Process"

INCONGRUITY THEORY

SXSW Interactive 2014 / The Humor-Centered Design Process / #humorUX / 43

Incongruity Theory argues that humor occurs when a contrast between

contextualized elements or concepts is perceived and processed.

Page 44: SXSW Interactive 2014 Workshop: "The Humor-Centered Design Process"

INCONGRUITY THEORY

SXSW Interactive 2014 / The Humor-Centered Design Process / #humorUX / 44

Incongruity Theory argues that humor occurs when a contrast between

contextualized elements or concepts is perceived and processed.

Page 45: SXSW Interactive 2014 Workshop: "The Humor-Centered Design Process"

IMPROV EXERCISE

SXSW Interactive 2014 / The Humor-Centered Design Process / #humorUX / 45

Straight / Absurd

(30 minutes)

Page 46: SXSW Interactive 2014 Workshop: "The Humor-Centered Design Process"

DESIGN EXAMPLE

SXSW Interactive 2014 / The Humor-Centered Design Process / #humorUX / 46

Source: petsorfood.com

Page 47: SXSW Interactive 2014 Workshop: "The Humor-Centered Design Process"

DESIGN EXAMPLE

SXSW Interactive 2014 / The Humor-Centered Design Process / #humorUX / 47

Source: https://prosign.tumblr.com

Page 48: SXSW Interactive 2014 Workshop: "The Humor-Centered Design Process"

DESIGN EXAMPLE

SXSW Interactive 2014 / The Humor-Centered Design Process / #humorUX / 48

Source: https://itunes.apple.com/us/app/quit-your-job/id781659061?mt=8

Page 49: SXSW Interactive 2014 Workshop: "The Humor-Centered Design Process"

DESIGN EXAMPLE

SXSW Interactive 2014 / The Humor-Centered Design Process / #humorUX / 49

Source: playitbyearparenthood.org

Page 50: SXSW Interactive 2014 Workshop: "The Humor-Centered Design Process"

DESIGN EXAMPLE

SXSW Interactive 2014 / The Humor-Centered Design Process / #humorUX / 50

Source: jurassicsystems.com

Page 51: SXSW Interactive 2014 Workshop: "The Humor-Centered Design Process"

DESIGN EXERCISE

SXSW Interactive 2014 / The Humor-Centered Design Process / #humorUX / 51

Yes, And

(15 minutes)

Page 52: SXSW Interactive 2014 Workshop: "The Humor-Centered Design Process"

QUESTIONS?

SXSW Interactive 2014 / The Humor-Centered Design Process / #humorUX / 52

Chelsey Delaney UX designer,

humorist, writer@chelseD

Chris Trew Comedian, Founder ofThe New Movement,

Author of Improv Wins @christrew

Thank you!