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
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
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.
4
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.
5
6. 3D
Either used to create an explorable world, or to create an object which you can see
from 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. 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.
7
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.
9
10. Use of Webcam
Have 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 movements
allowing you to navigate through the site by moving your body.
10
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. Embed Content within Content
Create a piece of content which can live across multiple platforms with extra
content 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
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.
14
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.
15
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.
16
17. Mobile as Controller or Second Screen
Using your mobile as the controller for another device or to display extra content
linked to another screen.
Brass Monkey - Turns your mobile phone into the controller for a game by
connecting your computer and mobile via WiFi.
17
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.
19
20. Interactions to Move Narration on
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.
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.
20
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.
22
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.
23
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