104
i wonder … Designing for Curiosity Sebastian Deterding (@dingstweets) Museums+Tech 2016, October 19, 2016 cb Image: JosephB

I wonder ... Designing for Curiosity

Embed Size (px)

Citation preview

Page 1: I wonder ... Designing for Curiosity

i wonder … Designing for Curiosity Sebastian Deterding (@dingstweets) Museums+Tech 2016, October 19, 2016

cb

Image: JosephB

Page 2: I wonder ... Designing for Curiosity

The other keynote speaker

Page 3: I wonder ... Designing for Curiosity

Talk … play & games engagement design crowdsourcing AI/machine learning VR/AR/audio … to me.

CentreforDigitalHeritage

Page 4: I wonder ... Designing for Curiosity

chapter 1

Storytime

Page 5: I wonder ... Designing for Curiosity

exhibit #1

Curiosity* * like, literally

Page 6: I wonder ... Designing for Curiosity

2012: curiosity - what’s inside the cube?

Page 7: I wonder ... Designing for Curiosity
Page 8: I wonder ... Designing for Curiosity

In the first month: 3 million users

800,000 daily active users 5 billion cubes clicked

Page 9: I wonder ... Designing for Curiosity

exhibit #2

Upworthy

Page 10: I wonder ... Designing for Curiosity

Fasted growing media site in history1 6 mio. UU/m. in first 12 months1

90 mio. UU/m. in first 18 months2 79th largest US site in traffic3

3rd most fb likes/shares of any news site4

... with 7.5 articles per day.4

(1) Forbes, 2013 (2) Quantcast, 2013 (3) Quantcast, 2014 (4) The Whip, 2013

2012

Page 11: I wonder ... Designing for Curiosity

The Atlantic, 2013

Page 12: I wonder ... Designing for Curiosity

HOW?*

*?!?!?!?!!?!?!?!?!?!?!?!?!?!?!?!?!?!?!?!?!???!??!?!???????!?!?

Page 13: I wonder ... Designing for Curiosity

all about that headline

Page 14: I wonder ... Designing for Curiosity
Page 15: I wonder ... Designing for Curiosity
Page 16: I wonder ... Designing for Curiosity

so what makes a viral headline?

Page 17: I wonder ... Designing for Curiosity
Page 18: I wonder ... Designing for Curiosity
Page 19: I wonder ... Designing for Curiosity
Page 20: I wonder ... Designing for Curiosity

Link to their guide in online slides

Page 21: I wonder ... Designing for Curiosity

curiosity drives engagement

Page 22: I wonder ... Designing for Curiosity

so how do we drive curiosity?

Page 23: I wonder ... Designing for Curiosity

chapter 2

How does curiosity work?

Page 24: I wonder ... Designing for Curiosity

unpredictability Can I not reliably anticipate

the future of this?

solvability Am I able to resolve

that inability?

relevance Is the ability to anticipate this

relevant to me?

curiosity unpredictable, positively relevant,

solvable, safe

safety Is resolving this inability

dangerous?

fear unpredictable, (un)solvable, negatively relevant, unsafe

curiosity: a motive to approach novel stimuli

invitation

Links in the online version

Page 25: I wonder ... Designing for Curiosity

Invitation: Click me!

Page 26: I wonder ... Designing for Curiosity

Not fully predictable.

I tell you that there’s something, but not what – and it’s shocking, not what you’d expect.

Page 27: I wonder ... Designing for Curiosity

Solvable.

Did I mention you can click here? Come on. You know you want to.

Page 28: I wonder ... Designing for Curiosity

Relevant.

Really, it’s shocking! And its about what you would pay.

Page 29: I wonder ... Designing for Curiosity

Safe.

Honestly: Clicking never hurt anyone.

Page 30: I wonder ... Designing for Curiosity

chapter 3

How to design for curiosity?

Page 31: I wonder ... Designing for Curiosity

<1/4> safety

Page 32: I wonder ... Designing for Curiosity

not this kind of safety

Page 33: I wonder ... Designing for Curiosity

this kind

“Don’t make me feel dumb.”

Google “hacking shyness”

Page 34: I wonder ... Designing for Curiosity

<2/4> relevance

Page 35: I wonder ... Designing for Curiosity

“Create a need to know by organising learning around complex problems in engaging contexts.”

katie salen-tekinbas

Page 36: I wonder ... Designing for Curiosity

your mission: hack the election Build a mathematical model to explore and demonstrate how changing voting methods can elect different presidents despite the same votes.

Page 37: I wonder ... Designing for Curiosity

can you escape in 60 minutes?

Page 38: I wonder ... Designing for Curiosity

can you convince this creature it’s a fish/bird?

Page 39: I wonder ... Designing for Curiosity

Answer, design for, start with

“why care?” before

“what’s to know?”

Page 40: I wonder ... Designing for Curiosity

everyone should care about the climate. But what will make your audience care?

Page 41: I wonder ... Designing for Curiosity
Page 42: I wonder ... Designing for Curiosity

concrete

personal

speculative

no knowledge test

frames experience

Page 43: I wonder ... Designing for Curiosity

<3/4> unpredictability

Page 44: I wonder ... Designing for Curiosity

don’t bury the lede!(but hint and reveal bit by bit)

Page 45: I wonder ... Designing for Curiosity

Answer, design for, start with

“why care?” before

“what’s to know?”

Page 46: I wonder ... Designing for Curiosity

don’t fudge dump all your content at once.

Page 47: I wonder ... Designing for Curiosity

Content is the candy.Curiosity is the wrapped package that

makes me want it, piece by piece.

Page 48: I wonder ... Designing for Curiosity

how radiolab does micorrhiza

Page 49: I wonder ... Designing for Curiosity

Young girl loses her dog in the forest. Will she ever find it?

Dog is howling from a deep ditch, sitting among a strange white thicket with roots.

What is this stuff?

Fast forward: Girl is now a scientist, discovers that tree species don’t fight: if a fir dies, the birches around also suffer.

Why is that?

We set up an experiment to see if this has something to do with the roots.

Will food marked with radioactive isotopes stay in tree?

Image: Marierodkjer

Page 50: I wonder ... Designing for Curiosity

Trees share their food through a wood-wide web!

But there’s something else …

We dig up roots: magnifying glass shows seven miles of filaments in a pinch of dirt!

What is this stuff?

A fungus! The filaments are actually tubes. But why is it there? Why do the fungi do

this? Why don’t the trees do it themselves?

Trees can’t draw minerals, fungi can’t produce carbon: They enwrap each other and exchange carbon and minerals.

But how do fungi get minerals?

Page 51: I wonder ... Designing for Curiosity

Fungi mine tunnels through pebbles with acid! They invade insects and suck out their minerals!

But how important is that, really?

Up to 80% of sugers go to fungi, majority of minerals go to trees!

And there’s more …

Trees communicate through fungi with other trees via chemicals!

Are trees and fungi an intelligent superorganism? A forest brain?

THE END.

Page 52: I wonder ... Designing for Curiosity

and how standard science ed does micorrhiza

Page 53: I wonder ... Designing for Curiosity

fudge dump.

Page 55: I wonder ... Designing for Curiosity

Novelty

We are curious about novel experiences: something potentially enjoyable we haven't experienced yet has us wonder: "How does it feel?" We follow a promise or surprise signalling novelty if we feel we are able and safe to do so.

▪ What experiences, interactions, content do players know and expect in the given context?

▪ What haven't they experienced they might want to know how it feels?

▪ How might you signal that the new experience exists and is enjoyable without giving it away?

▪ Do players fear the experience might be overwhelming, boring, or unpleasant? How might you mitigate those fear?

Instantiations: Novel Content, Novel Interactions, Novel Interfaces, Surprise.

CU

users

users

Page 56: I wonder ... Designing for Curiosity

what if?

Page 57: I wonder ... Designing for Curiosity

even adults are curious about novel sensation

Page 58: I wonder ... Designing for Curiosity

do not press the red button: novel content

Page 59: I wonder ... Designing for Curiosity
Page 60: I wonder ... Designing for Curiosity

wall to floor to ceiling: changing content

Page 61: I wonder ... Designing for Curiosity

Surprise

We feel good when our expectations are positively broken: something novel and good happens that we did not foresee. Such surprises stoke curiosity whether there might be further surprises in store, wondering: "Is there more like this?" A first surprise can thus become the hint in a hide-and-hint.

▪ What do players expect in this context (genre, level, interaction, situation, plot, menu, ...)?

▪ How might you positively break these expectations: something vastly more, better, or different?

▪ How might you first create or affirm the expectations – and then positively break them?

▪ How might you not reveal the existence of something positive for the player in your game until you surprise them with it? (Think level and interface design, but also packaging, marketing).

Instantiations: Easter Eggs, Hidden Information, Panoramic Opening, Plot Twist.

CU

users

user

Page 62: I wonder ... Designing for Curiosity

innocent smoothies: easter eggs

Page 63: I wonder ... Designing for Curiosity

timehop: easter eggs drive exploration

Page 64: I wonder ... Designing for Curiosity

what if you… scroll beyond the edge?!?

Page 65: I wonder ... Designing for Curiosity

“I wonder what else they’ve hidden…”

Page 66: I wonder ... Designing for Curiosity

Hide-and-hint

We are curious about potentially relevant information and resources that are hinted at but hidden. If we know about something, but not its content, we wonder: "What is there?"

▪ What information or resources are relevant to players at this point?

▪ How might you hide their specific content away?▪ How might you hint at their existence?▪ How might you signal their potential relevance?▪ How might you help players feel that they can

follow that hint safely?

Instantiations: Cliffhanger, Fog of War, Hidden Information, Locked Abilities, Locked Content,

Locked Items, Skill Tree, Tech Tree.

CU

users

users

Hint-and-hide

Page 67: I wonder ... Designing for Curiosity

upworthy: curiosity gap

Page 68: I wonder ... Designing for Curiosity

command & conquer: fog of war

Page 69: I wonder ... Designing for Curiosity

which is more curiosity-inducing?

Page 70: I wonder ... Designing for Curiosity

linkedin

Page 71: I wonder ... Designing for Curiosity
Page 72: I wonder ... Designing for Curiosity
Page 73: I wonder ... Designing for Curiosity

york castle museum

Page 74: I wonder ... Designing for Curiosity

the drowned man: environmental storytelling

Page 75: I wonder ... Designing for Curiosity

Unresolved Complexity

We are curious about unclear meanings or paths to a positively relevant outcome, wondering: "What's the solution?"

▪ How might you make a situation positively relevant? How might you signal this to players?

▪ How might you create a complex, non-obvious path to or symbol within that situation?

▪ Do players feel confident they can find the path or meaning? If not, how might you instil that confidence?

▪ How might you offer leads that spark multiple hypotheses for paths or meanings that players want to test?

▪ How might you help players feel that they can safely test these hypotheses?

Instantiations: Puzzles, Whodunnits.

CU

Page 76: I wonder ... Designing for Curiosity

interactives

Page 77: I wonder ... Designing for Curiosity

new scientist festival: space on earth

Page 78: I wonder ... Designing for Curiosity

Possibility Space

We are curious and feel autonomous in front of an untested possibility space, wondering: "What if …?" Possibility spaces arise from recombinable items or actions with no prescribed goals and emergent effects that feel unpredictable but over time, guessable and reliably learnable.

▪ What actions and/or items might you offer to combine?

▪ Do they produce a combinatorial explosion of effects that are logical but not foreseeable by you?

▪ How might you give players space, time, and license to try their own combinations?

▪ How might you balance effects so that they are neither unpredictably chaotic nor predictable?

▪ How might you give openings that suggest new combinations to try: constraints, traces of others, random suggestions, or half-begun things?

▪ How might you make testing an untried combination relevant – e.g. with novelty, competence, or self-expression?

▪ How might you help players feel that they can safely test new combinations?

Instantiations: Building blocks, Editors.

CU/AU

Page 79: I wonder ... Designing for Curiosity

lego: the original possibility space

Page 80: I wonder ... Designing for Curiosity

toca hair salon

Page 81: I wonder ... Designing for Curiosity

people find possibility spaces everywhere

Page 82: I wonder ... Designing for Curiosity

exploratorium

Page 83: I wonder ... Designing for Curiosity

barbican: the light machine

Page 84: I wonder ... Designing for Curiosity

<4/4> solvability

Page 85: I wonder ... Designing for Curiosity

dan meyer: math education

Page 86: I wonder ... Designing for Curiosity
Page 87: I wonder ... Designing for Curiosity
Page 88: I wonder ... Designing for Curiosity

this is puzzle design!

Page 89: I wonder ... Designing for Curiosity

trivial Not a (good) puzzle

impossible Not a (good) puzzle

solvable A (good) puzzle

Page 90: I wonder ... Designing for Curiosity

trivial Not a (good) puzzle

impossible Not a (good) puzzle

solvable A (good) puzzle

Page 91: I wonder ... Designing for Curiosity

chapter 4

Summary

Page 92: I wonder ... Designing for Curiosity

curiosity is a powerful motive.

Page 93: I wonder ... Designing for Curiosity

unpredictability Can I not reliably anticipate

the future of this?

solvability Am I able to resolve

that inability?

relevance Is the ability to anticipate this

relevant to me?

curiosity novel, comprehensible, positively relevant,

safe

safety Is resolving this inability

dangerous?

fear novel, (in)comprehensible, negatively

relevant, unsafe

stoke it by inviting to a relevant, safe, solvable unpredictability

invitation

Page 94: I wonder ... Designing for Curiosity

let me safely expose my lack of knowledge

“Don’t make me feel dumb.”

Page 95: I wonder ... Designing for Curiosity

make me care before telling me what’s to know

Page 96: I wonder ... Designing for Curiosity

give me a puzzle i’m able and proud to solve

Page 97: I wonder ... Designing for Curiosity

and don’t fudge dump your content on me:

Page 98: I wonder ... Designing for Curiosity

Image: Marierodkjer

unwrap yourself bit by bit …

Page 99: I wonder ... Designing for Curiosity

teasing me with novel experiences, ...

Page 100: I wonder ... Designing for Curiosity

… surprises, ...

Page 101: I wonder ... Designing for Curiosity

… hinting-and-hiding, ...

Page 102: I wonder ... Designing for Curiosity

… unresolved complexity, ...

Page 103: I wonder ... Designing for Curiosity

… and rich possibility spaces.