Page 1

Concept TouchEvent

Name TouchEvent The project name was originally “Voices of Oslo�. But got renamed as TouchEvent, mainly because the name is a better fit. TouchEvent refers not only to the fact that it is an installation that communicates events using a touch surface. But it also has a cross reference to ActionScript that use TouchEvent class for configuring multi-touch input. It all makes sense!

In short Contemporary installations in contemporary places communicating contemporary happenings and events in the city.

Explained TouchEvent aims to communicate everything that happens in Oslo based on noncommercial intent. This means that all events will be communicated on the same level, being big or small, free or not. TouchEvent goal is not commercial, but inform and communicate different contemporary experiences in the city. A city is a social space to share experiences. TouchEvent encourages the meeting between people and has as a main goal to inform users about their possibilities and options in a city that is a little bit to big to get the whole picture.

User Needs from interviews

Create a service that communicates all events happening in the city no mather how big or small. Make it simple and fun to use. Give users an incentive to explore beyond their own neighborhood. Communicate information about the different areas in the city. Help users figure out the city geographicly, and tell them how to get where from where. Help people that dont speak norwegian to explore the city trough experiences

Service Elements TouchEvent TouchEvent is made up by 3 elements; 1. INSTALLATIONS That will be implemented all around the inner areas of the city. 2.

WEB PAGE will work as an online calendar communicating events and happenings.


MOBILE SERVICE mobile calendar with location based services that will inform about whats going on in proximity to where you are.

TouchEvent is a service that extends further than the interactive installations. But in my project I have decided to concentrate my work in developing the installations part of the project, and briefly explain the other service components.

Information TouchEvent TouchEvent gathers information from several sources such as; a)

VISITOSLO because they have a calendar, and its actually quite good, but it really badly communicated, even though its communicated in several different languages.

b) UNDERSKOG bacuse they have user generated content that communicates the underground things that happens in Oslo. c) OSLOKINO because they are the main provider of movies and screenings in Oslo. d)

BILLETTSERVICE because they communicates a vide range of events in the Oslo, including sports and festivals.


Touch Event will take content from these providers and channel it trough Facebook to find the matching event, if it excists and then have possibility to provide user generated content such as;

a) b)

People attending, people invited, people asked User comments

But also generate events from e)

FACEBOOK GROUPS AND PAGES where a lot of things are being annouced on facebook trough venue pages/groups and subgroups. TouchEvent will gather these informations and communicate them without requiring users to be part of un-numerous groups and pages.

Implementation TouchEvent There are 2 main ways of implementation. 1) Create a new structure to house installations 2) Implement installations in an allready excisting structure, Where I have focused on no.2. One solution would be to implement installations in allready excisting elements such as JCDaux bus stops that are allready placed around town. The problem being that this space is usually inhabited by commercials and does not usually invite users to interact with it. And that users automaticly would be afraid to interact with it, cause they are used to these places selling them things. The installations will be implemented in emty windows across central parts of Oslo. Activating unused space in the city without the need for implementing a new structures that reserves space, take use of “dead� structures and spaces in the city and activate them.

Technology TouchEvent I focused on relaying on technology, that first of all was feasable, adaptable and would be easy to implement. Researching methods of projection and video tracking, the best solution would be to rear project the surface and use IR lights to track blobs/finger touches. This way all eqiptment would be behind the projected glass surface and hidden away from the public. Using a technique called (RDI) Rear Diffused Illumination, the same setup as CityWall project in Helsinki. Using the software CCV - Comminity Core Vision developed by NUI group, and using Flash and ActionScript 3 for developing the application. To prevent daylight to diffuse and make the projection dull, I tested a rear projection developed by 3M called Vikuiti Rear Projection Film (RPF). That amplify the projections, and make them clearly visible in bright daylight and even direct sunlight. The same foil also deals with other probles such as daylight reflections and fingerprints. It is adhesive and can be placed directly on the window surface.


Anti-Fingerprint Layer Anti-Reflection Coating Matte Hardcoat 5 mil PET 1 mil adhesive Disposable liner

REAR DI Rear Illumination this technique allows for a cheap and adaptable solution that can be used on glass surfaces without having to implement other solutions such as lasers that could harm users if the installation got vandalized. Using infra red illuminators shined at the screen from below the touch surface. When an object touches the surface it reflects more light than the diffuser or objects in the background; the extra light is sensed by a camera.

Diffuser, material to diffuse light source.

Plexiglass / Glass surface

InfraRed Illuminators pointed on the surface in a 45 degree angle

Visible light filter Camera with InfraRed channel

Using an InfraR sensitive camera and a visible light filter makes sure that the camera tracks only InfraRed light, and does not pick up movement from visible light such as the projected image.

SET UP Camera + filter;

Projector; possibly 2 depending on resolution and throw

InfraRed Illuminators; minimum 4

Computer; with CCV and Flash

Rear projection foil.

3 Zones of engagement Most gestural interfaces have three zones of engagement that happens in space relative to the size of the installation. And should be concidered when making content, since this can be adapted to each zone, to attract more potential users. ATTRACTION A person notices the installation and hopefully is interested and intrigued by it. This typically happens from a distance - for large displays, this could be from far away. Often attraction is triggered by environmental cues such as signage and sound, or seeing others interact with the system. OBSERVATION / NOTIFICATION Closer by, a person is able to see more detail about the product and the gestures involved in engaging with it. In this zone, display content encourage the user to more closely approach the display and begin interacting with the content. It is also from this distance users can demonstrate to others how a product works. INTERACTION Up close, within a metre of most devices, the person becomes a user, directly interacting with the product. The instructions and affordances here are likely on the product itself, meant to be seen and read from very nearby.

3 Zones of display The size of a retail window does that the display screen itself will be divided into three sections. 1. TOP DISPLAY AREA this area of the display will work as signage for the installation. When the installation is in use this area of the display will still be uncovered and can communicate the installations to persons walking past in a distance. 2. MAIN INTERACTION AREA in average persons height and hand reach. 3. SECONDARY INTERACTION AREA below the main area of interaction, this is the area that many kids will be attracted to.Since kids usually are companied by adults it would be natural to utilize their curiousity and therefor attract adult users.

Time and usage Information from other similar installations, covered in my case studies, showed that the average usage time would span from 1-4 minutes. With children attending for the longest amount of time.

Common gestures A gesture is any physical movement that can be sensed and responded to by a digital system without the aid of a traditional input device such as a mouse or stylus. Dan Saffer

When designing for touch its important to think about what people allready know, and use that, instead of learning people new gestures.








Tip of the finger touches the surface briefly. Also double tap.

Tip or pad of the finger is pressed onto the surface for an extended period of time.

Tip or pad of the finger moves over the surface without losing contact with the surface.

The pad of a straight finger slides briefly forward.

The tip of the finger or finger pad brushes the surface briefly as the finger uncurls.

Two fingers, could be same hand or two handed, move closer together.

Two fingers, could be same hand or two handed, move far apart.

Use for pushing buttons and selecting.

Use for selection or extended scrolling.

Use for dragand-drop and scrolling.

Use to move objects.

Use to quicly move objects, or to scroll

Use for scaling.

Use for scaling.

Other gestures That are not that common, but still could be utilized. The problem with using these would be the need for explaining the interface to a person that uses very little time with the installation in the first place.

In combinations With all the previous gestures.

2 finger

3 finger

4 finger

5 finger

Two fingers, could be same hand or two handed,

Three fingers, could be same hand or two handed.

Four fingers, could be same hand or two handed.

Five fingers, could be same hand or two handed.

Known from scrolling on Apple computers.

BRANDING Identity TouchEvent The service has to express credability and therefor have a visual expression that undermines this. It has to be estheticly pleasing, informative and simple to use.

Values TouchEvent



Concept touch event