the narrative | storyline the end

\n $\"-\"$

offer short version at the end, i.e. offer a quick overview, this story in 10 seconds

link back to the most amazing parts of your story

link to related content on your website

link to related content on the web

offer dialogue:

invite to comment

invite to talk

call to action:

motivate to share this story

",{"_145":146,"_40":41,"_44":45,"_42":43,"_63":64,"_147":148,"_160":143},"previewContent","

\n 3 different types\n
\n the structure | do you have a story, really?\n
\n the structure | plan your story\n
\n the media | enrich your story\n
\n the narrative | storyline\n
\n the narrative | storyline details\n
\n the narrative | interactive\n
\n the narrative | storyline the end\n
\n storyboard | the narrative | storyline\n
\n examples | resources\n
\n thanks\n

3 different types

\n $\"-\"$

\n\n

1. one page =

\n\n

completely linear, just 1 storyline\n> example Firestorm - The Guardian\nlink to Firestorm

\n\n

2. parallax =\nlinear with sidesteps, 1 storyline with parallel additional parts; two or more storylines possible\n> example Snow Fall - The New York Times\nlink to Snowfall

\n\n

3. dossier =\npackage of linear stories\n> example ikrk.srf.ch\nlink to IKRK-dossier

\n\n

the structure | do you have a story, really?

\n\n

a real story needs at least

\n\n

\nsomeone
\ndoing something
with one clear objective and/or problem

And that’s the short version ;-)\nThe long and complete list:

\n\n

a real story needs

\n\n

\ncentral character with motivation and specific characteristics
\naction (a plot)
main problem
outcome
judgement
narrator
frame

\n
for more details on concepts of a story see – for example –:
\n

\n\n

link to visual.ly and

\n\n

link to open culture

\n\n

the structure | plan your story

\n\n

First check these 3 steps to an amazing story:

\n\n

10 keywords

What are the essential words for our story? Without these keywords our story could not be told.

\n\n

1 sentence (the take away)

What should your audience take away from your story? Write it in just 1 sentence or a tweet (140 characters).

\n\n

\n2 plot points\nPlot points are events (i.e. action, quote, observation) that spins your story in a new and/or unexpected direction (*). Find at least 2 plot points in your story.

(*) for more details on the concept of „plot points“ see „Syd Field’s Paradigm“

\n\n

[link to Wikipedia](https://en.wikipedia.org/wiki/Screenwriting_theories#Theories_on_writing_a_screenplay

\n\n

the media | enrich your story

\n\n

surprise your audience (and sometimes disturb)

\n\n

Look for extraordinary pictures:

\n\n

emotion
action
prefer detail/close ups
one point to focus
the main object or person is on the right or the left side, never in the middle

Want to place text in photos? check in advance in which part of the photo your text is visible (white text on dark photo?).

\n\n

use effects carefully

\n\n

slow motion
HD video
color splash
stop trick
time-lapse

use interactivity: scroll animation

\n\n

the narrative | tell your story

\n\n

Note: Youâ€˜re going to tell a story. not to build a picture gallery. So, do it like Hollywood, write a screenplay.\nAnd make it more parallax, more interactive.

\n\n

the narrative | storyline

\n\n

\n $\"-\"$

\n\n

START\nDo not bore your audience with traditional heading and introduction:

\n\n

surprise your audience\n++ start with close-up, with details \n++ start right in the middle of your story

intro jump into your story with (i.e.) \n++ detail (photo)

\n\n

++ action (video)

\n\n

++ surprising fact (text or graphic)

\n\n

++ quote

\n\n

info add some orientation with (i.e.):

\n\n

++ bullet points for quick overview

\n\n

++ personal welcome message (video)

\n\n

++ map

\n\n

cliffhanger make your readers curious with (i.e.):

\n\n

++ quote

\n\n

++ first part of a stunning picture

\n\n

++ collage

\n\n

++ text

\n\n

mind the gap:\nThe „bail out point“ comes at 80 seconds – at the latest.

\n\n

the narrative | storyline details

\n\n

it‘s a story to scroll – so, use the transition from page to page as part of your narrative

\n\n

it‘s an interactive story – use animation parallel to your text

\n\n

again: it‘s a story, not a picture gallery – your narrative must be concise, strong and tight

\n\n

set plot points: events (i.e. action, quote, observation) that spins your story in a new and/or unexpected direction

\n\n

magic moments: quotes, facts, pictures, catharsis, clearing, aha!

\n\n

do not link outside your story

\n\n

show additional material inside your story as a sidestep or a little break

\n\n

offer additional material exactly when it is needed

\n\n

the narrative | interactive

\n\n

\n $\"-\"$

\n\n

the 2 types of interactivity

\n\n

(1) your audience can only control the speed of your story:

\n\n

slow down your audience reading by using transition effects between 2 or more pictures (again: it‘s an image-led story)
use flipbook-effects besides or in between your main storyline

(2) your audience can control the speed and the depth of your story:

\n\n

offer some choices in some parts of your story: additional reading, interactive map etc.
call to action: let your audience participate, start a dialogue or a quiz or a survey

! make sure these extras will be readable on small mobile screens as well

\n\n

! choose these extras carefully, do not overload your story

\n\n

! place them carefully, do not break the flow of your story

\n\n

the narrative | storyline the end

\n\n

\n $\"-\"$

\n\n

offer short version at the end, i.e. offer a quick overview, this story in 10 seconds

\n\n

link back to the most amazing parts of your story

\n\n

link to related content on your website

\n\n

link to related content on the web

\n\n

offer dialogue:

\n\n

invite to comment

\n\n

invite to talk

\n\n

call to action:

\n\n

motivate to share this story

\n\n

storyboard | the narrative | storyline

\n\n

\n $\"-\"$

\n\n

START: thrill\nintro - info -cliffhanger\nthe first pages\n+ start quickly: your first 3 pages are extremly intuitve, easy and fast to read\n+ show emotions

\n\n

STORY: depth\n+ deliver more\n+ indepth reporting\n+ worth to read\n+ slow down, but use different speed during this main part of your story\n+ ensure diversity from page to page with tough changes i.e. from pure text to stunning action video etc.

\n\n

END: action\n+ stop your readers\n+ best-of-show (i.e. videos)\n+ link back to the most emotional parts of your story\n+ fun fact or other suprise (i.e quote, fact)\n+ call-to-action (let them share your story)

\n\n

\n $\"for$

for better graphics download this guide at http://de.slideshare.net/ulghh/onepageparallax-storytelling-a-quick-guide

\n\n

examples | resources

\n\n

SRG: Qualität im Journalismus http://www.srginsider.ch/qualitaet/

\n\n

SRF: ikrk.srf.ch („dossier“, produced by a web-agency)

\n\n

SRF: Die Menschen von Maracana http://www.srfcdn.ch/srf/news/kultur/maracana/f5dba9bc6eb14ec5b084ff24b3742e05/

\n\n

SRF: Nationalpark – Hier wird‘s wild http://www.srfcdn.ch/srf/news/nationalpark/

\n\n

Firestorm The Guardian http://www.theguardian.com/world/interactive/2013/may/26/firestorm-bushfire-dunalley-holmes-family

\n\n

Snowfall NYT: http://www.nytimes.com/projects/2012/snow-fall/#/?part=tunnel-creek

\n\n

The Reykjavik Confessions

\n\n

http://pitchfork.com/features/cover-story/

\n\n

Helmand’s Golden Age. Afghanistan once faced the future with confidence. Caught here on film, it’s an era the world has forgotten.

\n\n

http://www.bbc.co.uk/news/special/2014/newsspec_8529/index.html

\n\n

River City Ingenuity

\n\n

WDR: Auftaktrennen des Super Gravity NRW Cup http://reportage.wdr.de/gravity

\n\n

WDR: Haldern Pop Festival http://reportage.wdr.de/haldern-pop

\n\n

WDR: Jacques Tilly baut seit 30 Jahren Karnevalswagen für den Düsseldorfer Rosenmontagszug http://reportage.wdr.de/jacques-tilly

\n\n

Examples from Shorthand (http://www.pinterest.com/shorthand101/):

\n\n

ESPN: http://review.espn.co.uk/football/index.html

\n\n

The Guardian: http://www.theguardian.com/sport/interactive/2013/jul/08/england-v-australia-history-rivalry-interactive

\n\n

BBC: http://www.bbc.co.uk/news/special/2014/newsspec_7141/index.html

\n\n

Centre For Public Integrity: http://eagleford.publicintegrity.org/

\n\n

Art Gallery NSW: http://projects-origin.artgallery.nsw.gov.au/afghanistan/

\n\n

Alice In Wonderland: http://story.sh/alice/

\n\n

Software:

\n\n

http://shorthand.com, http://pageflow.io/, https://prinzhorn.github.io/skrollr/

\n\n

Platforms: Jeremy Caplan’s 18 new digital storytelling platforms noted here

\n\n

https://twitter.com/jeremycaplan/lists/coolest-digital-platforms/members

\n\n

thanks

\n\n

Thanks for great discussions, feedback and additions:

\n\n

Jeremy Caplan, \nDirector of Education, Tow-Knight Center Entrepreneurial Journalism, CUNY Graduate School of Journalism (http://www.jeremycaplan.com),

\n\n

Rachel Bartlett, \nEditorial planning and training manager for @Shorthand_, former editor of http://Journalism.co.uk (https://twitter.com/rachelabartlett)

\n\n","tocStructure",[149,150,151,152,153,154,155,156,157,158,159],{"_74":75,"_40":76,"_68":-5,"_77":78,"_70":79,"_126":-5,"_127":-5,"_82":-5},{"_74":75,"_40":84,"_68":-5,"_77":85,"_70":79,"_126":-5,"_127":-5,"_82":-5},{"_74":75,"_40":88,"_68":-5,"_77":89,"_70":79,"_126":-5,"_127":-5,"_82":-5},{"_74":75,"_40":92,"_68":-5,"_77":93,"_70":79,"_126":-5,"_127":-5,"_82":-5},{"_74":75,"_40":96,"_68":-5,"_77":97,"_70":79,"_126":-5,"_127":-5,"_82":-5},{"_74":75,"_40":100,"_68":-5,"_77":101,"_70":79,"_126":-5,"_127":-5,"_82":-5},{"_74":75,"_40":104,"_68":-5,"_77":105,"_70":79,"_126":-5,"_127":-5,"_82":-5},{"_74":75,"_40":108,"_68":-5,"_77":109,"_70":79,"_126":-5,"_127":-5,"_82":-5},{"_74":75,"_40":112,"_68":-5,"_77":113,"_70":79,"_126":-5,"_127":-5,"_82":-5},{"_74":75,"_40":116,"_68":-5,"_77":117,"_70":79,"_126":-5,"_127":-5,"_82":-5},{"_74":75,"_40":120,"_68":-5,"_77":121,"_70":79,"_126":-5,"_127":-5,"_82":-5},"publicChapterContent","nextChapter","sections",[],"routes/_store+/_layout","routes/_store+/_readers+/_layout","actionData","errors"]

the narrative | storyline the end

Table of Contents

3 different types

the structure | do you have a story, really?

the structure | plan your story

the media | enrich your story

the narrative | storyline

the narrative | storyline details

the narrative | interactive

the narrative | storyline the end

storyboard | the narrative | storyline

examples | resources

thanks