This document discusses explorations in web storytelling. It provides examples of digital storytelling tools and techniques, including websites for telling stories with images and videos, techniques for grabbing audience attention through shaping stories, and ways to incorporate suspense through partial revelation. Examples of easy ways to build web stories include using dominoes and providing story ideas and prompts. The document emphasizes leaving some details unknown to engage the audience.

1. Explorations in Web Storytelling
http://cogdog.wikispaces.com/Explorations+in+Storytelling
Alan Levine • cogdogblog.com
cc licensed ( BY ) flickr photo by pasukaru76: http://flickr.com/photos/pasukaru76/3694736727/

3. cc licensed ( BY NC ND ) flickr photo by ex_magician: http://flickr.com/photos/ex_magician/5053413126/

4. “telling stories
with digital
technologies.”
newdigitalstorytelling.net

5. http://bit.ly/1UTdt3

6. hobolobo.net

7. youtu.be/AwULXJlOxOU

8. www.chadmattandrob.com

9. youtu.be/3ecOluGahNY

10. twitter.com/samplereality

13. Making the Rosetta
Green Lantern Hits with the Powerbeam
The 488th Day of Summer

14. assignments.ds106.us/assignments/messing-with-the-macguffin/

15. assignments.ds106.us/assignments/ds106-propaganda-posters/

16. assignments.ds106.us/assignments/parent-child-headswap/

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

18. Improv
cc licensed ( BY NC SA ) flickr photo by mictlan74: http://flickr.com/photos/mictlan74/3374564653/

19. http://pechaflickr.cogdogblog.com/

20. Communicating
Something important to share
cc licensed ( BY NC ND ) flickr photo by Bindaas Madhavi: http://flickr.com/photos/mkuram/5961100771/

21. “One of the best
ways to
understand
something is to
create a story
around it”
Ruben Puentedura www.hippasus.com/rrpweblog

22. What
Works?
cc licensed ( BY NC ) flickr photo by i am brad: http://flickr.com/photos/iambrad/220687809/

23. Movies Grab Our Attention

24. Communicate & Grab Attention?

25. Shape of Stories
standard formula for screenplay = three act
structure, aka Freytag Pyramid

26. Kurt
Vonnegout on
the Shapes of
Stories
http://youtu.be/oP3c1h8v2ZQ
Paul Zak: Empathy,
Neurochemistry,
and the Dramatic
Arc
http://youtu.be/DHeqQAKHh3M

27. http://youtu.be/j7OHG7tHrNM

29. http://www.amazon.com/Dont-Be-Such-Scientist-Substance/dp/1597265632

30. "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"

31. 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/

32. http://blog.mrmeyer.com/?p=10285

33. http://blog.mrmeyer.com/?p=10285

34. http://blog.mrmeyer.com/?p=10285

35. http://threeacts.mrmeyer.com/
http://blog.mrmeyer.com/?p=10387

36. http://www.youtube.com/minutephysics

37. Troy Library Book Burning
Party
youtu.be/AoT13m8-Kxo

38. http://www.storyofstuff.org

39. RSA Animate- The Power of Networks
http://youtu.be/nJmGrNdJ5Gw

40. http://www.phildub.com/

41. http://www.storytellingwithdata.com/

42. http://storybranding.com

43. How Business Storytelling Set a
Project Back on Track
http://youtu.be/xBsLeobkm2A

44. Can Pictures
Tell Stories?
cc licensed ( BY NC ) flickr photo by kaje_yomama: http://flickr.com/photos/kajeyomama/4987968865/

45. 5card.cogdogblog.com

48. Easy Ways to Build
Web Stories?
cc licensed ( BY ND ) flickr photo by _ADW_: http://flickr.com/photos/anthonywheeler/3358223904/

49. 50ways.wikispaces.com

50. cogdogblog.com/1887

52. youtu.be/eMp-Fl-sXrU

53. 50ways.wikispaces.com/50Dominoes

55. 50ways.wikispaces.com/StoryIdeas
bit.ly/cindy-ppt

56. "that willing suspension
of disbelief for the
moment which
constitutes poetic faith"
Samuel Taylor Coleridge

57. youtu.be/IFe9wiDfb0E

58. The Hook
opening question,
provocative statement

59. Lost Flash Drive - Remixed then
Returned
youtu.be/IG1ZkW_u_Bw

60. Partial Revelation

61. 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

62. 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

63. www.youtube.com/watch?v=finF04ecMk4

64. www.thisamericanlife.org/about/make-radio

66. 50ways.wikispaces.com/StoryMedia

67. compfight.com

68. images.google.com/advanced_image_search

69. 50ways.wikispaces.com/StoryTools

70. 50ways.wikispaces.com/StoryTools

71. 50ways.wikispaces.com/OneTrueMedia

72. 50ways.wikispaces.com/OneTrueMedia

73. 50ways.wikispaces.com/Tools+By+Media

74. 50ways.wikispaces.com/Teacher+Features

75. A Digital Time
Capsule...
cc licensed ( BY ND ) flickr photo by Sebastian Fritzon: http://flickr.com/photos/sebastianfritzon/2310850531/

76. cogdogblog.com/storybox

77. cc licensed ( BY SA ) flickr photo by cogdogblog: http://flickr.com/photos/cogdog/7234010676/

78. cc licensed ( BY SA ) flickr photo by cogdogblog: http://flickr.com/photos/cogdog/8497443089/

80. cc licensed ( BY ) flickr photo by cogdogblog: http://flickr.com/photos/cogdog/7049777267/

81. http://ds106.us

82. ds106.us

83. wikipedia.org/wiki/Digital_storytelling

84. domain.of.ones.own
umwdomains.com
cc licensed ( BY NC ) flickr photo by Barry Yanowitz: http://flickr.com/photos/tomvu/5371659662/

85. cc licensed ( BY ) flickr photo by Ethan Hein: http://flickr.com/photos/ethanhein/2089449624/

86. ds106.us/tag/umwsp13

87. assignments.ds106.us

88. assignments.ds106.us/types/DesignAssignments/

89. assignments.ds106.us/assignments/one-story-four-icons/

90. tdc.ds106.us

91. cc licensed ( BY ) flickr photo by Ross2085: http://flickr.com/photos/9610484@N05/2947679794/