Building Interactive Stories Miniworkshop

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 CALMNESSDON’T NEED TRANSLATION

»TAKING PHOTOGRAPHS IS EASY - JUSTREAD THE INSTRUCTIONS ON THE BOX« Elliott Erwitt

OBSERVATIONS:GOOD FOR DOCUMENTING FACTSGREAT FOR SHOWING REACTIONS AND EMOTIONSCAN TAKE AWAY THE IMAGINATIONTAKES A LOT OF RESOURCES TO PRODUCE

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

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 diﬀerent 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 it’s about 1 3 21: Main video will be playing when entering2: Bottom teasers for content3. “Watch” button - will start story

http://www.storyplanet.com	1549
http://s146422.gridserver.com	272
http://blog.storyplanet.com	207
http://flavors.me	69
http://beginners-mind.de	66
http://paper.li	20
http://translate.googleusercontent.com	5
http://es.flavors.me	2
http://www.blogger.com	2
http://twitter.com	2
http://a0.twimg.com	1
http://storyplanet.com	1

Building Interactive Stories Miniworkshop

by Bjarke Myrthu on Sep 11, 2011

Accessibility

Categories

Tags

Upload Details

Usage Rights

12 Embeds 2,196

Statistics

Building Interactive Stories Miniworkshop — Presentation Transcript