Building Interactive Stories Miniworkshop
•
20 likes•10,249 views
A mini workshop I did about interactive storytelling in september 2011 as part of the Photostories event at Noorderlicht photo festival in the Netherlands.
Recommended
More Related Content
Viewers also liked
Viewers also liked (20)
Similar to Building Interactive Stories Miniworkshop
Similar to Building Interactive Stories Miniworkshop (20)
Recently uploaded
Recently uploaded (20)
Building Interactive Stories Miniworkshop
- 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:
- 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