sxsw 2015 - technology, story, and the art of performance

1TECHNOLOGY, STORY, AND THE ART OF PERFORMANCE

#sxsw #aistory

TECHNOLOGY, STORY, AND THE ART OF PERFORMANCE

HELLO!

Campfire

Mike MonelloElena Parker @elenakathryn

@mikemonello


#sxsw #aistory

ELENA PARKER CREATIVE TECHNOLOGIST,CAMPFIRE

WHO WE ARE


#sxsw #aistory

MIKE MONELLO CCO, CAMPFIRE

WHO WE ARE


#sxsw #aistoryWHO WE ARE


#sxsw #aistory

1. STORY 2. PARTICIPATION 3. PRODUCTION

WHAT WE’LL COVER


#sxsw #aistory1. STORY



#sxsw #aistory1. STORY

Watch video here: http://campfirenyc.com/work/infiniti-deja-view

http://campfirenyc.com/work/infiniti-deja-view


#sxsw #aistory1. STORY / GENRE & ADAPTATION

DEJA VIEWSCI-FI/THRILLER


#sxsw #aistory

LIZZIE BENNET DIARIESAUSTEN

1. STORY / GENRE & ADAPTATION


#sxsw #aistory

SLEEP NO MORE MACBETH + NOIR

1. STORY / GENRE & ADAPTATION



Tell new stories in old mediums, and old stories in new mediums.” — Douglas Rushkoff

“


#sxsw #aistory

ACT 1

ExpositionACT 2

Rising Action or Conflict

ACT 3

Climax and Resolution

CLASSIC STORY ARC

1. STORY / GENRE & ADAPTATION / STRUCTURE


#sxsw #aistory

ACT 1

ExpositionACT 2


ACT 3


BRANCHING STORY



#sxsw #aistory

ACT 1

ExpositionACT 2


ACT 3


BRANCHING STORY


Credit: youchosewrong.tumblr.com

http://youchosewrong.tumblr.com


#sxsw #aistory

ACT 1

ExpositionACT 2


ACT 3


BRANCHING STORY





#sxsw #aistory

Think about variations on a theme rather than branching narratives….

STRUCTURE LIKE JAZZ



#sxsw #aistory

STRUCTURE LIKE JAZZ

ACT 1

ExpositionACT 2


ACT 3




#sxsw #aistory

Users must have agency.

1. STORY / GENRE & ADAPTATION / STRUCTURE / AGENCY


#sxsw #aistory

Characters must have agency.


TECHNOLOGY, STORY, AND THE ART OF PERFORMANCE 25

#sxsw #aistory

SHADES OF GRAY / TRUST VARIABLE



#sxsw #aistory

USERS AND CHARACTERS ARE IN A PARTNERSHIP



#sxsw #aistory

STORY SUMMARY

‣ Embrace genre and adaptation

‣ Maintain the classic story arc

‣ Structure like jazz

‣ Both characters and users must have agency

‣ Characters and users in a partnership

1. STORY / SUMMARY


#sxsw #aistory2. PARTICIPATION



#sxsw #aistory2. PARTICIPATION

Watch video here: http://campfirenyc.com/work/cinemax-hunted

http://campfirenyc.com/work/cinemax-hunted


#sxsw #aistory2. PARTICIPATION / MAXIMAX

MINIMAX


#sxsw #aistory2. PARTICIPATION / MAXIMAX

MAXIMAX


#sxsw #aistory

CAPITALIZE ON OUR BIASES

2. PARTICIPATION / MAXIMAX / BIASES

Image: The Globe and Mail


#sxsw #aistory

PEOPLE WANT TO PLAY ALONG



#sxsw #aistory

BEN FRANKLIN EFFECT



#sxsw #aistory

STORY SHAPES USER BEHAVIOR

We are what we pretend to be, so we must be careful about what we pretend to be.”

— Kurt Vonnegut

“



#sxsw #aistory

WILLIAM CASTLE: MR. SARDONICUS


Watch video here: http://www.youtube.com/watch?v=ZJjK9njAwu0

http://www.youtube.com/watch?v=ZJjK9njAwu0


#sxsw #aistory

WILLIAM CASTLE: MR. SARDONICUS



#sxsw #aistory2. PARTICIPATION / MAXIMAX / BIASES / PERCEPTION


#sxsw #aistory

PERCEPTION

2. PARTICIPATION / MAXIMAX / BIASES / PERCEPTION



PERCEPTION



REALITY


#sxsw #aistory2. PARTICIPATION / SUMMARY

PARTICIPATION SUMMARY

‣ Maximax approach

‣ Capitalize on biases

‣ Manipulate perception


#sxsw #aistory3. PRODUCTION



#sxsw #aistory

PRE-PRODUCTION

3. PRODUCTION / PRE-PRODUCTION


#sxsw #aistory3. PRODUCTION / PRE-PRODUCTION

1. Understanding the human response

2. Build the computer system to handle the human response


#sxsw #aistory3. PRODUCTION / PRE-PRODUCTION / PAPER TEST

PAPER TEST


#sxsw #aistory

PAPER TEST: WHY?

‣ Are my assumptions correct?

‣ Am I hitting the right tone?

‣ Am I setting people and the

system up to succeed?

3. PRODUCTION / PRE-PRODUCTION / PAPER TEST


#sxsw #aistory

PAPER TEST: HOW?

‣ Test Main Path

‣ Test on approximately 5 people

‣ Record the tests

‣ Repeat



#sxsw #aistory

PAPER TEST: RESULTS

‣ Are my assumptions correct?YES — Understood the interaction and what we

wanted, got the character and experience

‣ Am I hitting the right tone? NO — Sexual and Snaky

‣ Am I setting people and the system up to succeed? NO — Hesitant and Not Outrageous



#sxsw #aistory

Write the script.

Start your build.

3. PRODUCTION / PRE-PRODUCTION / PAPER TEST / PROTOTYPE

PROTOTYPE


#sxsw #aistory

PROTOTYPE: WHY?

What patterns can I find that will make the interactions feel more real?



#sxsw #aistory

PROTOTYPE: HOW?

‣ Environment as close to production

as possible

‣ Test on >50 people



#sxsw #aistory

PROTOTYPE: PATTERNS



#sxsw #aistory

PROTOTYPE: PATTERNS

House Person Family



#sxsw #aistory

PROTOTYPE: PATTERNS



#sxsw #aistory

PROTOTYPE: PATTERNS

SANTANICO’S PROMPT

“My time is precious. If you want me

to stay, then I need to know what

you’d do to prove you’re worthy.

Someone once brought me 100

Nazi scalps to show true devotion.

What will you do to prove yours?”

RESPONSES

‣ A hundred and one Nazi scalps

‣ I would give you 200 Nazi scalps

‣ I will bring you 200 Nazi scalps

‣ 200 Nazi scalps

‣ I’ll bring you the same thing

‣ Hitler’s scalp

‣ How about 1000 scalps



#sxsw #aistory

When the script

responds correctly to an

acceptable majority of

participants…. move on.

PROTOTYPE



#sxsw #aistory3. PRODUCTION / ALPHA TEST

ALPHA TEST


#sxsw #aistory

‣ Test on multiple hundreds of people

‣ Test in your production environment

‣ Not adding new paths… funneling in new ways

3. PRODUCTION / ALPHA TEST

ALPHA TEST: HOW?



ALPHA TEST: HOW?


#sxsw #aistory

ALPHA TEST: HOW?



#sxsw #aistory

ALPHA TEST: HOW?


USER GREETS CHARACTER

COMPUTER SEARCHES FOR MATCH

CHARACTER RESPONDS TO USER


#sxsw #aistory

ALPHA TEST: HOW?


USER GREETS CHARACTER

COMPUTER SEARCHES FOR MATCH:

1) Hello

2) Hi

3) Hello There

4) Hey

CHARACTER RESPONDS TO USER


#sxsw #aistory

ALPHA TEST: HOW?


USER SAYS:

“Hello There”


1) Hello

2) Hi

3) Hello There

4) Hey

CHARACTER DELIVERS RESULT:

Formal Response

COMPUTER RECOGNIZES:

H-E-L-L-O in

H-E-L-L-O-T-H-E-R-E


#sxsw #aistory

ALPHA TEST: HOW?


USER SAYS:

“Hello There”


1) Hello There

2) Hello

3) Hi

4) Hey

CHARACTER DELIVERS RESULT:

Informal Response

COMPUTER RECOGNIZES:

H-E-L-L-O-T-H-E-R-E in

H-E-L-L-O-T-H-E-R-E

Undesirable responses

Confused responses

Almost desirable responses

Most desirable responses




#sxsw #aistory

RESPONSES: VALUE JUDGMENTS


sriracha

pizza

1000

1

cobra

chicken

you want

you tell

everything

highest

attack

baby

first born

nothing

anything

bring you

myself

punch

Higher in the List

Lower in the List

“…punch you…”

“…attack a whole army…”


#sxsw #aistory



sriracha

pizza

1000

1

cobra

chicken

you want

you tell

everything

highest

attack

baby

first born

nothing

anything

bring you

myself

punch

Higher in the List

Lower in the List


Confused responses




#sxsw #aistory



sriracha

pizza

1000

1

cobra

chicken

you want

you tell

everything

highest

attack

baby

first born

nothing

anything

bring you

myself

punch

Higher in the List

Lower in the List


#sxsw #aistory

PRODUCTION VS LIVE

snake

writhing

nails

sleep

pit

bed of

tequila

babies

baby

tongue

necklace

human

in-law

law

mother

father

big kahuna

deliver

stamp

brad

pitt

tarantino

scalp

hitler

101

and one

burger

into

ears

wax

polish

shoe

tattoo

tramp

nazi

scout


massage

sing

song

flower

card

letter

candy

date

pizza


#sxsw #aistory

POST-LAUNCH

3. PRODUCTION / ALPHA TEST / LIVE

User Response

Session Log 5366da60b13ce

I catch a grenade for you

Keyword Match

grenade

Server Phrase

Very good! You’ve proven yourself...

User Response

Session Log 53656976da98a

I’ll catch a grenade for you

Keyword Match

grenade

Server Phrase


User Response

Session Log 53609afdcf53

I catch a grenade for you

Keyword Match

you

Server Phrase



#sxsw #aistory3. PRODUCTION / ALPHA TEST / LIVE


#sxsw #aistory

PRODUCTION SUMMARY

‣ Design for humans first, then build your system

‣ Constantly Identify New Patterns

‣ Don’t walk away once you push live

‣ Your audience will surprise you… surprise them back

3. PRODUCTION / SUMMARY


THE INTERNET IS A STAGE

CONCLUSION


THANK YOU!Mike MonelloElena Parker @elenakathryn

@mikemonello

#sxsw #aistory

sxsw 2015 - technology, story, and the art of performance

Marketing

resolutionclassic story

art of performancehello

rising action

resolutionbranching

old stories

old mediums

new mediums

aistorymike monello