A mini workshop I did about interactive storytelling in september 2011 as part of the Photostories event at Noorderlicht photo festival in the Netherlands.

1. BUILDING
INTERACTIVE
STORIES
Bjarke Myrthu, Storyplanet.com

2. CORE ELEMENTS OF A STORY
IDEA: MESSAGE, PURPOSE, SOURCES, FORMAT, CHANNELS
ASSETS: PHOTO, VIDEO, AUDIO, TEXT, GRAPHICS
STRUCTURE: STORYLINE, FUNCTIONALITY
DESIGN: VISUAL IDENTITY, LAYOUT

3. TAKEAWAY
»TODAY YOU WILL DEVELOP AN IDEA AND
BUILD A PAPER PROTOTYPE CONSISTING OF
A STORY-GRID AND WIREFRAMES«

4. THE IDEA

5. IT STARTS WITH QUESTIONS
WHY IS IT IMPORTANT FOR THE WORLD?
WHAT IS THE GENERAL AND SPECIFIC STORY?
WHAT ARE THE AUDIO AND VISUAL OPTIONS?
WHAT HAS BEEN DONE BEFORE?
WHY IS MY ANGLE SURPRISING?
DOES IT HOOK ONTO CURRENT EVENTS?
WHO CAN TELL THE STORY?

6. ASSIGNMENT
FIND AN IDEA...NEW OR AN EXISTING ONE

7. ASSETS
WHAT ARE THE STRENGTHS AND
WEAKNESSES OF DIFFERENT MEDIA TYPES?

8. PHOTOS

15. OBSERVATIONS:
THE POWER OF THE DECISIVE MOMENT
MAKES YOUR IMAGINATION FILL IN THE BLANKS
CAN ILLUSTRATE SYMBOLIC ELEMENTS
CAN CREATE BALANCE AND CALMNESS
DON’T NEED TRANSLATION

16. »TAKING PHOTOGRAPHS IS EASY - JUST
READ THE INSTRUCTIONS ON THE BOX«
Elliott Erwitt

17. VIDEO

22. OBSERVATIONS:
GOOD FOR DOCUMENTING FACTS
GREAT FOR SHOWING REACTIONS AND EMOTIONS
CAN TAKE AWAY THE IMAGINATION
TAKES A LOT OF RESOURCES TO PRODUCE

23. AUDIO

24. RECOGNIZE THIS?

25. WHAT ABOUT THIS?

28. OBSERVATIONS:
GREAT FOR SETTING THE MOOD
CREATES RYTHM AND ACTS AS A MOTOR
GOOD FOR FILLING IN VISUAL GAPS
TIES SEGMENTS OF A STORY TOGETHER (SPEAKS)
CAN WORK IN THE BACKGROUND

29. TEXT

33. OBSERVATIONS:
GREAT FOR FACTUAL INFORMATION
GREAT FOR IN DEPT EXPLANATIONS
CAN BE USED AS A VISUAL BREAKER
TAKES LITTLE RESOURCE TO PRODUCE

34. GRAPHICS

39. OBSERVATIONS:
CAN PROVIDE OVERVIEW OF INFORMATION
CAN ADD ANOTHER LAYER TO VISUALS
CAN BE USED AS AN INTERFACE

40. DESIGN
THE VISUAL FRAMEWORK & LAYOUT

46. OBSERVATIONS:
EXPOSES THE DNA OF THE STORY
CREATES COHERENCE THROUGHOUT THE STORY
HELPS THE USER GET TO THE RIGHT CONTENT

47. STRUCTURE
HOW IS THE STRUCTURE AND FLOW OF THE
STORY? HOW DOES THE USER ENGAGE?

48. Linear:
Side branches: Multiple directions:

49. INTERACTIVE NARRATIVE
www.stormingjuno.com

50. LINEAR MOVIE
One in 8 Million

51. PAGE BASED MAGAZINE
Inquiring Mind Magazine

52. USER DIRECTED
A different ending

53. USER DIRECTED
The Taubman Museum

55. ASSIGNMENT
WIREFRAMES: COVER, SUB PAGES,
TEMPLATES, FUNCTIONALITY

56. 960 GRID SYSTEM

57. 960 GRID SYSTEM
A SMALL TITLE:
A MAIN TITLE
GOES HERE
Feugait vel delenit ipsum elit vero Feugait vel delenit ipsum elit vero
eum ut feugait dolor wisi ea eum ut feugait dolor wisi ea
consequatvel. Molestie esse consequatvel. Molestie esse
molestie facilisi dolore qui erat, molestie facilisi dolore qui erat,
odio velit dolor molestie autem odio velit dolor molestie autem
enim, eum illum nisl molestie. enim, eum illum nisl molestie.
Delenit nisl vel. Esse dolore at, Delenit nisl vel. Esse dolore at,
iriure ut commodo ad lorem iriure ut commodo ad lorem
dignissim qui ut praesent velit nisl dignissim qui ut praesent velit nisl
commodo amet. Commodo commodo amet. Commodo
nonummy delenit adipiscing nonummy delenit adipiscing
veniam eu, nostrud dolore veniam eu, nostrud dolore
molestie ipsum crisare. In duis, molestie ipsum crisare. In duis,
dignissim facilisi feugait et illum dignissim facilisi feugait et illum
duis, odio blandit erat aliquip duis, odio blandit erat aliquip
volutpat ea velit.
Nulla in sciurus erat facilisis
volutpat ea velit.
Feugait vel delenit ipsum elit vero eum ut
Nulla in sciurus erat facilisis
tincidunt, in aliquam wisi blandit tincidunt, in aliquam wisi blandit feugait dolor wisi ea consequatvel. Molestie
sit elit. Hendrerit iusto wisi et sit elit. Hendrerit iusto wisi et esse molestie facilisi dolore qui erat,
delenit feugait ullamcorper delenit feugait ullamcorper

58. THE GREAT STORY
This is an introduction to the story and what it’s about
1
3
2
1: Main video will be playing when entering
2: Bottom teasers for content
3. “Watch” button - will start story