Interactive Narratives: <br />Creating the Future Of Storytelling<br />SXSW Interactive | March 14, 2011<br />
Contents<br />Introduction: Defining and Creating an Interactive Narrative…………..4<br />Andrew Lewellen – Content Strategis...
Introduction:       <br />Defining and Creating an Interactive Narrative<br />Andrew Lewellen<br />Content Strategist, Raz...
What Is An Interactive Narrative?<br />Page 4Developedby: Andrew Lewellen, Razorfish<br />
What Is An Interactive Narrative?<br />An Interactive Narrative<br /><ul><li>Has an authored core story
This could be a mobile app, a print book, a web site.  Or nothing more than a sheet of paper with a Central Dramatic Quest...
What Is An Interactive Narrative?<br />An Interactive Narrative<br /><ul><li>Has an authored core story
This could be a mobile app, a print book, a web site.  Or nothing more than a sheet of paper with a Central Dramatic Quest...
Has a social narrative
The lives of the characters expand into a shared social space where the audience can learn more about them and become more...
What Is An Interactive Narrative?<br />An Interactive Narrative<br /><ul><li>Has an authored core story
This could be a mobile app, a print book, a web site.  Or nothing more than a sheet of paper with a Central Dramatic Quest...
Has a social narrative
The lives of the characters expand into a shared social space where the audience can learn more about them and become more...
Integrates and encourages audience participation
The plot moves outside of the core story and utilizes a social dialogue to engage readers with the story and its outcome. ...
What Is An Interactive Narrative?<br />A dynamic story that allows for personalized engagement and narrows the gap between...
“The Three Little Pigs”       <br />Authoring an iPad App<br />Josh Koppel <br />Founder, ScrollMotion<br />
The Original Experience<br />Page 10Developedby: Josh Koppel, ScrollMotion<br />
Page 11Developedby: Josh Koppel, ScrollMotion<br />
Page 12Developedby: Josh Koppel, ScrollMotion<br />
Page 13Developedby: Josh Koppel, ScrollMotion<br />
Page 14Developedby: Josh Koppel, ScrollMotion<br />
Page 15Developedby: Josh Koppel, ScrollMotion<br />
Page 16Developedby: Josh Koppel, ScrollMotion<br />
Page 17Developedby: Josh Koppel, ScrollMotion<br />
Revising the Story Assets<br /><ul><li>Digital book building turns pages into pixels </li></ul>Page 18Developedby: Josh Ko...
Step 1: Asset Assessment<br />Image Characteristics<br /><ul><li>18 Jpegs
450 x 420
Vertical Orientation
Public Domain Content</li></ul>Page 19Developedby: Josh Koppel, ScrollMotion<br />
Step 1: Asset Assessment<br />Text Characteristics<br /><ul><li>18 Pages
One paragraph per page</li></ul>Audio Characteristics<br /><ul><li>18 Individual Files (Page by Page)
MP3 Files</li></ul>Page 20Developedby: Josh Koppel, ScrollMotion<br />
Step 2: Visual Layout<br />Page 21Developedby: Josh Koppel, ScrollMotion<br />
Step 2: Visual Layout<br />Page 22Developedby: Josh Koppel, ScrollMotion<br />
Step 2: Visual Layout<br />Page 23Developedby: Josh Koppel, ScrollMotion<br />
Step 2: Visual Layout<br />Page 24Developedby: Josh Koppel, ScrollMotion<br />
Step 2: Visual Layout<br />Page 25Developedby: Josh Koppel, ScrollMotion<br />
Step 3: <br />Extra Features Encourage Personalized Engagement<br /><ul><li>Play Modules
Record Your Own Audio</li></ul>Page 26Developedby: Josh Koppel, ScrollMotion<br />
The Role of Social Media <br />in Interactive Storytelling <br />Esther Lim<br />Founder, The Estuary, LLC<br />
The Role of Social Media in Interactive Storytelling <br />Esther Lim<br />Founder, The Estuary, LLC<br />
Social Media as a narrative/engagement platform<br />Summary<br />Social Media is a content layering tool to provide extra...
Extend the primary story through exploration of additional standalone yet related story universes
Engage audiences by bringing the fictional world into the real world through social interaction, shared experiences and co...
How do you use social media as a narrative platform?<br />Character/Scene development with social profiles/blogs<br /><ul>...
Use status updates and photos to deepen the plot or introduce sub plots/back stories
Use threads to introduce secondary characters, augment character dialogue
Use blogs to shift story perspective, highlight internal dialogue</li></ul>Page 30Developed by: The Estuary, LLC<br />
How do you use social media as a narrative platform?<br />Character/Scene development with social profiles/blogs<br /><ul>...
How do you use social media as a narrative platform?<br />Activate audience participation<br /><ul><li>Use micro blogs lik...
Use social mobile media to drive readers to specific locations for more content discovery</li></ul>Page 32Developed by: Th...
Benefits of using social media in your narrative<br />Audience Connection and Engagement<br /><ul><li>Emotional Connection...
Benefits of using social media in your narrative<br />Audience Connection and Engagement<br /><ul><li>Emotional Connection...
Community Building: Friendships and community forms around shared experiences</li></ul>Page 34Developed by: The Estuary, L...
Benefits of using social media in your narrative<br />Audience Connection and Engagement<br /><ul><li>Emotional Connection...
Community Building: Friendships and community forms around shared experiences
Engagement/Co-Authorship: Opportunity for readers to share ideas about the story that can later be integrated into future ...
Benefits of using social media in your narrative<br />Marketing and Promotion<br /><ul><li>Story Awareness and Discovery: ...
Upcoming SlideShare
Loading in …5
×

Sxsw 2011 interactive_narratives_creating_the_future_of_storytelling

1,357 views

Published on

Presentation about Interactive Narratives I delivered with a team of three other people at SXSW 2011.

Published in: Technology, Business
0 Comments
3 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,357
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
36
Comments
0
Likes
3
Embeds 0
No embeds

No notes for slide

Sxsw 2011 interactive_narratives_creating_the_future_of_storytelling

  1. 1. Interactive Narratives: <br />Creating the Future Of Storytelling<br />SXSW Interactive | March 14, 2011<br />
  2. 2. Contents<br />Introduction: Defining and Creating an Interactive Narrative…………..4<br />Andrew Lewellen – Content Strategist, Razorfish<br />“The Three Little Pigs”: Authoring an iPadApp…………………………10<br />Josh Koppel – Founder, ScrollMotion<br />The Role of Social Media in Interactive Storytelling……………………28<br />Esther Lim - Founder, The Estuary, LLC<br />Participation: Why, What & How…….……………………………………38<br />Robert Pratten – CEO, TransmediaStoryteller.com<br />Summary…….………………………………………………………………56<br />
  3. 3. Introduction: <br />Defining and Creating an Interactive Narrative<br />Andrew Lewellen<br />Content Strategist, Razorfish<br />
  4. 4. What Is An Interactive Narrative?<br />Page 4Developedby: Andrew Lewellen, Razorfish<br />
  5. 5. What Is An Interactive Narrative?<br />An Interactive Narrative<br /><ul><li>Has an authored core story
  6. 6. This could be a mobile app, a print book, a web site. Or nothing more than a sheet of paper with a Central Dramatic Question, story arc, plot, and character sketches.</li></ul>Page 5Developedby: Andrew Lewellen, Razorfish<br />
  7. 7. What Is An Interactive Narrative?<br />An Interactive Narrative<br /><ul><li>Has an authored core story
  8. 8. This could be a mobile app, a print book, a web site. Or nothing more than a sheet of paper with a Central Dramatic Question, story arc, plot, and character sketches.
  9. 9. Has a social narrative
  10. 10. The lives of the characters expand into a shared social space where the audience can learn more about them and become more engaged with the story.</li></ul>Page 6Developedby: Andrew Lewellen, Razorfish<br />
  11. 11. What Is An Interactive Narrative?<br />An Interactive Narrative<br /><ul><li>Has an authored core story
  12. 12. This could be a mobile app, a print book, a web site. Or nothing more than a sheet of paper with a Central Dramatic Question, story arc, plot, and character sketches.
  13. 13. Has a social narrative
  14. 14. The lives of the characters expand into a shared social space where the audience can learn more about them and become more engaged with the story.
  15. 15. Integrates and encourages audience participation
  16. 16. The plot moves outside of the core story and utilizes a social dialogue to engage readers with the story and its outcome. </li></ul>Page 7Developedby: Andrew Lewellen, Razorfish<br />
  17. 17. What Is An Interactive Narrative?<br />A dynamic story that allows for personalized engagement and narrows the gap between writer and reader. <br />Page 8Developedby: Andrew Lewellen, Razorfish<br />
  18. 18. “The Three Little Pigs” <br />Authoring an iPad App<br />Josh Koppel <br />Founder, ScrollMotion<br />
  19. 19. The Original Experience<br />Page 10Developedby: Josh Koppel, ScrollMotion<br />
  20. 20. Page 11Developedby: Josh Koppel, ScrollMotion<br />
  21. 21. Page 12Developedby: Josh Koppel, ScrollMotion<br />
  22. 22. Page 13Developedby: Josh Koppel, ScrollMotion<br />
  23. 23. Page 14Developedby: Josh Koppel, ScrollMotion<br />
  24. 24. Page 15Developedby: Josh Koppel, ScrollMotion<br />
  25. 25. Page 16Developedby: Josh Koppel, ScrollMotion<br />
  26. 26. Page 17Developedby: Josh Koppel, ScrollMotion<br />
  27. 27. Revising the Story Assets<br /><ul><li>Digital book building turns pages into pixels </li></ul>Page 18Developedby: Josh Koppel, ScrollMotion<br />
  28. 28. Step 1: Asset Assessment<br />Image Characteristics<br /><ul><li>18 Jpegs
  29. 29. 450 x 420
  30. 30. Vertical Orientation
  31. 31. Public Domain Content</li></ul>Page 19Developedby: Josh Koppel, ScrollMotion<br />
  32. 32. Step 1: Asset Assessment<br />Text Characteristics<br /><ul><li>18 Pages
  33. 33. One paragraph per page</li></ul>Audio Characteristics<br /><ul><li>18 Individual Files (Page by Page)
  34. 34. MP3 Files</li></ul>Page 20Developedby: Josh Koppel, ScrollMotion<br />
  35. 35. Step 2: Visual Layout<br />Page 21Developedby: Josh Koppel, ScrollMotion<br />
  36. 36. Step 2: Visual Layout<br />Page 22Developedby: Josh Koppel, ScrollMotion<br />
  37. 37. Step 2: Visual Layout<br />Page 23Developedby: Josh Koppel, ScrollMotion<br />
  38. 38. Step 2: Visual Layout<br />Page 24Developedby: Josh Koppel, ScrollMotion<br />
  39. 39. Step 2: Visual Layout<br />Page 25Developedby: Josh Koppel, ScrollMotion<br />
  40. 40. Step 3: <br />Extra Features Encourage Personalized Engagement<br /><ul><li>Play Modules
  41. 41. Record Your Own Audio</li></ul>Page 26Developedby: Josh Koppel, ScrollMotion<br />
  42. 42. The Role of Social Media <br />in Interactive Storytelling <br />Esther Lim<br />Founder, The Estuary, LLC<br />
  43. 43. The Role of Social Media in Interactive Storytelling <br />Esther Lim<br />Founder, The Estuary, LLC<br />
  44. 44. Social Media as a narrative/engagement platform<br />Summary<br />Social Media is a content layering tool to provide extra content to fans<br />When used as an alternate narrative platform, Social Media can:<br /><ul><li>Enrichthe primary story through greater character/scenario details
  45. 45. Extend the primary story through exploration of additional standalone yet related story universes
  46. 46. Engage audiences by bringing the fictional world into the real world through social interaction, shared experiences and co-authorship</li></ul>Page 29Developed by: The Estuary, LLC<br />
  47. 47. How do you use social media as a narrative platform?<br />Character/Scene development with social profiles/blogs<br /><ul><li>Illustrate the character’s socialgraph (friends, interests, interactions)
  48. 48. Use status updates and photos to deepen the plot or introduce sub plots/back stories
  49. 49. Use threads to introduce secondary characters, augment character dialogue
  50. 50. Use blogs to shift story perspective, highlight internal dialogue</li></ul>Page 30Developed by: The Estuary, LLC<br />
  51. 51. How do you use social media as a narrative platform?<br />Character/Scene development with social profiles/blogs<br /><ul><li>Use blogs to shift story perspective, highlight internal dialogue</li></ul>Page 31Developed by: The Estuary, LLC<br />
  52. 52. How do you use social media as a narrative platform?<br />Activate audience participation<br /><ul><li>Use micro blogs like Twitter or Tumblr to capture real time events unfolding and tweet call to actions
  53. 53. Use social mobile media to drive readers to specific locations for more content discovery</li></ul>Page 32Developed by: The Estuary, LLC<br />
  54. 54. Benefits of using social media in your narrative<br />Audience Connection and Engagement<br /><ul><li>Emotional Connection: Audiences can form “friendships” with the character</li></ul>Page 33Developed by: The Estuary, LLC<br />
  55. 55. Benefits of using social media in your narrative<br />Audience Connection and Engagement<br /><ul><li>Emotional Connection: Audiences can form “friendships” with the character
  56. 56. Community Building: Friendships and community forms around shared experiences</li></ul>Page 34Developed by: The Estuary, LLC<br />
  57. 57. Benefits of using social media in your narrative<br />Audience Connection and Engagement<br /><ul><li>Emotional Connection: Audiences can form “friendships” with the character
  58. 58. Community Building: Friendships and community forms around shared experiences
  59. 59. Engagement/Co-Authorship: Opportunity for readers to share ideas about the story that can later be integrated into future story development</li></ul>Page 35Developed by: The Estuary, LLC<br />
  60. 60. Benefits of using social media in your narrative<br />Marketing and Promotion<br /><ul><li>Story Awareness and Discovery: Bring your story to where people play online
  61. 61. Content syndication/sharing: Good stories create social cache and are shared across friend/fan networks
  62. 62. Improves search engine discoverability: More mentions, hyperlinks, tags and discussions drives better search engine visibility
  63. 63. Audience acquisition: Multiple storytelling platforms create more entry points for entering and engaging with the story and its community of readers</li></ul>Page 36Developed by: The Estuary, LLC<br />
  64. 64. Getting started with social media narrative<br />How do I know if social media is right for my story?<br />Understand your audience and how they consume content<br />Design the level of reader participation you want to build <br />Identify the best social media platforms for your story/character<br />Build natural entry points (“rabbit holes”) in the story that lead to alternate supporting narratives<br />Leverage platform features to augment story experience<br />Write the experience for all three tiers of content consumers: <br /><ul><li>Passive Consumer
  65. 65. Occasional Participant/Lurker
  66. 66. Die Hard Fan</li></ul>Allow enough ramp up time (4-6 weeks) for character integration into a community. Relationships are not built overnight.<br />Page 37Developed by: The Estuary, LLC<br />
  67. 67. Esther LimFounder, The Estuary, LLC<br />esther@theestuarysf.com<br />www.theestuarysf.com<br />@geekgrl or @theestuarysf<br />Page 38Developed by: The Estuary, LLC<br />
  68. 68. Participation: Why, What & How<br />Robert Pratten<br />CEO, Transmedia Storyteller.com<br />
  69. 69. Summary<br />Leave a door open<br />Good stories work with or without interactivity<br />Build on what you know<br />Structure for enthusiasm<br />Page 40Developedby: Robert Pratten, TransmediaStoryteller.com<br />
  70. 70. Why bother with participation?<br />The business case<br />lower costs<br />marketing is integrated into the product (as it should be)<br />increased sales<br />social recommendation & spread<br />empowerment of advocates<br />engagement is measurable<br />The creative case<br />audience interaction is thrilling and addictive<br />Page 41Developedby: Robert Pratten, TransmediaStoryteller.com<br />
  71. 71. How do I do it?<br />Objective:<br />Make it easy<br />Make it worthwhile, meaningful, fun<br />Steps<br />Sketch the experience you want to create (consider artistic and commercial scenarios)<br />Layer your story for different levels of enthusiasm such that it works for the lazy and rewards the fan<br />Page 42Developedby: Robert Pratten, TransmediaStoryteller.com<br />
  72. 72. Make it easy<br />Page 43Developedby: Robert Pratten, TransmediaStoryteller.com<br />
  73. 73. Incentivize participation<br />Page 44Developedby: Robert Pratten, TransmediaStoryteller.com<br />
  74. 74. Layering your story<br />Page 45Developedby: Robert Pratten, TransmediaStoryteller.com<br />
  75. 75. Additional content for fans<br />Page 46Developedby: Robert Pratten, TransmediaStoryteller.com<br />
  76. 76. Content for attraction<br />Page 47Developedby: Robert Pratten, TransmediaStoryteller.com<br />
  77. 77. Layers united by story<br />Page 48Developedby: Robert Pratten, TransmediaStoryteller.com<br />
  78. 78. Examples<br />Lowlifes.tv <br />solo participation<br />QR codes offer additional subplot<br />email-based (alternative reality) game<br />Horror Unlimited short story<br />play with friends<br />two-player twitter game<br />3 Interactive Pigs<br />play in teams<br />multiplayer interactive storytelling<br />Page 49Developedby: Robert Pratten, TransmediaStoryteller.com<br />
  79. 79. 3 Interactive Pigs<br />Strong authorship (story is on rails) but…<br />Audience decides outcome at plot points<br />House of Straw, House of Sticks, House of Bricks<br />Pigs vs Wolf – you decide! <br />Do the pigs live or die? <br />Why bother? <br />Fun to create and fun to play<br />Facilitate social play which<br />strengthens relationships<br />raise awareness of other (paid) media<br />Reward fans<br />Page 50Developedby: Robert Pratten, TransmediaStoryteller.com<br />
  80. 80. 3 Interactive Pigs in Layers<br />Page 51Developedby: Robert Pratten, TransmediaStoryteller.com<br />
  81. 81. Call To Action<br />Page 52Developedby: Robert Pratten, TransmediaStoryteller.com<br />
  82. 82. Layered Engagement<br />Page 53Developedby: Robert Pratten, TransmediaStoryteller.com<br />
  83. 83. Poking friends<br />Matchword used to trigger Conducttr - tells @BigBadWolf_2011 to send a tweet to these friends<br />Page 54Developedby: Robert Pratten, TransmediaStoryteller.com<br />
  84. 84. Summary<br />Leave a door open<br />Good stories work with or without interactivity<br />Build on what you know<br />Structure for enthusiasm<br />Lower costs<br />Increased sales<br />Page 55Developedby: Robert Pratten, TransmediaStoryteller.com<br />
  85. 85. Start writing for audience engagement: www.tstoryteller.com<br />Robert PrattenCEO TransmediaStoryteller.com<br />@zenfilms or @tstoryteller<br />
  86. 86. Summary<br />
  87. 87. Summary<br />An Interactive Narrative<br /><ul><li>Has an authored core story.
  88. 88. Has a social narrative.
  89. 89. Integrates and encourages audience participation.
  90. 90. Is a dynamic story that allows for personalized engagement and narrows the gap between writer and reader. </li></ul>Page 58Developedby: Andrew Lewellen, Razorfish<br />
  91. 91. Questions?<br />Page 59<br />
  92. 92. Thank You!<br />

×