0
BUILDINGINTERACTIVESTORIESBjarke Myrthu, Storyplanet.com
CORE ELEMENTS OF A STORYIDEA: MESSAGE, PURPOSE, SOURCES, FORMAT, CHANNELSASSETS: PHOTO, VIDEO, AUDIO, TEXT, GRAPHICSSTRUCT...
TAKEAWAY »TODAY YOU WILL DEVELOP AN IDEA AND BUILD A PAPER PROTOTYPE CONSISTING OF A STORY-GRID AND WIREFRAMES«
THE IDEA
IT STARTS WITH QUESTIONSWHY IS IT IMPORTANT FOR THE WORLD?WHAT IS THE GENERAL AND SPECIFIC STORY?WHAT ARE THE AUDIO AND VI...
ASSIGNMENT  FIND AN IDEA...NEW OR AN EXISTING ONE
ASSETSWHAT ARE THE STRENGTHS ANDWEAKNESSES OF DIFFERENT MEDIA TYPES?
PHOTOS
OBSERVATIONS:THE POWER OF THE DECISIVE MOMENTMAKES YOUR IMAGINATION FILL IN THE BLANKSCAN ILLUSTRATE SYMBOLIC ELEMENTSCAN ...
»TAKING PHOTOGRAPHS IS EASY - JUSTREAD THE INSTRUCTIONS ON THE BOX«                       Elliott Erwitt
VIDEO
OBSERVATIONS:GOOD FOR DOCUMENTING FACTSGREAT FOR SHOWING REACTIONS AND EMOTIONSCAN TAKE AWAY THE IMAGINATIONTAKES A LOT OF...
AUDIO
RECOGNIZE THIS?
WHAT ABOUT THIS?
OBSERVATIONS:GREAT FOR SETTING THE MOODCREATES RYTHM AND ACTS AS A MOTORGOOD FOR FILLING IN VISUAL GAPSTIES SEGMENTS OF A ...
TEXT
OBSERVATIONS:GREAT FOR FACTUAL INFORMATIONGREAT FOR IN DEPT EXPLANATIONSCAN BE USED AS A VISUAL BREAKERTAKES LITTLE RESOUR...
GRAPHICS
OBSERVATIONS:CAN PROVIDE OVERVIEW OF INFORMATIONCAN ADD ANOTHER LAYER TO VISUALSCAN BE USED AS AN INTERFACE
DESIGNTHE VISUAL FRAMEWORK & LAYOUT
OBSERVATIONS:EXPOSES THE DNA OF THE STORYCREATES COHERENCE THROUGHOUT THE STORYHELPS THE USER GET TO THE RIGHT CONTENT
STRUCTUREHOW IS THE STRUCTURE AND FLOW OF THESTORY? HOW DOES THE USER ENGAGE?
Linear:Side branches:        Multiple directions:
INTERACTIVE NARRATIVEwww.stormingjuno.com
LINEAR MOVIEOne in 8 Million
PAGE BASED MAGAZINEInquiring Mind Magazine
USER DIRECTEDA different ending
USER DIRECTEDThe Taubman Museum
ASSIGNMENT WIREFRAMES: COVER, SUB PAGES, TEMPLATES, FUNCTIONALITY
960 GRID SYSTEM
960 GRID SYSTEMA SMALL TITLE:A MAIN TITLEGOES HEREFeugait vel delenit ipsum elit vero    Feugait vel delenit ipsum elit ve...
THE GREAT STORY    This is an introduction to the story and what it’s about     1                                         ...
Building Interactive Stories Miniworkshop
Building Interactive Stories Miniworkshop
Building Interactive Stories Miniworkshop
Building Interactive Stories Miniworkshop
Building Interactive Stories Miniworkshop
Building Interactive Stories Miniworkshop
Building Interactive Stories Miniworkshop
Building Interactive Stories Miniworkshop
Building Interactive Stories Miniworkshop
Building Interactive Stories Miniworkshop
Building Interactive Stories Miniworkshop
Building Interactive Stories Miniworkshop
Building Interactive Stories Miniworkshop
Building Interactive Stories Miniworkshop
Building Interactive Stories Miniworkshop
Building Interactive Stories Miniworkshop
Building Interactive Stories Miniworkshop
Building Interactive Stories Miniworkshop
Building Interactive Stories Miniworkshop
Building Interactive Stories Miniworkshop
Building Interactive Stories Miniworkshop
Building Interactive Stories Miniworkshop
Building Interactive Stories Miniworkshop
Building Interactive Stories Miniworkshop
Building Interactive Stories Miniworkshop
Building Interactive Stories Miniworkshop
Building Interactive Stories Miniworkshop
Upcoming SlideShare
Loading in...5
×

Building Interactive Stories Miniworkshop

18,565

Published on

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

Published in: Art & Photos, Technology, Business
1 Comment
19 Likes
Statistics
Notes
  • Thank you Bjarke for the workshop, it was very constructive!

    I you are interested have a look at Lifeboatfilms.org, our online documentary project.
    Moniek Wester Keegstra
    Monkeefilms
    Projectmanager NL Lifeboat
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
No Downloads
Views
Total Views
18,565
On Slideshare
0
From Embeds
0
Number of Embeds
15
Actions
Shares
0
Downloads
170
Comments
1
Likes
19
Embeds 0
No embeds

No notes for slide

Transcript of "Building Interactive Stories Miniworkshop"

  1. 1. BUILDINGINTERACTIVESTORIESBjarke Myrthu, Storyplanet.com
  2. 2. CORE ELEMENTS OF A STORYIDEA: MESSAGE, PURPOSE, SOURCES, FORMAT, CHANNELSASSETS: PHOTO, VIDEO, AUDIO, TEXT, GRAPHICSSTRUCTURE: STORYLINE, FUNCTIONALITYDESIGN: VISUAL IDENTITY, LAYOUT
  3. 3. TAKEAWAY »TODAY YOU WILL DEVELOP AN IDEA AND BUILD A PAPER PROTOTYPE CONSISTING OF A STORY-GRID AND WIREFRAMES«
  4. 4. THE IDEA
  5. 5. IT STARTS WITH QUESTIONSWHY 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. 6. ASSIGNMENT FIND AN IDEA...NEW OR AN EXISTING ONE
  7. 7. ASSETSWHAT ARE THE STRENGTHS ANDWEAKNESSES OF DIFFERENT MEDIA TYPES?
  8. 8. PHOTOS
  9. 9. OBSERVATIONS:THE POWER OF THE DECISIVE MOMENTMAKES YOUR IMAGINATION FILL IN THE BLANKSCAN ILLUSTRATE SYMBOLIC ELEMENTSCAN CREATE BALANCE AND CALMNESSDON’T NEED TRANSLATION
  10. 10. »TAKING PHOTOGRAPHS IS EASY - JUSTREAD THE INSTRUCTIONS ON THE BOX« Elliott Erwitt
  11. 11. VIDEO
  12. 12. OBSERVATIONS:GOOD FOR DOCUMENTING FACTSGREAT FOR SHOWING REACTIONS AND EMOTIONSCAN TAKE AWAY THE IMAGINATIONTAKES A LOT OF RESOURCES TO PRODUCE
  13. 13. AUDIO
  14. 14. RECOGNIZE THIS?
  15. 15. WHAT ABOUT THIS?
  16. 16. OBSERVATIONS:GREAT FOR SETTING THE MOODCREATES RYTHM AND ACTS AS A MOTORGOOD FOR FILLING IN VISUAL GAPSTIES SEGMENTS OF A STORY TOGETHER (SPEAKS)CAN WORK IN THE BACKGROUND
  17. 17. TEXT
  18. 18. OBSERVATIONS:GREAT FOR FACTUAL INFORMATIONGREAT FOR IN DEPT EXPLANATIONSCAN BE USED AS A VISUAL BREAKERTAKES LITTLE RESOURCE TO PRODUCE
  19. 19. GRAPHICS
  20. 20. OBSERVATIONS:CAN PROVIDE OVERVIEW OF INFORMATIONCAN ADD ANOTHER LAYER TO VISUALSCAN BE USED AS AN INTERFACE
  21. 21. DESIGNTHE VISUAL FRAMEWORK & LAYOUT
  22. 22. OBSERVATIONS:EXPOSES THE DNA OF THE STORYCREATES COHERENCE THROUGHOUT THE STORYHELPS THE USER GET TO THE RIGHT CONTENT
  23. 23. STRUCTUREHOW IS THE STRUCTURE AND FLOW OF THESTORY? HOW DOES THE USER ENGAGE?
  24. 24. Linear:Side branches: Multiple directions:
  25. 25. INTERACTIVE NARRATIVEwww.stormingjuno.com
  26. 26. LINEAR MOVIEOne in 8 Million
  27. 27. PAGE BASED MAGAZINEInquiring Mind Magazine
  28. 28. USER DIRECTEDA different ending
  29. 29. USER DIRECTEDThe Taubman Museum
  30. 30. ASSIGNMENT WIREFRAMES: COVER, SUB PAGES, TEMPLATES, FUNCTIONALITY
  31. 31. 960 GRID SYSTEM
  32. 32. 960 GRID SYSTEMA SMALL TITLE:A MAIN TITLEGOES HEREFeugait vel delenit ipsum elit vero Feugait vel delenit ipsum elit veroeum ut feugait dolor wisi ea eum ut feugait dolor wisi eaconsequatvel. Molestie esse consequatvel. Molestie essemolestie facilisi dolore qui erat, molestie facilisi dolore qui erat,odio velit dolor molestie autem odio velit dolor molestie autemenim, 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 loremdignissim qui ut praesent velit nisl dignissim qui ut praesent velit nislcommodo amet. Commodo commodo amet. Commodononummy delenit adipiscing nonummy delenit adipiscingveniam eu, nostrud dolore veniam eu, nostrud doloremolestie ipsum crisare. In duis, molestie ipsum crisare. In duis,dignissim facilisi feugait et illum dignissim facilisi feugait et illumduis, odio blandit erat aliquip duis, odio blandit erat aliquipvolutpat ea velit. Nulla in sciurus erat facilisis volutpat ea velit. Feugait vel delenit ipsum elit vero eum ut Nulla in sciurus erat facilisistincidunt, in aliquam wisi blandit tincidunt, in aliquam wisi blandit feugait dolor wisi ea consequatvel. Molestiesit elit. Hendrerit iusto wisi et sit elit. Hendrerit iusto wisi et esse molestie facilisi dolore qui erat,delenit feugait ullamcorper delenit feugait ullamcorper
  33. 33. THE GREAT STORY This is an introduction to the story and what it’s about 1 3 21: Main video will be playing when entering2: Bottom teasers for content3. “Watch” button - will start story
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×