the xy&z of digital storytelling: dramaturgy, directionality and design
TRANSCRIPT
![Page 1: The XY&Z of Digital Storytelling: Dramaturgy, directionality and design](https://reader030.vdocument.in/reader030/viewer/2022032421/55a7b50f1a28abd2168b47ec/html5/thumbnails/1.jpg)
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](https://reader030.vdocument.in/reader030/viewer/2022032421/55a7b50f1a28abd2168b47ec/html5/thumbnails/2.jpg)
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](https://reader030.vdocument.in/reader030/viewer/2022032421/55a7b50f1a28abd2168b47ec/html5/thumbnails/3.jpg)
19 minutes per day of analog reading…
![Page 4: The XY&Z of Digital Storytelling: Dramaturgy, directionality and design](https://reader030.vdocument.in/reader030/viewer/2022032421/55a7b50f1a28abd2168b47ec/html5/thumbnails/4.jpg)
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](https://reader030.vdocument.in/reader030/viewer/2022032421/55a7b50f1a28abd2168b47ec/html5/thumbnails/5.jpg)
And almost 3 hours for television…
![Page 6: The XY&Z of Digital Storytelling: Dramaturgy, directionality and design](https://reader030.vdocument.in/reader030/viewer/2022032421/55a7b50f1a28abd2168b47ec/html5/thumbnails/6.jpg)
“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](https://reader030.vdocument.in/reader030/viewer/2022032421/55a7b50f1a28abd2168b47ec/html5/thumbnails/7.jpg)
So what are some implications for the
way we write stories online?
![Page 8: The XY&Z of Digital Storytelling: Dramaturgy, directionality and design](https://reader030.vdocument.in/reader030/viewer/2022032421/55a7b50f1a28abd2168b47ec/html5/thumbnails/8.jpg)
That first moment when the ground falls away…
![Page 9: The XY&Z of Digital Storytelling: Dramaturgy, directionality and design](https://reader030.vdocument.in/reader030/viewer/2022032421/55a7b50f1a28abd2168b47ec/html5/thumbnails/9.jpg)
More bait on the hook: animated data viz.
![Page 10: The XY&Z of Digital Storytelling: Dramaturgy, directionality and design](https://reader030.vdocument.in/reader030/viewer/2022032421/55a7b50f1a28abd2168b47ec/html5/thumbnails/10.jpg)
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](https://reader030.vdocument.in/reader030/viewer/2022032421/55a7b50f1a28abd2168b47ec/html5/thumbnails/11.jpg)
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](https://reader030.vdocument.in/reader030/viewer/2022032421/55a7b50f1a28abd2168b47ec/html5/thumbnails/12.jpg)
X/Y content model
X = Browse
Y = Deep Dive
![Page 13: The XY&Z of Digital Storytelling: Dramaturgy, directionality and design](https://reader030.vdocument.in/reader030/viewer/2022032421/55a7b50f1a28abd2168b47ec/html5/thumbnails/13.jpg)
![Page 14: The XY&Z of Digital Storytelling: Dramaturgy, directionality and design](https://reader030.vdocument.in/reader030/viewer/2022032421/55a7b50f1a28abd2168b47ec/html5/thumbnails/14.jpg)
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](https://reader030.vdocument.in/reader030/viewer/2022032421/55a7b50f1a28abd2168b47ec/html5/thumbnails/15.jpg)
Will anyone reach
the end of the
article?
![Page 16: The XY&Z of Digital Storytelling: Dramaturgy, directionality and design](https://reader030.vdocument.in/reader030/viewer/2022032421/55a7b50f1a28abd2168b47ec/html5/thumbnails/16.jpg)
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](https://reader030.vdocument.in/reader030/viewer/2022032421/55a7b50f1a28abd2168b47ec/html5/thumbnails/17.jpg)
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](https://reader030.vdocument.in/reader030/viewer/2022032421/55a7b50f1a28abd2168b47ec/html5/thumbnails/18.jpg)
We now specialize in browsing.
![Page 19: The XY&Z of Digital Storytelling: Dramaturgy, directionality and design](https://reader030.vdocument.in/reader030/viewer/2022032421/55a7b50f1a28abd2168b47ec/html5/thumbnails/19.jpg)
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](https://reader030.vdocument.in/reader030/viewer/2022032421/55a7b50f1a28abd2168b47ec/html5/thumbnails/20.jpg)
Other Models: Matrices
![Page 21: The XY&Z of Digital Storytelling: Dramaturgy, directionality and design](https://reader030.vdocument.in/reader030/viewer/2022032421/55a7b50f1a28abd2168b47ec/html5/thumbnails/21.jpg)
And less time-based, random-access Grids
![Page 22: The XY&Z of Digital Storytelling: Dramaturgy, directionality and design](https://reader030.vdocument.in/reader030/viewer/2022032421/55a7b50f1a28abd2168b47ec/html5/thumbnails/22.jpg)
A vast landscape of teasers.
![Page 23: The XY&Z of Digital Storytelling: Dramaturgy, directionality and design](https://reader030.vdocument.in/reader030/viewer/2022032421/55a7b50f1a28abd2168b47ec/html5/thumbnails/23.jpg)
Retail becomes electric.
“Staff Picks” have turned into an invisible algorithm.
![Page 24: The XY&Z of Digital Storytelling: Dramaturgy, directionality and design](https://reader030.vdocument.in/reader030/viewer/2022032421/55a7b50f1a28abd2168b47ec/html5/thumbnails/24.jpg)
Aggregators offer stories loosely connected by rubric:
![Page 25: The XY&Z of Digital Storytelling: Dramaturgy, directionality and design](https://reader030.vdocument.in/reader030/viewer/2022032421/55a7b50f1a28abd2168b47ec/html5/thumbnails/25.jpg)
And display them in a pleasing, sequential manner…
![Page 26: The XY&Z of Digital Storytelling: Dramaturgy, directionality and design](https://reader030.vdocument.in/reader030/viewer/2022032421/55a7b50f1a28abd2168b47ec/html5/thumbnails/26.jpg)
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](https://reader030.vdocument.in/reader030/viewer/2022032421/55a7b50f1a28abd2168b47ec/html5/thumbnails/27.jpg)
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](https://reader030.vdocument.in/reader030/viewer/2022032421/55a7b50f1a28abd2168b47ec/html5/thumbnails/28.jpg)
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](https://reader030.vdocument.in/reader030/viewer/2022032421/55a7b50f1a28abd2168b47ec/html5/thumbnails/29.jpg)
…in the theater or at home?
![Page 30: The XY&Z of Digital Storytelling: Dramaturgy, directionality and design](https://reader030.vdocument.in/reader030/viewer/2022032421/55a7b50f1a28abd2168b47ec/html5/thumbnails/30.jpg)
Is it either full Fantasy or sober Journalism?
![Page 31: The XY&Z of Digital Storytelling: Dramaturgy, directionality and design](https://reader030.vdocument.in/reader030/viewer/2022032421/55a7b50f1a28abd2168b47ec/html5/thumbnails/31.jpg)
“Here’s to the crazy ones…”
![Page 32: The XY&Z of Digital Storytelling: Dramaturgy, directionality and design](https://reader030.vdocument.in/reader030/viewer/2022032421/55a7b50f1a28abd2168b47ec/html5/thumbnails/32.jpg)
“They’re not fond of rules.” –Apple ad
![Page 33: The XY&Z of Digital Storytelling: Dramaturgy, directionality and design](https://reader030.vdocument.in/reader030/viewer/2022032421/55a7b50f1a28abd2168b47ec/html5/thumbnails/33.jpg)
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](https://reader030.vdocument.in/reader030/viewer/2022032421/55a7b50f1a28abd2168b47ec/html5/thumbnails/34.jpg)
Is that where we are today?
![Page 35: The XY&Z of Digital Storytelling: Dramaturgy, directionality and design](https://reader030.vdocument.in/reader030/viewer/2022032421/55a7b50f1a28abd2168b47ec/html5/thumbnails/35.jpg)
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](https://reader030.vdocument.in/reader030/viewer/2022032421/55a7b50f1a28abd2168b47ec/html5/thumbnails/36.jpg)
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](https://reader030.vdocument.in/reader030/viewer/2022032421/55a7b50f1a28abd2168b47ec/html5/thumbnails/37.jpg)
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](https://reader030.vdocument.in/reader030/viewer/2022032421/55a7b50f1a28abd2168b47ec/html5/thumbnails/38.jpg)
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](https://reader030.vdocument.in/reader030/viewer/2022032421/55a7b50f1a28abd2168b47ec/html5/thumbnails/39.jpg)
What will be an equivalent that
combines video, text, and image?
![Page 40: The XY&Z of Digital Storytelling: Dramaturgy, directionality and design](https://reader030.vdocument.in/reader030/viewer/2022032421/55a7b50f1a28abd2168b47ec/html5/thumbnails/40.jpg)
“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](https://reader030.vdocument.in/reader030/viewer/2022032421/55a7b50f1a28abd2168b47ec/html5/thumbnails/41.jpg)
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](https://reader030.vdocument.in/reader030/viewer/2022032421/55a7b50f1a28abd2168b47ec/html5/thumbnails/42.jpg)
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](https://reader030.vdocument.in/reader030/viewer/2022032421/55a7b50f1a28abd2168b47ec/html5/thumbnails/43.jpg)
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](https://reader030.vdocument.in/reader030/viewer/2022032421/55a7b50f1a28abd2168b47ec/html5/thumbnails/44.jpg)
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](https://reader030.vdocument.in/reader030/viewer/2022032421/55a7b50f1a28abd2168b47ec/html5/thumbnails/45.jpg)
A worthy goal.
Let’s try it.
![Page 46: The XY&Z of Digital Storytelling: Dramaturgy, directionality and design](https://reader030.vdocument.in/reader030/viewer/2022032421/55a7b50f1a28abd2168b47ec/html5/thumbnails/46.jpg)
Thank you.