1

Creating Interactive Content

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

3

Interactive ContentTypes of Content

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 contribute drawings, story lines and other aspects which would then appear in the next episode of the story.

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 you are now.

6

3D

Zegna In Store App - Creates the illusion of walking through one of their stores, allowing you to interact with products you see.

Either used to create an explorable world, or to create an object which you can see from any angle.

7

Transmedia

Deliver content across multiple platforms for an immersive experience.

Rides.tv - 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.

8

Interactive ContentOnline

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 the guests. They can switch characters at any time to see other events and be other people.

10

Use of Webcam

Movi Kanti Revo Cirque De Soleil - Uses your web cam to pick up movements allowing you to navigate through the site by moving your body.

Have the viewer move their bodies or heads to interact with the content on screen.

11

Adding Depth to Content

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.

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.

12

Embed Content within Content

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.

Create a piece of content which can live across multiple platforms with extra content embedded within it.

13

Interactive ContentMobile

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 the world either protecting or hacking portals at real locations.

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’s microphone and converts this into the speed of the car.

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 the track.

17

Mobile as Controller or Second Screen

Brass Monkey - Turns your mobile phone into the controller for a game by connecting your computer and mobile via WiFi.

Using your mobile as the controller for another device or to display extra content linked to another screen.

18

Interactive ContentTouch Screens

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 all content investigable, revealing more content as you go.

20

Interactions to Move Narration on

The Fantastic Flying Books of Mr Morris Lessmore - Guides you through the story with bits of interactivity for you to complete before the story can continue.

Creating bits of the story the user is involved with that either lead on to the next scene or impact the story in some way.

21

Interactive ContentPhysical

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 memory cards. The physical character knows what they’ve collected, where they’ve been (in the game) and who they are. They load this into the game when placed on a special reader.

23

Augmented Reality

Tell the story in the real world through the window of a smart phone (or other device). This can be achieved by recognising physical objects or images.

Suwappu - Characters are recognised through an app. The environment and what they say depends on which character you have and whether there are other characters to interact with.

24

Re-Using Existing Content

Gulf News Twitter Coffee Cup - Tweets from the Gulf News stream were printed onto the sleeves of coffee cups in real time.

Re-use existing content to create a new service and reach new audiences.