SlideShare a Scribd company logo
Hands on with Web Storytelling


                    Alan Levine • cogdogblog.com
     cc licensed ( BY ) flickr photo by pasukaru76: http://flickr.com/photos/pasukaru76/3694736727/
cc licensed ( BY NC ND ) flickr photo by ex_magician: http://flickr.com/photos/ex_magician/5053413126/
“telling stories
               with digital
               technologies.”




newdigitalstorytelling.net
cc licensed ( BY NC SA ) flickr photo by romainguy: http://flickr.com/photos/romainguy/3979385396/
Improv




cc licensed ( BY NC SA ) flickr photo by mictlan74: http://flickr.com/photos/mictlan74/3374564653/
http://pechaflickr.cogdogblog.com/
Communicating
Something important to share




       cc licensed ( BY NC ND ) flickr photo by Bindaas Madhavi: http://flickr.com/photos/mkuram/5961100771/
“One of the best
                                   ways to
                               understand
                           something is to
                            create a story
                                around it”




Ruben Puentedura www.hippasus.com/rrpweblog
What
                                                          Works?




cc licensed ( BY NC ) flickr photo by i am brad: http://flickr.com/photos/iambrad/220687809/
Movies Grab Our Attention
Communicate & Grab Attention?
Shape of Stories
standard formula for screenplay = three act
      structure, aka Freytag Pyramid
Kurt
                              Vonnegout on
                              the Shapes of
                              Stories
                              http://youtu.be/oP3c1h8v2ZQ




Paul Zak: Empathy,
  Neurochemistry,
 and the Dramatic
              Arc
http://youtu.be/DHeqQAKHh3M
Hands-on Experiences in Web Storytelling
http://www.amazon.com/Dont-Be-Such-Scientist-Substance/dp/1597265632
"When it's a simple as two things:
arouse and fulfill. You need to first
arouse your audience and then get
them interested in what you have
to say; then you need to fulfill their
expectations"
Nancy Duarte Analyzes Effective Speeches

Comparing what is (the status quo) with what could be,
eventually conveying to the audience the idea of “the new
bliss.”

www.duarte.com/books/resonate/sparkline-overview/
http://blog.mrmeyer.com/?p=10285
http://blog.mrmeyer.com/?p=10285
http://blog.mrmeyer.com/?p=10285
http://threeacts.mrmeyer.com/




          http://blog.mrmeyer.com/?p=10387
http://www.youtube.com/minutephysics
Troy Library Book Burning
    Party




youtu.be/AoT13m8-Kxo
http://www.storyofstuff.org
http://www.phildub.com/
How Business Storytelling Set a
Project Back on Track

http://youtu.be/xBsLeobkm2A
Hands-on Experiences in Web Storytelling
50ways.wikispaces.com
cogdogblog.com/1887
Hands-on Experiences in Web Storytelling
youtu.be/eMp-Fl-sXrU
50ways.wikispaces.com/50Dominoes
Hands-on Experiences in Web Storytelling
50ways.wikispaces.com/StoryIdeas
bit.ly/cindy-ppt
"that willing suspension
of disbelief for the
moment which
constitutes poetic faith"

Samuel Taylor Coleridge
youtu.be/IFe9wiDfb0E
The Hook
opening question,
provocative statement
Lost Flash Drive - Remixed then
 Returned




youtu.be/IG1ZkW_u_Bw
Partial Revelation
There's this danger of becoming too precise and
too revealing- it's more powerful to hold
something back than to show the whole
picture. The reason is that when you show the
whole picture there is no space left for the
viewer to come into it. But when you leave
something out, the viewer will fill that empty
space with experience from their own life.
They can end up resonating on a more deeper
level with the thing when you give them that
space to come in.
Jonathan Harris
http://www.greenplum.com/community/data-scientist-
summit-2011
BBC Five Shot
                            Method

                            • closeup on hands
                            • closeup on face
                            • wide shot
                            • over the shoulder
                            • unusual/side shot



http://www.slideshare.net/fuzheado/teaching-visual-
storytelling-the-five-shot-method-and-beyond
www.youtube.com/watch?v=finF04ecMk4
www.thisamericanlife.org/about/make-radio
Hands-on Experiences in Web Storytelling
50ways.wikispaces.com/StoryMedia
compfight.com
images.google.com/advanced_image_search
50ways.wikispaces.com/StoryTools
50ways.wikispaces.com/StoryTools
50ways.wikispaces.com/OneTrueMedia
50ways.wikispaces.com/OneTrueMedia
50ways.wikispaces.com/Tools+By+Media
50ways.wikispaces.com/Teacher+Features
cc licensed ( BY NC ) flickr photo by kaje_yomama: http://flickr.com/photos/kajeyomama/4987968865/
5card.cogdogblog.com
Hands-on Experiences in Web Storytelling
Hands-on Experiences in Web Storytelling
cc licensed ( BY ND ) flickr photo by Sebastian Fritzon: http://flickr.com/photos/sebastianfritzon/2310850531/
http://ds106.us
ds106.us
wikipedia.org/wiki/Digital_storytelling
cc licensed ( BY ) flickr photo by cogdogblog: http://flickr.com/photos/cogdog/7049777267/
domain.of.ones.own




umwdomains.com
         cc licensed ( BY NC ) flickr photo by Barry Yanowitz: http://flickr.com/photos/tomvu/5371659662/
cc licensed ( BY ) flickr photo by Ethan Hein: http://flickr.com/photos/ethanhein/2089449624/
ds106.us/tag/umwsp13
assignments.ds106.us
assignments.ds106.us/types/DesignAssignments/
assignments.ds106.us/assignments/one-story-four-icons/
tdc.ds106.us
cc licensed ( BY ) flickr photo by Ross2085: http://flickr.com/photos/9610484@N05/2947679794/

More Related Content

PPT
Being There...@ Maricopa
PDF
Enquire Within Upon Everything
PPT
What mean ye storytelling
PDF
Out in the Open Range
PDF
On Compelling Storytelling
PDF
Web Storytelling: College of Wooster 2013
KEY
Being There
PDF
Enquire Within Upon Everything
Being There...@ Maricopa
Enquire Within Upon Everything
What mean ye storytelling
Out in the Open Range
On Compelling Storytelling
Web Storytelling: College of Wooster 2013
Being There
Enquire Within Upon Everything

What's hot (20)

PDF
Future Center@Junkudo
KEY
Re:build 2011: Passion -> Startup
PDF
Abdulaziz Bandar Visual Resume
PPTX
What mean ye Storytelling?
PPT
Why Am I So Angry? And What Are You Going to Do About It?
PDF
Don't Just Shoot
PDF
Dark Euphoria Where Did The Future Go?
PPTX
The Hundred Languages
PDF
The Fourth Screen v2
PDF
Dolman deck
PDF
Zaana howard completed [compatibility mode]
PPTX
Of Data Silos, Geo-Babel & Other Geo Malaises
PPT
Using Technology to Enhance In-Person Training
PPT
Credits
PPT
Oetc 11 empire Draft
PPT
Young Minds Digital Times
PPTX
A (Mostly) Complete & (Mostly) Accurate History Of Location (Abridged)
PPT
Introduction to Cloud Computing
KEY
How To Improve Your Blog's Image With Images - From Podcamp Boston 2011
PPT
Being There In The Unevenly Distributed Future
Future Center@Junkudo
Re:build 2011: Passion -> Startup
Abdulaziz Bandar Visual Resume
What mean ye Storytelling?
Why Am I So Angry? And What Are You Going to Do About It?
Don't Just Shoot
Dark Euphoria Where Did The Future Go?
The Hundred Languages
The Fourth Screen v2
Dolman deck
Zaana howard completed [compatibility mode]
Of Data Silos, Geo-Babel & Other Geo Malaises
Using Technology to Enhance In-Person Training
Credits
Oetc 11 empire Draft
Young Minds Digital Times
A (Mostly) Complete & (Mostly) Accurate History Of Location (Abridged)
Introduction to Cloud Computing
How To Improve Your Blog's Image With Images - From Podcamp Boston 2011
Being There In The Unevenly Distributed Future
Ad

Similar to Hands-on Experiences in Web Storytelling (20)

PDF
Explorations in Storytellng
PDF
What mean ye storytelling- the #etmooc version
PDF
Creating Compelling Digital Stories
PPTX
Navigating the World of Technology WITH Our Youth
PDF
The Importance of Storytelling in Web Design, WordCamp Miami 2013
PDF
Learning without Frontiers: School libraries and meta-literacy in action
ODP
Perceptive Media for Learn Do Share Warsaw
PDF
What Can I Do Now? (web 2.0 pedagogy) v4
PPT
From Players To Guides: Learning in a Hyperlinked World
PDF
Lets Get Visual Itsc
PDF
Infinite Possibilities - Groupon's GEEKon 2015
PDF
Infinite Possibilities
PDF
The Creativity (R)Evolution - UX Week 2014
PDF
Presentationcreativityrevolutionuxweek 140912120824-phpapp02
PDF
We Learn Through Stories v4 (master class)
PDF
Infinite Possibilities - How Interactive Conference, San Francisco
PDF
Infinite Possibilities - STC Summit 2015
KEY
Join the Secret Revolution
PPTX
Once Upon a Semester: Storytelling as a Framework for Higher Ed Web Marketing
PDF
Brand Evolution
Explorations in Storytellng
What mean ye storytelling- the #etmooc version
Creating Compelling Digital Stories
Navigating the World of Technology WITH Our Youth
The Importance of Storytelling in Web Design, WordCamp Miami 2013
Learning without Frontiers: School libraries and meta-literacy in action
Perceptive Media for Learn Do Share Warsaw
What Can I Do Now? (web 2.0 pedagogy) v4
From Players To Guides: Learning in a Hyperlinked World
Lets Get Visual Itsc
Infinite Possibilities - Groupon's GEEKon 2015
Infinite Possibilities
The Creativity (R)Evolution - UX Week 2014
Presentationcreativityrevolutionuxweek 140912120824-phpapp02
We Learn Through Stories v4 (master class)
Infinite Possibilities - How Interactive Conference, San Francisco
Infinite Possibilities - STC Summit 2015
Join the Secret Revolution
Once Upon a Semester: Storytelling as a Framework for Higher Ed Web Marketing
Brand Evolution
Ad

More from Alan Levine (20)

PPTX
Llama llama llama llama llama
PPTX
Doing the Daily Create
PDF
Storythinking > Storymaking > Storytelling
PDF
OER14 3M/DS106 NOT The Presentation Deck
PDF
Enquire Within Upon Everything: True Stories of the Wondrous Web
PPTX
50 Web Ways to Tell a Story Skidmore College
PDF
Making / Telling Stories that Matter
PPTX
How to Give a [TED Worthy] Power of Storytelling Talk
PDF
The ds106 Files: Outbreaks of Infectious and Open Acts of Creativity
PDF
True Stories of Openness (Yavapai College)
PPT
Five Things, and the Fifth is ds106
PPT
The ds106 Show
PDF
Telling Stories With Data (and Pictures)
PPT
Telling a Story in Four Icons/Sounds
PPT
Through the Lens (2013 Version)
PDF
Out in the Open Range
PDF
Shaping Media for Digitail Storytelling
PDF
The Open Assignment Bank of ds106 and Remixing Thereof
PDF
Building an Open Course/Community with WordPress, Syndication, and Duct Tape
KEY
Thru The Lens
Llama llama llama llama llama
Doing the Daily Create
Storythinking > Storymaking > Storytelling
OER14 3M/DS106 NOT The Presentation Deck
Enquire Within Upon Everything: True Stories of the Wondrous Web
50 Web Ways to Tell a Story Skidmore College
Making / Telling Stories that Matter
How to Give a [TED Worthy] Power of Storytelling Talk
The ds106 Files: Outbreaks of Infectious and Open Acts of Creativity
True Stories of Openness (Yavapai College)
Five Things, and the Fifth is ds106
The ds106 Show
Telling Stories With Data (and Pictures)
Telling a Story in Four Icons/Sounds
Through the Lens (2013 Version)
Out in the Open Range
Shaping Media for Digitail Storytelling
The Open Assignment Bank of ds106 and Remixing Thereof
Building an Open Course/Community with WordPress, Syndication, and Duct Tape
Thru The Lens

Recently uploaded (20)

PDF
Microbial disease of the cardiovascular and lymphatic systems
PPTX
The Healthy Child – Unit II | Child Health Nursing I | B.Sc Nursing 5th Semester
PPTX
human mycosis Human fungal infections are called human mycosis..pptx
PDF
VCE English Exam - Section C Student Revision Booklet
PPTX
PPH.pptx obstetrics and gynecology in nursing
PDF
Basic Mud Logging Guide for educational purpose
PDF
STATICS OF THE RIGID BODIES Hibbelers.pdf
PPTX
IMMUNITY IMMUNITY refers to protection against infection, and the immune syst...
PPTX
Cell Structure & Organelles in detailed.
PPTX
Cell Types and Its function , kingdom of life
PDF
Module 4: Burden of Disease Tutorial Slides S2 2025
PDF
BÀI TẬP BỔ TRỢ 4 KỸ NĂNG TIẾNG ANH 9 GLOBAL SUCCESS - CẢ NĂM - BÁM SÁT FORM Đ...
PPTX
Pharmacology of Heart Failure /Pharmacotherapy of CHF
PDF
Chapter 2 Heredity, Prenatal Development, and Birth.pdf
PDF
Anesthesia in Laparoscopic Surgery in India
PPTX
Pharma ospi slides which help in ospi learning
PDF
The Lost Whites of Pakistan by Jahanzaib Mughal.pdf
PPTX
Introduction to Child Health Nursing – Unit I | Child Health Nursing I | B.Sc...
PDF
Classroom Observation Tools for Teachers
PDF
Insiders guide to clinical Medicine.pdf
Microbial disease of the cardiovascular and lymphatic systems
The Healthy Child – Unit II | Child Health Nursing I | B.Sc Nursing 5th Semester
human mycosis Human fungal infections are called human mycosis..pptx
VCE English Exam - Section C Student Revision Booklet
PPH.pptx obstetrics and gynecology in nursing
Basic Mud Logging Guide for educational purpose
STATICS OF THE RIGID BODIES Hibbelers.pdf
IMMUNITY IMMUNITY refers to protection against infection, and the immune syst...
Cell Structure & Organelles in detailed.
Cell Types and Its function , kingdom of life
Module 4: Burden of Disease Tutorial Slides S2 2025
BÀI TẬP BỔ TRỢ 4 KỸ NĂNG TIẾNG ANH 9 GLOBAL SUCCESS - CẢ NĂM - BÁM SÁT FORM Đ...
Pharmacology of Heart Failure /Pharmacotherapy of CHF
Chapter 2 Heredity, Prenatal Development, and Birth.pdf
Anesthesia in Laparoscopic Surgery in India
Pharma ospi slides which help in ospi learning
The Lost Whites of Pakistan by Jahanzaib Mughal.pdf
Introduction to Child Health Nursing – Unit I | Child Health Nursing I | B.Sc...
Classroom Observation Tools for Teachers
Insiders guide to clinical Medicine.pdf

Hands-on Experiences in Web Storytelling