building interactive stories miniworkshop

Download Building Interactive Stories Miniworkshop

Post on 10-Aug-2014

18.524 views

Category:

Art & Photos

3 download

Embed Size (px)

DESCRIPTION

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

TRANSCRIPT

  • BUILDINGINTERACTIVESTORIESBjarke Myrthu, Storyplanet.com
  • 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