Last summer I had the change to be part of an international project at the university of the arts with Chinese students. In the project WUZU 2009 we worked in mixed groups of Chinese and Swiss students on Industrial Design projects. The topic was “Food and Drink”.

For our project about food or drink we came up with many different ideas. We thought about four main subjects. Times & Food, Eating on our way, Games & Food and Shapes of our Food. For the subject: “Shapes of our Food” we came up the idea of making a redesign of TOBLERONE. We thought it would be interesting to redesign the triangle and make it more interesting while it still has its original shape. The main goal would be to replace the blank triangle through an icon of some place of interests. The triangle will be still made with chocolate but may play with black and white chocolate or its structure. This could make a new TOBLERONE for special events or places of interest. The main target group will be tourists and event organiser.

After finding our idea we decided to build a prototype. First we designed the structure in Illustrator, afterwards we went to the workshop and used the laser cutter to bring our digital file to a real prototype. Afterwards we only had to paint the small pieces and we had our first prototype. Fortunately we could not eat it otherwise we would not have any pictures :-)

Set of possible triangles (btw: do you  see the bear in the Toblerone Logo)

The World Exhibition Shanghai triangle…

Annie, Michael, Epon, Connie, the EMAC team :-)

Overall it was a great experience. We had a lot of fun and ate plenty of TOBLERONE. I really enjoyed to work in my great team. This summer I will visit my friends in Shanghai again. This time my class will be the guests at the Chinese university and we will do some Industrial Design projects there.

Download PDF documentation

After being here in Los Angeles for about 7 months I think its time to show you some of the projects I worked on. The first project I want to show you is St Moritz TV.

What is this project?
The website www.StMoritzTV.ch is a Web TV station with short videos about St. Moritz and the Engadine. The main goal of the website is to inform tourists and locals about events, art, dinning and shopping in St Moritz and its surroundings.

What was the goal?
The current version is a Beta site. Its focus is to see what the needs of the users are and how we can build the final version and what we have to improve. Because this is a Beta site we are asking for any feedback about the site and would highly appreciate if as many of you can try it and give us a  feedback. We want to find out how we can make it most enjoyable for its user.

But hey, let’s get geeky :)

What technology did I use?

Video player with Open Source Media Framework:

The player is built with the Adobes Open Source Media Framework. We had to add some functionality into the player as the version we used didn’t have all functions we needed by the time we developed it. For example we had to build in a video time calculator and a function to read the source for the videos from the XML. Furthermore I had to implement a function to allow jumping to a requested video. For this I used external interface in actionscript to send data into the player from the html page. In this way I do not have to reload the website again if a new video should be played. Of course the play-list is continuously loading the next video as soon as the current video finished playing.

Next Up
The “NextUp” area is build with flash and reads the same XML as the video player. Every time a new video starts to play the video player calls a Javascript function in the html site. This Javascript function send the current played video into the NextUp flash file where I update the view class. If one of the nodes will be pressed in the “Nextup”, it calls a Javascript function too and sends the requested video to the video player.

HTML, CSS and Javascript
I created, based on the delivered design by Almer/Blank, the HTML and CSS part of the website. Different Javascript functions are responsible for handling the requested videos and advertisement .

Web hosting
The current version of StMoritzTV is hosted byCubera Solutions GmbH. Hosting on a Swiss web hosting company helps us to keep ping time low and provides us with a reliable service.
Happy testing :)

Im Rahmen unseres Interaction Design Studiums besuchen wir das Modul Interaction in Physical Environments. In diesem Modul geht es um non-visuelle Interaktion im öffentlichen Raum. Jede Gruppe erhielt einen vorgegebenen Ort und Vibrationsboxen, die das akkustische und taktile Feedback auslösen. Unser Team besteht aus den drei Studenten Christoph Brandin, Michael Fretz und Dondup Shelkar. Als Ort unseres Projektes wählten wir die Tramhaltestelle.

Die Tramhaltestelle bietete für uns einige sehr interessante Aspekte. Wer oft Öffentliche Verkehrsmittel in einer Stadt wie Zürich verwendet, wird sich zwangsläufig an einer Tramhaltestelle aufhalten müssen. Die Tramhaltestelle ist im Grunde ein Ort, wo man sich nicht explizit aufhalten möchte. Dennoch müssen wir dort auf Busse oder Trams wartend unsere Zeit verbringen, um von einem Ort zum nächsten zu gelangen. Um die Wartezeit zu verkürzen fangen wir an Musik zu hören, Zeitungen zu lesen, Textnachrichten per Handy zu senden und beschäftigen uns mit etweiligen Dingen, nur nicht mit der Tramstation selbst.

Dieses seltsame aber interessante Verhältnis zwischen Wartenden und “Wartestelle” veranlasste uns in einer ersten Researchphase direkt vor Ort zu gehen und Mensch und Umgebung genauer zu analysieren.

2.0 Research — “look how people do / what they do”

Wir haben verschiedene Tramstationen in Zürich zu unterschiedlichsten Tageszeiten besucht. Von der stark frequentierten Tramhaltestelle an der Bahnhofstrasse bis hin zur kaum benutzen Haltestellen. An jeder Tramstation analysierten wir die Menschen, deren Bewegung und Verhalten während der Wartezeiten. Mit Hilfe von Skizzen, Videos, Fotos und Musikaufnahmen hielten wir die Fakten fest.

Zusammenschnitt aus der Video-Analyse verschiedener Tramhaltestellen.

Durch die Tonaufnahmen an verschiedenen Tramhaltestellen, konnten wir ein sich wiederholendes Muster feststellen. Diese haben anhand der Lautstärke und der Vibration visualisiert:

Die Analyse verhalf uns die Tramstation, auf der wir tagtäglich warteten, bewusster wahrzunehmen. Die grosse Masse an Informationen haben wir ausgewertet, gefiltert und auf eine Konklusion reduziert:

- Die Tramstation dient für den Grossteil der Menschen lediglich als Verbindungspunkt von einem Startpunkt und dem gewünschten Ziel. z.B. von zu Hause zur Arbeit.
- Die Wartephase ist sehr passiv. Wartende beschäftigen sich mit einer eigenen Tätigkeit. z.B. Musik hören, lesen, telefonieren. Kontakt mit anderen Wartenden ist kaum existent (ausser man kennt sich bereits).
- Menschen an der Tramhaltestelle bewegen sich sehr wenig. Sie laufen an einen bestimmten Ort und bleiben dort stehen bis das Tram / der Bus kommt.
- Die Einfahrt eines Trams unterbricht alle Menschen in ihrer Tätigkeit und hat einen erlösenden Symbolik.

2.1 Research | Welche Anwendungen existieren bereits?

Während unserer Analysen vor Ort haben wir auch nach bereits existierenden Anwendungsformen von tactile floors gesucht. Es liess sich früh feststellen, dass diese Form von Interaktion noch wenig verbreitet ist. Aus Komplexitätsgründen, und bestimmt auch kostenbedingt, beschränkt man sich oft nur auf visuelle Darstellungen.

Wir konnten dennoch einige interessante Beispiele von sonic und tactile interactions finden, die uns für unser Projekt inspirieren konnten:
Natural Interactive Walking von der McGill University, Quebec (CA)

Ada – intelligent space von der ETH und Universität Zürich (CH)

Sonic Floor von Daito Manabe und Motoi Ishibashi (JP)

3.0 Konzept

Nach einem ersten Brainstorming mit vielen verschiedenen Ideen mussten wir einen Grundsatzentscheid fällen. Soll unser Projekt eher funktional oder unterhaltend sein? Beide Varianten waren für uns interessant gewesen. Doch haben wir uns letztlich für eine unterhaltende, zusammenführende Installation entschieden, da unserere Recherchen einige mögliche Projekte aufgezeigt hatten.

Die Grundidee war es, an der Tramhaltestelle den kompletten Boden mit Vibrationsplatten und Drucksensoren auszulegen. Der Boden wird interaktiv und reagiert je nach Druckstärke mit Akkustik und Vibration. Durch die Vernetzung der einzelnen Platten entsteht gleichzeitig eine Gewebe aus interaktiven Feldern. Dies ermöglicht es einzelne Vibrationsplatten, respektive die Personen die sich darauf befinden, miteinander zu kommunizieren.

Menschen unterhalten und verbinden – ein Szenario

Durch die Vernetzung der Vibrationsplatten wird beim Betreten der Tramhaltestelle eine leichte Vibration der aktuellen Platte ausgelöst. Der Boden macht auf sich Aufmerksam. Der Besucher ist zuerst verwirrt, dann neugierig und tastet mit den Füssen den Boden ab. Der Druck auf die Bodenplatten wird dadurch verändert, was über die Drucksensoren aufgenommen wird. Die Akkustik und die Vibration des Bodens ändert sich leicht. Der Besucher findet spielerisch heraus, dass Vibration und Akkustik im direkten Zusammenhang mit dem Druck auf die Bodenplatte stehen. Er versucht den Druck zu erhöhen und stellt fest, dass dadurch auch die danebenliegenden Platten vibrieren und klingen. Er beginnt zu hüpfen und bemerkt, wie seine Bewegung eine akkustische und haptische Welle durch die Haltestelle auslöst. Andere wartende Menschen werden von der leichten Welle erfasst und beginnen nun ihrerseits mit den Platten zu experimentieren. Es entsteht eine non-visuelle Kommunikation zwischen unbekannten, wartenden Tramgästen. Sobald das erwartete Tram ankommt, beginnen die Platten gleichmässig rhytmisch zu vibrieren und symbolisieren mit einem unterstützenden Ton das Ende der Wartezeit.

Interaktionskonzept

Interaktionen unserer Installation geschehen sehr intuitiv. Anfangs besteht eine kaum bemerkbare Grundvibration, die den Benutzer auf eine mögliche Interaktion Aufmerksam machen soll. Durch Druckverstärkung oder Gewichtsverlagerung einer Platte wird ein direktes Feedback in Form von Akkustik und Vibration ausgelöst. Benutzer können durch Stärke des Drucks die Intensität der Vibration und durch die Position des Drucks die Richtung der Vibration steuern. Ausserdem lassen sich durch bestimmte Muster oder Wiederholungen besondere Klänge und Vibrationen auslösen.

4.0 Prototyp

Holzkonstruktion

Als Testkonstruktion wählten wir eine Holzplatte und montierten darunter die Vibrationsboxen. Die Holzplatte wurde dann auf einen Sockel gelegt damit diese ein wenig abgehoben ist. Die Idee war, an allen Ecken Drucksensoren zu montieren damit während dem stehen auf der Platte Interaktionen ausgelöst werden konnten. Die ersten Versuche mit einer solchen Konstruktion sahen sehr vielversprechend aus. Wir beschlossen deshalb diese Idee weiter zu verfolgen.

Feedback

Vibration

Wir begannen mit verschiedenen Soundexperimenten. Je nach Soundhöhe, Frequenz und Lautstärke konnten wir unterschiedliche Effekte erzeugen. Wir suchten Sinusfrequenzen welche eine grosse Vibration verursachten, aber kaum hörbar sind.

Sound

Zusätzlich zu den Vibrationsboxen stellten wir zu jeder Platte je eine Hifibox für das Soundfeedback — im Endzustand sollten diese natürlich auch unter der Platte angebracht werden. Der Sound sollte für uns folgende Kriterien erfüllen: zur Aktion passend, je nach Druck unterschiedliche Lautstärke und auf keinen Fall zu aufdringlich. Trotzdem sollten diese eine Art Druckwelle wiederspiegeln und so den Vibrationsimpulsen Emotionen verleihen. Ganz im Kontrast dazu der Sound beim Einfahren eines Trams. Hier versuchten wir uns ganz traditionell in Richtung sanfter Signaltöne. Bei der Produktion der Sounds ließen wir im Hintergrund immer die von uns aufgenomme Gräuschkulisse verschiedener Tramstatioenn laufen — so konnten wir einschätzen ob z.B. unser Signalton bei Trameinfahrt überhaupt gehört werden würde.

Hier eine kleine Soundauswahl:

PulseOut — Ton für das Erzeugen einer Vibrationswelle durch Druck mit den Füssen

PulseIn — Vibrationswelle (Impuls) kommt bei einer anderen Platte an. DIe Lautstärke ist dabei abhängig vom jeweiligen Druck des Senderimpulses

Tram — Beim Einfahren der Tram wird zur Information aller Wartenden ein Signal- /Informationssound abgespielt. Alle Platten vibrieren dazu kurz stark und der Pulse Modus wird für die Dauer des Tramhaltes abgeschaltet.

Bei unseren Testuser waren sich alle einer Meinung: “Der Sound passt gut zu dem was man tut.”

Elektronik und Programmierung

Die ganze Steuerung der Vibrationsboxen und Drucksensoren haben wir über Arduino und MaxMSP gelöst. Für die ersten Versuche nahmen wir ein normales Arduino. In einem späteren Zeitpunkt setzten wir dann aber auf ein Bluetooth Arduino.

Nachdem die ersten Versuche erfolgreich waren bildeten wir die definitiven Prototypen. Diese bestanden aus drei Quardatischen Holplatten. An den Ecken waren jeweils Drucksensoren montiert. So konnte man Audio- und Vibrationssignale von einer zur nächsten Platte senden. Wir erstellten nur drei Platte weil wir mit unserem Prototpen den Effekt aufzeigen wollten. Wenn der Prototyp mit drei Platten funktioniert dann wird der Effekt mit ca. 64 Platten gewaltig sein. Die Tests mit den drei Platten waren erfolgreich. Viele Testpersonen hatten Spass mit dem versenden von Vibrationen und Sounds. Wir waren erstaunt, dass ein nicht visueller Ansatz eine solch gute Erkennbarkeit auslösen konnte.

Um die fertigen Prototyp-Platten zu steuern, benutzen wir Arduinos in der Bluetooth–Variante. Leider stellte sich heraus das diese noch sehr fehleranfällig waren und so verloren wir eine grosser Teil der Zeit mit Verbindungsversuche. Die Bluetoothvariante haben wir eingesetzt, da wir im finalen Prototyp eine grösssere Distanz zum Computer zurück legen mussten.

Nachdem die Platten untereinander funktionierten haben wir mit der der Feinabstimmung der Sounds begonnen. Uns war wichtig das die Sounds nich störend wirkten aber dennoch das Gefühl einer Welle vermitteln konnten.

5.0 Endpräsentation

Die Präsentation unseres Prototypen konnten wir nicht wie gewünscht an der Tramhaltestelle halten. Zum einen fehlte uns die gewünschte Stromversorgung, zum anderen war die Zeit um lange Distanzen zwischen den einzelnen Präsentationen zu überbrücken nicht vorhanden. Aus diesem Grund wurden alle Projekte im Gang des Hauptgebäudes ausgestellt und präsentiert. Die Reaktionen waren spannend anzusehen als verschiedene Personen unser Projekt getestet haben. Obwohl es sich um eine nicht visuelle Arbeit handelte, haben fast alle Tester in die Richtung geschaut wo sie die Vibration hingesendet haben. Man spührte woher ein Signal kam und wohin es ging. Wir sind mit den Ergebnissen sehr zufrieden, würden uns aber bei einer Weiterentwicklung oder weiteren Projekten dieser Art mehr Zeit wünschen. Weiter wäre es sehr interessant zu sehen was passiert wenn wir mehr als drei Platten einsetzen würden und wie sich diese dann auch im öffentlichen Raum integrieren würden.

Mit Hilfe unseres 3D Objekts erkannten wir unseren Ort als eigenständige, kleine Welt in welche man eintritt und wieder austritt. Unsere Hypothese ist das die meisten Autofahrer und Passanten diesen speziellen Ort durchfahren ohne diesen Ort wirklich wahrzunehmen.
Mit unserer ersten Intervention versuchten wir herauszufinden ob wir die Personen subtil darauf hinzuweisen können, dass sie kurzeitig eine eigene Welt durchfahren.
Ideen welche auch den ganzen Durchgang als Aquarium darstellten wurden laut. Zumal Shell auf deutsch auch Muschel heisst.

Intervention Testlauf
Mit Karton und Spraydosen ausgerüstet sind wir zur Hardau gefahren.
Zuerst beobachteten wir die Reaktionen der Passanten auf einen Postkartenspender in der Durchgangspassage. Leider haben alle Passanten diesen ignoriert.

Als zweiten Schritt haben wir mit den Begriffen „Eintauchen“ und „Auftauchen“ gespielt. Zu unserem erstaunen brachten die Autofahrer unserer Intervention ein grosses Interesse entgegen. Die triviale visualisierte Botschaft der beiden Begriffe regten die Personen sichtlich zum nachdenken an. Leider konnten wir Gedanken der einzelnen Personen nicht auswerten.

Erkenntnis nach der Präsentation
Weil uns unsere ersten Interventionsideen qualitativ nicht überzeugten, lösten wir uns nochmals von unserem Ort und unseren Ideen und begannen von aussen den Standort neu zu betrachten. Von der Distanz gesehen nimmt man den Ort kaum wahr weil die Hochhäuser stark dominieren. An diesem Punkt wollten wir ansetzen. Mit dieser neu gewonnener Distanz zum Ort, kamen wir auf neue Erkenntnisse.
Wir erkannten, dass an diesem Ort mit einer subtilen Form eine Intervention durchgeführt werden kann und der Raum nicht künstlich aufgeblasen werden muss. Das wesentliche an diesem Ort ist die Durchfahrt. Alles taucht ein und wieder auf. Alles befindet sich im Fluss.