Interactive Content


Published on

Within this presentation you will find examples of interactive content, what makes it interesting and how these methods could be used in other projects.

Examples have been split into sections:

- Types of Content
- Online
- Mobile
- Touch Screen
- Physical

Published in: Technology
  • Be the first to comment

No Downloads
Total Views
On Slideshare
From Embeds
Number of Embeds
Embeds 0
No embeds

No notes for slide

Interactive Content

  1. 1. Creating InteractiveContent 1
  2. 2. Creating Interactive Content Within this presentation you will find examples of interactive content and what makes those examples interesting. To view an example click on the picture or link on each slide. The examples have been split into the sections below - but that doesn’t necessarily mean an example from one area couldn’t work in another: - Types of Content - Online - Mobile - Touch Screen - Physical 2
  3. 3. Interactive ContentTypes of Content 3
  4. 4. User Generated Content either created by the user or in collaboration with them.Brandon Generator - At the end of each episode readers were able to contributedrawings, story lines and other aspects which would then appear in the nextepisode of the story. 4
  5. 5. Data Driven Create or display content which is relevant to the user. Do you know where they are? The weather there? How old they are? These can all help to create a tailored piece of content for that user.Wevther - Displays products based on what is suitable for the weather where youare now. 5
  6. 6. 3DEither used to create an explorable world, or to create an object which you can seefrom any angle.Zegna In Store App - Creates the illusion of walking through one of their stores,allowing you to interact with products you see. 6
  7. 7. Transmedia Deliver content across multiple platforms for an immersive experience. - Immerses you in the video by delivering some of it’s content outside the video itself. For instance, when one of the characters picks up the phone on screen, your phone rings with their message. 7
  8. 8. Interactive ContentOnline 8
  9. 9. Using Viewpoints Allow people to see things from a different point of view to unlock or reveal different things/clues/stories within the narrative.MTV Gif Me More Party - Users view the party through the eyes of one of theguests. They can switch characters at any time to see other events and be otherpeople. 9
  10. 10. Use of WebcamHave the viewer move their bodies or heads to interact with the content on screen.Movi Kanti Revo Cirque De Soleil - Uses your web cam to pick up movementsallowing you to navigate through the site by moving your body. 10
  11. 11. Adding Depth to Content Items, clothes, or any area within a video can be given more details, information, and extra content. Users can either watch the video straight through, or can discover more by clicking on interactive areas. SSense First Shoppable Music Video - All items of clothing in this video are clickable. Once clicked you are shown more details about the look and can even purchase the items there. 11
  12. 12. Embed Content within ContentCreate a piece of content which can live across multiple platforms with extracontent embedded within it. Thing Link - Allows you to embed links, videos, other pictures inside a picture. When this picture is shared on Twitter it keeps these links, so you can share an image with further content embedded in it. 12
  13. 13. Interactive ContentMobile 13
  14. 14. Using Location A users location could be used in the form of a game - each location has it’s own missions, and rewards. Or this could be used to push content that works for the location they are in, for instance content for a bar is different to content for an office.Ingress - A game that uses your real location as the game map, you go through theworld either protecting or hacking portals at real locations. 14
  15. 15. Using other Inputs Look at all the possible inputs the device has; camera, microphone, sensors etc. Decide whether any of these are relevant interactivity for the content you are creating.Nissan Voice Driver - Measures the decibels of your voice using the phone’smicrophone and converts this into the speed of the car. 15
  16. 16. Physically Moving the Device Moving your mobile to interact with the content on screen.Temple Run - Players have to tilt their device to collect coins at the edges of thetrack. 16
  17. 17. Mobile as Controller or Second ScreenUsing your mobile as the controller for another device or to display extra contentlinked to another screen.Brass Monkey - Turns your mobile phone into the controller for a game byconnecting your computer and mobile via WiFi. 17
  18. 18. Interactive ContentTouch Screens 18
  19. 19. Content Manipulation Create reactive content that can be manipulated with touch and gesture. Layers can also be used to reveal new content as users interact. This is a good example to watch for inspiration.Katachi Magazine - Areas of the magazine can be interacted with making allcontent investigable, revealing more content as you go. 19
  20. 20. Interactions to Move Narration onCreating bits of the story the user is involved with that either lead on to the nextscene or impact the story in some way.The Fantastic Flying Books of Mr Morris Lessmore - Guides you through thestory with bits of interactivity for you to complete before the story can continue. 20
  21. 21. Interactive ContentPhysical 21
  22. 22. Memory in Physical Objects Create physical representations of the characters in the content - so the story continues offline.Disney Infinity - Physical characters with NFC chips inside them used like memorycards. The physical character knows what they’ve collected, where they’ve been (inthe game) and who they are. They load this into the game when placed on a specialreader. 22
  23. 23. Augmented RealityTell the story in the real world through the window of a smart phone (or otherdevice). This can be achieved by recognising physical objects or images.Suwappu - Characters are recognised through an app. The environment and whatthey say depends on which character you have and whether there are othercharacters to interact with. 23
  24. 24. Re-Using Existing Content Re-use existing content to create a new service and reach new audiences. Gulf News Twitter Coffee Cup - Tweets from the Gulf News stream were printed onto the sleeves of coffee cups in real time. 24
  1. A particular slide catching your eye?

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