A mini workshop I did about interactive storytelling in september 2011 as part of the Photostories event at Noorderlicht photo festival in the Netherlands.
CORE ELEMENTS OF A STORYIDEA: MESSAGE, PURPOSE, SOURCES, FORMAT, CHANNELSASSETS: PHOTO, VIDEO, AUDIO, TEXT, GRAPHICSSTRUCTURE: STORYLINE, FUNCTIONALITYDESIGN: VISUAL IDENTITY, LAYOUT
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 VISUAL OPTIONS?WHAT HAS BEEN DONE BEFORE?WHY IS MY ANGLE SURPRISING?DOES IT HOOK ONTO CURRENT EVENTS?WHO CAN TELL THE STORY?
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 CREATE BALANCE AND CALMNESSDONT NEED TRANSLATION
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 RESOURCES TO PRODUCE
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 STORY TOGETHER (SPEAKS)CAN WORK IN THE BACKGROUND
TEXT
OBSERVATIONS:GREAT FOR FACTUAL INFORMATIONGREAT FOR IN DEPT EXPLANATIONSCAN BE USED AS A VISUAL BREAKERTAKES LITTLE RESOURCE TO PRODUCE
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 dierent 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 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
THE GREAT STORY This is an introduction to the story and what its about 1 3 21: Main video will be playing when entering2: Bottom teasers for content3. Watch button - will start story