The XY&Z of Digital Storytelling: Dramaturgy, directionality and design

46
The XY&Z of Digital Storytelling Dramaturgy, directionality and design Peter Samis Tim Svenonius Assoc. Curator, Interpretation Senior Content Strategist Museums & the Web 2015 Chicago April 9, 2012

Transcript of The XY&Z of Digital Storytelling: Dramaturgy, directionality and design

Page 1: The XY&Z of Digital Storytelling: Dramaturgy, directionality and design

The XY&Z of Digital StorytellingDramaturgy, directionality and design

Peter Samis Tim SvenoniusAssoc. Curator, Interpretation Senior Content Strategist

Museums & the Web 2015 Chicago April 9, 2012

Page 2: The XY&Z of Digital Storytelling: Dramaturgy, directionality and design

Source: Bureau of Labor Statistics, via http://www.vox.com/

As of 2013…

Page 3: The XY&Z of Digital Storytelling: Dramaturgy, directionality and design

19 minutes per day of analog reading…

Page 4: The XY&Z of Digital Storytelling: Dramaturgy, directionality and design

26 mins/day for box games, card games,

& leisure computer use including web

surfing…

Page 5: The XY&Z of Digital Storytelling: Dramaturgy, directionality and design

And almost 3 hours for television…

Page 6: The XY&Z of Digital Storytelling: Dramaturgy, directionality and design

“Part of me believes that if film had

been invented before the book,

books may never have happened.”

–Ken Taylor, Philosophy professor @ Stanford

Page 7: The XY&Z of Digital Storytelling: Dramaturgy, directionality and design

So what are some implications for the

way we write stories online?

Page 10: The XY&Z of Digital Storytelling: Dramaturgy, directionality and design

Moment of Truth

1. Since it was first published in 2012,

how many of you have read Snow Fall?

2. How many of you have finished it?

Page 11: The XY&Z of Digital Storytelling: Dramaturgy, directionality and design

Speaking of

avalanches, our

attention, too,

gains velocity as

it moves down

the page.

Page 12: The XY&Z of Digital Storytelling: Dramaturgy, directionality and design

X/Y content model

X = Browse

Y = Deep Dive

Page 13: The XY&Z of Digital Storytelling: Dramaturgy, directionality and design
Page 14: The XY&Z of Digital Storytelling: Dramaturgy, directionality and design

Avge Web page

visit: < 1 min.

80.3% of time

spent “above the

fold” –Jakob Nielsen, 2010, 2011

Page 15: The XY&Z of Digital Storytelling: Dramaturgy, directionality and design

Will anyone reach

the end of the

article?

Page 16: The XY&Z of Digital Storytelling: Dramaturgy, directionality and design

Or has attention-

deficit behavior

become our new

normal?

With publishers aiding

and abetting,

inserting diversions

along the way?

Page 17: The XY&Z of Digital Storytelling: Dramaturgy, directionality and design

If so, why are we still telling stories in long columns of

text?

Page 18: The XY&Z of Digital Storytelling: Dramaturgy, directionality and design

We now specialize in browsing.

Page 19: The XY&Z of Digital Storytelling: Dramaturgy, directionality and design

Here’s the X-Y playing out in apps and books,

like exhibition catalogs.

Page 20: The XY&Z of Digital Storytelling: Dramaturgy, directionality and design

Other Models: Matrices

Page 21: The XY&Z of Digital Storytelling: Dramaturgy, directionality and design

And less time-based, random-access Grids

Page 22: The XY&Z of Digital Storytelling: Dramaturgy, directionality and design

A vast landscape of teasers.

Page 23: The XY&Z of Digital Storytelling: Dramaturgy, directionality and design

Retail becomes electric.

“Staff Picks” have turned into an invisible algorithm.

Page 24: The XY&Z of Digital Storytelling: Dramaturgy, directionality and design

Aggregators offer stories loosely connected by rubric:

Page 25: The XY&Z of Digital Storytelling: Dramaturgy, directionality and design

And display them in a pleasing, sequential manner…

Page 26: The XY&Z of Digital Storytelling: Dramaturgy, directionality and design

We have moved into a world of

standardization, which has brought us

great boons:

• Search-Engine optimized

• CSS-conforming

• Cross-platform

• Mobile-compatible

• Plays well with aggregators

• Socially shareable

Page 27: The XY&Z of Digital Storytelling: Dramaturgy, directionality and design

Is what we’re dealing with simply the

replacement of Flash by WordPress?

Page 28: The XY&Z of Digital Storytelling: Dramaturgy, directionality and design

Has immersive interactivity become limited to

the world of games and big screen cinema…

Page 29: The XY&Z of Digital Storytelling: Dramaturgy, directionality and design

…in the theater or at home?

Page 30: The XY&Z of Digital Storytelling: Dramaturgy, directionality and design

Is it either full Fantasy or sober Journalism?

Page 31: The XY&Z of Digital Storytelling: Dramaturgy, directionality and design

“Here’s to the crazy ones…”

Page 32: The XY&Z of Digital Storytelling: Dramaturgy, directionality and design

“They’re not fond of rules.” –Apple ad

Page 33: The XY&Z of Digital Storytelling: Dramaturgy, directionality and design

From creative improv to a “rappel à l’ordre”

Picasso, Portrait of Wilhelm Uhde, 1911 Picasso, Three Women at the Spring, 1921

Page 34: The XY&Z of Digital Storytelling: Dramaturgy, directionality and design

Is that where we are today?

Page 35: The XY&Z of Digital Storytelling: Dramaturgy, directionality and design

Recommender systems and endless browsing

are a weak substitute for deep contact.

There is a pent-up desire for new experience—

an adventure that seduces & draws us along.

Page 36: The XY&Z of Digital Storytelling: Dramaturgy, directionality and design

Unlike the decay curve of weak ties, we seek a

story that revitalizes and renews our energy.

Page 37: The XY&Z of Digital Storytelling: Dramaturgy, directionality and design

So if browsing has indeed replaced reading,

what are the implications for storytelling?

Page 38: The XY&Z of Digital Storytelling: Dramaturgy, directionality and design

One proposal: The Met’s Artist Project

http://artistproject.metmuseum.org/1/walton-ford/

Page 39: The XY&Z of Digital Storytelling: Dramaturgy, directionality and design

What will be an equivalent that

combines video, text, and image?

Page 40: The XY&Z of Digital Storytelling: Dramaturgy, directionality and design

“The deepest z-axis

you can ever imagine

is in every artwork.”

–Bill Viola

Nantes Triptych

Page 41: The XY&Z of Digital Storytelling: Dramaturgy, directionality and design

What we really seek is that elusive Z-

axis, taking us right to the heart of our

attention—

—where it meets the artist’s intention.

Page 42: The XY&Z of Digital Storytelling: Dramaturgy, directionality and design

Stories where the impetus to move forward is

encoded in the meeting of interface and

content.

“Navigation can become content in itself

& create a reflexive, liquid information

architecture.” -Harald Kraemer

Page 43: The XY&Z of Digital Storytelling: Dramaturgy, directionality and design

We want intuitive access: the right

balance of

Control

Surprise

Visual

pleasure

Reward

Renewing & replenishing the energy invested.

Page 44: The XY&Z of Digital Storytelling: Dramaturgy, directionality and design

Where the X of browsing allows for easy Y

plunges without sucking us into long-form text,

and yet delivers a Z of depth…

with economy.

Page 45: The XY&Z of Digital Storytelling: Dramaturgy, directionality and design

A worthy goal.

Let’s try it.

Page 46: The XY&Z of Digital Storytelling: Dramaturgy, directionality and design

Thank you.