About my blog

The aim of the ITD course (ID4220) at the Delft University of Technology is to provide Design For Interaction Master students with in-depth theoretical and practical interaction design knowledge to help develop future products based on user-product social interaction. ITD proceeds through a sequence of iterations focusing on various aspects of the brief and the design, and culminates in an experiential prototype.

This blog is managed by Walter A. Aprile: please write if you have questions.



De meningen ge-uit door medewerkers en studenten van de TU Delft en de commentaren die zijn gegeven reflecteren niet perse de mening(en) van de TU Delft. De TU Delft is dan ook niet verantwoordelijk voor de inhoud van hetgeen op de TU Delft weblogs zichtbaar is. Wel vindt de TU Delft het belangrijk - en ook waarde toevoegend - dat medewerkers en studenten op deze, door de TU Delft gefaciliteerde, omgeving hun mening kunnen geven.

Posts in category happy2

Final Exhibition: Are you happy 2?

Finally, today is the biggest day of ITD 2011. We have a pretty happy exhibition day. Are you happy 2?

Our final design:

Our  topic OF today: the memory of your key-chain. Personal, special and unique? Share your story with your "neighbors", be aware of the happiness you already own!




Take a photo of your key-chain! 


Upload it to the projection, try to find your own one! Can you "hear" the stories told by all the key-chains?
Interact with it!

[object:flash:http://www.youtube-nocookie.com/v/Op2_Uw0Y3No?version=3&hl=nl_NL width:480 height:390]


Let’s join in!
Don’t forget to check our final movie!

[object:flash:http://www.youtube-nocookie.com/v/q2hkaydDsBk?version=3&hl=nl_NL width:480 height:390]

Bye! Best wishes from Happy2! 




the Happiness machine”Fragments” is ready!

Happy team 2 is ready,, and you?


Final exhibition setting:



Today the topic of our Fragments is " the memory of your keychain":

Locking your door, unlocking your bike, or even loosing them: your keys play a big role in your daily life. They come in different sizes, colors and collections. Key chains tell a personal story. Not only the keys are fragments, also the decorations have a story. with which item on your key chain do you share a special memory?

Could this be the key to happiness?

Take a picture of your key chain on this exhibition and share your story with your "neighbors" here! 






ready to go! Just before the exhibition

Hi again, now finally here is the last day before the exhibition! ready to go every team?:D

Last week and these two days we are busy with preparing our exhibition, finish the report and make the final movie.




Check out a little movie which shows how the user interact with the prototype in real environment:

[object:flash:http://www.youtube.com/v/NjkEfLMYUqY?version=3&hl=nl_NL width:480 height:390]


Here is what our prototype will look like: It includes two parts,one is the hallway where the interactive projection is; another room is a living room where people could take a picture and upload it to our system. we are doing our best to make them look like a real hallway and a real living room by using decoration like mail box, wallpapers and drawings.

On the exhibition, firstly people will enter the hallway(the entrance of an apartment), interact with the picture projection on the wall, see our topic of the pictures on the notice board(our topic will be keychains), then they can go to the living room(their home), take a picture of their own keychain there and upload it to our system. Then they will see their pictures on the projection wall and they can interact with it! The whole interaction process will be completed by this way.




working hard and make it true!




Looking forward to tomorrow!
Are you ready? 

On our way to the final station!

Hi again, friends on your way to the final station just like us! Mixed and complex emotions are surround us now. Excited? Bored? Tired? Hope every movement of our team could make us happier! Now everything is on schedule and what do we need to do is keep making prototype,optimizing program, writing report and waiting for the final exhibition day comes!

Now our weak points are the construction of the prototype and our program. About the prototype, coz it is too huge and we need to make sure it fits the studio and keep the beamer and webcams stable on it. About the programing, we should come up with an input way of the camera (We want to use a camera to take a photo of people on the exhibition then send it to our projection) : Can we make use of a flickr database? Will all the webcams work?


Now here comes some update! The first is the most important work now : building our prototype. It is a hard and big job. We need to build a tunnel (room) up and set four cameras and one beamer up. Let’s blog our hard working team members!  




Now the biggest problem of programing is how to make the 4 webcams work at the same time in Max5. We still need to work on it but we believe we can figure it out!

Our programer is dealing with 4 webcams for tracking…


Movie Making 

Here is the story board of our final movie. It is only about the concept and other parts of the final movie need to be added: Our design process, prototype and how the users react to our prototype.




Keep working on it and good luck to every team! 



Working on the final prototype!

Cheer up everyone! Let’s make the final prototype!

This week we are also on the schedule, just follow the plan :

Optimize our prototype, building the app/website, think about how to build the frame for the exhibition, start thinking about the final movie… still feeling stressful but we are positive!

For the final prototype, we want to use 4 webcams (see below!) instead of one. The reason is if we use only one webcam to track the motion, we need enough height of the celling (at least 4 meters). But it is impossible at the entrance of normal apartment. So we use four (one for each corner) to fit the environment.





Prototype test in the real context

To see the interactionin the real context, we set this user test in an apartment. First wesent the newsletter to the people live in this apartment to take apicture of their shoes, then we did the test at the entrance of thebuilding. All the test settings are follow the prototype plan.

Setting up

Basic setting 
Attract more attention- draw the footprints 

waiting for people!

Here we go!




Feedback from the interview:

We interviewed fivepeople, the feedback can be summarized as below:


  • Doyou like it ? What’s your feeling about it?


Allthe five people like it and it brings them happy feeling. One ladywas really enthusiastic. She said she had send us a picture, and wasa little disappointed she didn’t see it displayed. People wouldlove to see what other people in his building are doing .

Mostpeople really like the concept, one man said he is originally frompijnacker where everybody sais hello to each other, he is reallymissing that in the building he is living in now. This concept wouldhelp to make neighbors feel get closer.


  • Doyou have any comments/advises on our prototype?


One lady thought the grit of 9 by 9 was to little, she wanted to see more pictures. One man recommended a screening for the pictures before they will be displayed.

Which way do you prefer to send the pictures? By app or by website?

Most people prefer sending pictures on internet ( Via website/ email).


  • Do you have any themes you are interested in?


Not only pictures of objects, but also pictures of people. As holiday pictures or baby pictures. They don’t feel uncomfortable sending personal pictures.


  • General remark:


People are afraid to walk over the grit on the floor. But when we tell them it can’t harm they do it. They just don’t do it because we are there and they think we are going to do some kind of stupid trick on them. Once they know what it is for they are not afraid for it.

At this user test there was no sound, some people didn’t notice there was something happening on the wall when they walked by. So sound would really help to make them aware of the fact that something is happening. 



Happy theory&Prototype plan



optimizing & plans

Hi again, after got the period feedback and the meeting with Pieter, we are still struggling with some problems.

About the concept itself, we need to apply the "happiness" theories more and add more interactive element into our concept (for example, add effects to the pictures or add sound). We also need a new name for our concept:D to make it easier to understand and remember.

About the pictures part, we need to make the decision : people will send pictures by using an app or via website? To make the collage changeable, maybe looping the pictures is a good idea. So the numbers of the pictures can be not fixed and there are more possibilities of showing pictures.

About the prototype, because the limitation of the celling(not high enough in some apartments). It is difficult to use just one camera on top to track the motions. So we decide to use 4 webcams ( one in one corner) in our improved prototype latter. In last presentation, we got the feedback about the projection. To make it clear to see in both bright or dark environment, DCL screen is a perfect choice in final concept.

The good news is now we have our plan for the last design stage already. Here are the plan how can we optimize our program:

  • (1 hr)          A new way of detecting motion (from daniel saakes) has to be tested
  • (2 hr)          Finding out how to make webcams work directly with max 
  • (2 hr)              – finding out how to connect 4 webcams instead of 1
  • (0.5-2 hr)    Finding out how to use pictures instead of videos to beam on the wall
  • (1 hr)                – finding and implementing a fade-to-black option in max
  • (0.5 hr)          Just rewriting the programing to make it simpler&faster
  • (2 hr)             Finding a better way to beam pictures in a grid, instead of having to drag all separate windows
  • (1-4hrs)      Contacting experts for questions in between


Optimize our program: to make the motion tracking faster, we use lower resolution (32*24) instead of 320 240 pixel 





 To help us figure out these questions, this week we are going to test our prototype in an apartment.

Test plan


Set- up:

Location: aart van der leeuwenlaan, Leeuwenhof


Environment: The entrance hall of the apartment



Newsletter *12

Beamer *1

Laptop * 2

Speaker * 2

Video camera *1

Tape * 1 






Test process:



1. Preparation (Before the prototype test)

To get the collage pictures from the people from one apartment, a newsletter which explains our concept and the motivation is made (See below). By asking people to take pictures of the theme “Shoes”, we can get their feedback of our concept too.





“ Are you interested in this concept?”

Do you think it is ok for you to take a picture at home and send it to the system?”

Do you want to show your neighbors your personal objects?”

“ Are you interested in getting an overview of all the pictures from your neighbors?”


2. Prototype test 


– To see if they can understand the interaction between the floor and the wall

  • How people interact with the prototype
  • How do they perceive and react to the images and the sound
  • How does their emotion change ( expressions, words…) Do they look happier afterwards?



              Do you like it ? What’s your feeling about it?


  •  Does it bring you happy feeling? Can you understand the meaning?



    • How do you expect that you can interact with it?



      • Which way do you prefer to send the pictures? By app or by website? Wo



        • Do you have any themes you are interested in?



          • Do you think the concept is attractive enough to let you join? If not, do you have any comments                                          or 

            advises for us?



          It is the update till now. We will draw the conclusion soon. See you soon!





          Detailing after presentation and test plan

          Hi again, this week we detailed our concept after the nuthacking presentation. Now we mainly focused the interaction part that people take pictures and send pictures to Linjunary. Here is the "HOW TO" brainstorming session we made.

          1. How to take a picture? 



          2. How to transfer the pictures?  

           3. Use simple camera to take pictures
          Next week, we plan to test our concept in real context which can be an apartment.We will test the whole process, from taking pictures to experiencing the collage prototype itself. Looking forward to it!
          Here is the missing part from last post. The brief conclusion of user study one.

          First userstudy

          Test theprototype in an apartment

          Location:apartment B’doze

          To see theinteraction in the real environment, we did the user study one in oneapartment. We used the pictures of shoes from the people who live inthat apartment to make a flash and stimulated the program.

          In themorning we tested it in the hallway to see people’s reflection andhow do they play with it.

          Ourinterview questions include:

          Do youlike this concept? Do you want to show your pictures in the collage?

          Can youget the meaning of this concept? Do you feel happy?

          Do youlike this kind of interaction? (Step on the floor and see the photoson the wall at the same time)

          Finally wegot these feedback:

          • The interaction is attractive for users and they want to have it in their apartment. However, the delay of the pictures influences the interaction somehow.

          • They want to see different theme every week, maybe they can vote the theme.

          • Some people think it is not necessary to put grids on the floor/wall.







          Nuthacking presentation & postcard

          Hi all, finally we hacked the nuts! We made the prototype and test it with people at the presentation. 

          The video here explains how the webcam and Max5 work:http://www.youtube.com/watch?v=5LOsDCoafuk&feature=player_embedded

          [object:flash:http://www.youtube.com/v/SjnN-Nb4qio?fs=1&hl=nl_NL width:480 height:390] 

          Here is how we made the prototype. 

          1. Setting the webcam to tack the motions




          2. Setting the grids which corresponding to the areas divided by webcam




          3. Project and test it. 




          To get more details, please check our presentation video here: http://www.youtube.com/watch?v=SjnN-Nb4qio

          One more thing! Don’t forget our postcard!








          © 2011 TU Delft