ISHAC BERTRAN

Archive for the ‘ciid’ Category

rideCPH, a bike sharing concept for Copenhagen

Sunday, November 15th, 2009

Copenhagen was the first city to introduce a bike sharing system, in 1995. Since then, different cities have launched a bike sharing service as a healthy, environmentally respectful mean of transportation. Bicing (Barcelona) is a good example of success, having a high acceptation from locals and commuters – more than 400 stations and 6.000 bicycles in 2 years. However, the uni-directional flows and the lack of bike lanes in some districts are still challenging the system for a continuous improvement.

The city of Copenhagen, aware that its system was one step behind the modern ones, started an open design competition for the new Copenhagen bike sharing system. During our Upgrade Skills at CIID (Flash course), we were asked to design an interactive touch-point for the future system to be deployed in Copenhagen.

My concept aim to combine a simple and fast service for regular users and a guidance service for punctual users and specially, tourists. In my opinion, they should be a main target for for two reasons: 1. most of the people living in Copenhagen already have a bike, 2. discover the city riding a bike is part of the local culture and could lead to a better impression and experience.

The guidance service allows to select a route in the touch-point. The bicycles are equipped with a module with GPS and LED’s that guides the user to the selected points.

dsc_0057-1

dsc_0059-1

Following, a video of the concept rideCPH showing the service and the interaction in the touch-point.

±pole

Friday, October 30th, 2009

The second week of Computational Design we were asked to develop a project using Processing, either an application or a poster. Dennis Paul from The Product joined us this week.

I developed an interactive installation that allows different users to play with wood pieces in a table, controlling elements projected on the floor.

The visuals are developed with Processing. It consists of a system of particles that is affected by three types of elements: a generator that shoots the particles at a certain frequency, while attractors and deflectors create the force fields that affect particles’ trajectories.

dsc_0128b

The three elements in the projection are controlled with blocks of three different types of wood. Each block has a fiducial underneath, so its position and angle is captured by a camera using ReacTIVision. The angle in the generator changes the direction of the particles flow, while the angle in the deflectors and attractors varies the power of the force field created by each pole.

dsc_0040b

dsc_0028b

The table has a glass surface which I sandblasted to disperse the light. As a finish for tangible part of the project, I laser-cut the name of the project both for the stencil and for the logo over the table.

dsc_0008b

dsc_0022b

The project was exhibited at the Final Exhibition of the Computational Design course. Seeing Simona’s daughter play with the installation was the best reward, and encouraged me to use ±pole as a platform to explore other interactive applications for children.

dsc_0125b1

dsc_0064b

dsc_0087b

dsc_0281b

dsc_0194b

dsc_0259b

More pictures about ±pole here.

Computational Design

Tuesday, October 20th, 2009

The first week of Computational Design at CIID we welcomed Patrick Kochlik, from The Product. On Monday, he presented a selection of works and gave us a short introduction to the history of Computational Design. Different fields have explored this discipline, such as graphic design, typography, fashion design, product design (check Fly Lamp) or architecture.

As a first exercise, we became instruction processors, executing the ‘code’ written by a colleague using blue and white tape.

Result of the code I wrote and Dean executed

Result of the code I wrote and Dean executed

The next days we used Processing as a tool to design interfaces and applications. OpenCV helped us to develop a bunch of small applications with face/eye/body recognition. One example is an application which allows to control the volume and pan of the music by moving your head forwards/backwards and left/right.

face_controller

For the last couple of years I’ve been surprised about the power of Processing for designing interactive applications, visualise data, or simply… do art. I’m specially attracted by organic images created using Processing. 1, 2 and 3 examples from Eno Henze. Some of these pieces have a high similarity with some art created by elements of the nature. There are other artists that achieve similar results as computer-made artworks with a totally analog approach.

Discovering glass

Sunday, October 18th, 2009

Glass is one of the most amazing materials, for its properties and beauty. At the same time, it is probably one of the less used materials while prototyping due to its difficulty to work with, and the lack of proper workshops.

With the aim to incorporate the glass as a material to be considered for prototyping (specially combined with light, an increasing passion), I’ve been around the glass workshop. Eric, a CIID student who is glass designer, taught me the basics of glass blowing, cutting and sandblasting. I cannot wait to have more time to practise, I couldn’t make a round ball so far…

Eric at work

Eric at work

Me rounding off the first glass piece

Me rounding off the first glass piece

I’ve already used glass for a couple of projects, and hope I’ll do in the coming ones. It’s an amazing world to discover.

More photos here.

Energise

Wednesday, October 14th, 2009

The second assignement for the Video Prototyping week was to design a service around ‘energy saving’ topic. After a short brainstorming, we worked in pairs to develop the concept and sketch it. Together with Eric, we designed a service for increasing people’s awareness about energy and culture of maintenance for a better efficiency and longevity of our appliances and devices. We decided to sketch the concept using a doll, shooting in the stop motion studio. This allowed us to control the light and the sound (no voice over), probably the main issues when shooting with basic equipment.

dsc_0071b1

We sketched the story, built the scenario and the props…

dsc_0112b

dsc_0101b

dsc_0102b

…and we shot until late at night. It was fun!

Probably we missed a bit the focus of the service in the first version. We had another day and a half to refine the prototype and put more emphasis in explaining the concept. More footage, editing and fun.

I enjoyed this week a lot. Music, sound, photography, lighting, props, communication… video prototyping is design.

Video prototyping

Thursday, October 8th, 2009

Video sketching is one of the most powerful tools for communicating a concept to the project team or a client. Vinay explained us different techniques and tips for shooting, editing and producing video prototypes. Resolution and fidelity need to be adjusted depending on the purpose of the prototype, the target audience, the timeline and the resources.

As a first exercise, we were given a small text with blanks in order to imagine a story. Working in pairs, we shot the story and then we exchanged the tape with another team, editing their material trying to imagine what was the story line. Here the resulting videos:

We used iMovie for editing – simple, intuitive and enough for the majority of the video prototypes.

Introduction to Interaction Design

Wednesday, October 7th, 2009

The 3rd week at CIID we received Matt Cottam, co-founder of Tellart.  The goal was to “introduce us to core concepts involved with interaction design” through an analog experience, with any use of technology. The course was structured to work on different small projects covering different topics, as well as film viewings and discussions.

During the week we run a project in parallel to the short ones: “What is a switch?”. We were asked to create at least 20 switches using scraps we found around us. We worked until late at night, converting our tables in a coloured mess of pieces of everything. By Friday we had a broad collection of switches, ranging from a simple contact of two pieces of paper, to high elaborated and complex artifacts.

dsc_0045b

dsc_0050b

dsc_0041b

On Day 3 we designed icons for “add a friend” and “unfriend” buttons for a social network interface. After brainstorming around what these concepts mean in different environments and groups of people, each of us created a mural 24×24 post-its in a selected surface. Here my process and result:

img_2994b

We explored other fields of interaction design with the other assignments, such as cities as platforms, visualisation of virtual relationships, mobile application for arrange a meeting or re-design of an old interface.

dsc_0038b

old_interface

I experienced this week as a perfect warm up for the whole programme, regarding both content and intensity.

Other pictures of the projects developed this week here.

The workshops

Saturday, September 26th, 2009

dsc_0062b

As part of the collaboration between CIID and Danmark Designskole (DKDS), our programme can take profit of DKDS facilities. Amazing workshops for metal, wood, glass, textile, electronics, photography and stop motion are available at any time (including weekends), allowing people to develop academic and personal projects. During the second week we were taught about how to use the machinery to work with metal and wood.

dsc_0071b

More pictures here.