Future of Interaction Design(1w_thought)

After reading,
A Brief Rant on the Future of Interaction Design” by Bret Victor

I have kept wondering during the watch the video, “Why the future vision limits our senses?” After reading an article, I wholeheartedly agreed with Bret’s opinion about the vision of interaction. It should keep trying to use whole our body parts and try to make the people get the real feeling by their sense. It should be. Moreover, in the future, we the people who want to make the world better, have to focus on the contents and its form.

I’m a graphic designer. Literally, a “classic” graphic designer.
Before coming to ITP, I had made the books. All the books have their own scent, texture, weight, and color. They have their identity, their form based on its contents. So we the reader can feel these things by our eyes, a nose, hands. We can feel the book physically. It’s a real experience. It helps understanding contents.

In 2012, Chip Kidd(Associate Director, Art and Cover Design at Knopf Doubleday) said,

“iPad has no scent.”

on TED 2012. It is a contracted version, and the actual one is this,

“Do you know what John Updike used to do the first thing when he would get a copy of one of his new books from Alfred A. Knopf? He’d smell it. Then he’d run his hand over the rag paper, and the pungent ink and the deckled edges of the pages. All those years, all those books, he never got tired of it. Now, I am all for the iPad, but trust me — smelling it will get you nowhere. Now the Apple guys are texting, “Develop odor emission plug-in.” – Chip Kidd, Designing books is no laughing matter. Ok, it is., TED 2012

The point is, we can not have physical experience in the digital display. However, I do not claim that this is an entirely lousy medium, I know the efficiency of the digital platform. My point is we should avoid the situation that put every content on the particular medium. There is no ultimate medium fit for every material.

From that, in my opinion, interaction design is starting from this point of view. Focus on the relationship between the contents(function) and form. How to make the form to fit the contents for people use or understand it quick and easy. Furthermore, keep thinking about the new medium.

What’s behind the doors?(1w_Soundwalk)

Our team(Me, Tawania, Veronica) collect the sounds of the doors in 721 Broadway for introducing 721 Broadway.

Door sounds link:

This is the idea that I had shared with our team. (We keep trying to build up this idea)

I thought our subject goal is an introduction to the people about 721 Broadway building through the doors. (It’s also following the footstep of every department’s student). So we focus on the elevator door, and I think we have to start at the front door of the building, the main entrance. And every transition to another floor always uses elevator sound. (Never using stairs)
So, start from
Entrance ->1F elevator ->2F->3F~~~>12F->and final step is basement(I thought most of the people who come to this building are students who have their own department floor. So I think to introduce the department is the first thing we have to do. Also, we record all the sound while we move to the other floor using the elevator, so at the last moment, there will be really long recording from 12F to Basement.

And each floor we record the room sound of each departments lobby plus our verbal introduction like, at the front door “We are now starting our journey to 721 Broadway building the Tisch School of The Arts, What’s behind this door?” And I want to show this really slowly and relax mood.

Our first record is September 6, Thursday.
When we met for the first time, we review the how to use Zoom recorder and after that went to exploration to 721 Broadway for checking what is in this building. We had started from the 12th floor, and it felt like we sneak around the building. The idea, “What’s behind the door” started from that. During the exploration, we lost in the building(seriously, the building is a maze!) and finally got out to the Gallatin School side. Unfortunately, we couldn’t record at that moment.

The hard part of collecting sounds was to get clean sounds and control the sensitivity of mic.

After listened “Sound Walk 9:09” and “Her Black Long Hair”(1w_Soundwalk)

I have listened to two sound walks in the syllabus.

1. Sound Walk 9:09 by John Luther Adams

2. Her Long Black Hair by Janet Cardiff

Each work gives me way different experience through sound.

I listened “Sound Walk 9:09” first, this one change the texture between me and outside of the space where I’m standing. It makes me personal area even I’m in the outside during hear the Sound Walk. Every time, I holding or walking in the street, there is a bunch of information from everything around me like signals, ads, people, cars, sound, light or building. But when the Sound Walk begins, it makes me like an Observer or makes me in personal space wherever I’m standing, and it feels like I’m in the surreal place that even I’m in the real site at that moment.

However, Her Long Black Hair gives me the opposite way of experience than Sound Walk 9:09. I listened this one on the 4th floor 721 Broadway, but when I start to hear Her Long Black Hair, it brought me into the Central Park. The clean three-dimensional sound makes me more space in my head, and this separates me from the real world in a different way than the Sound Walk 9:09. It expands my sense of hearing, and I can imagine what she sees now, and feel the atmosphere of where she is standing.

Both of works are using street sound around them. However, the result is different. I think it depends on how to deal with the ingredient. The first one, “Sound Walk 9:09” uses the street sound to make music. John said he sculpted and filtered these street sounds to reveal resonances, and I think this is creating the surreal texture and atmosphere around listeners, and that fabrication makes different than “Her Long Black Hair” even both are using sound from the real world.

And “Her Long Black Hair,” I feel Janet focused on delivering the story as a real experience through clear and exact ingredient of sound. She makes three-dimensional room in the listeners head using those clean sources, and it makes you feel and imagine the Central Park only by hearing.

How computational media applies to my interest? +drawing(1w_ICM)

Intro to Computational Media_1 week assignment


How Computational Media applies to my interest?

My exciting area is information delivery like making data more intuitionally to understand subject easily.

I’m not sure what precisely the comp media will bring to me, but I believe it changes the how I way of seeing, thinking and also expand capability.

Starting from the way of seeing and making date more intuitionally, during the semester I wanna make the camera that turns everything into basic geometric figures such as plain, dot, line, triangle, square, circle. It means to give more simple information through the photos. It could be more efficient that understanding the structure of the subject that shoot by the camera.


Drawing with p5.js web editor.


link: https://editor.p5js.org/full/Sy4wnb7_m


At first, it’s quite uncomfortable rather than using my hands to using language or coordinates to draw something, but after a few minutes later, it’s fun! The hard part was guessing the coordinates to put ingredients in the right place. But there are more fun feelings rather than frustrating. During the work, thought about it’ll be more fun if making this to animate. And also, I wonder if there is some pen that turning in to code while drawing or writing something, it’ll be fun. The pen for not write codes to draw something rather than draw something to write code.


What pitfalls did you run into?

Order. Before writing code, I have to think about the order, but sometimes I missed it then it turns into messy.

What could you not figure out how to do? No, After watching tutorials and Finding references

How was the experience of using the web editor? Comfortable except server down situation.

Did you post any issues to GitHub? No…not yet.




// Intro to Computational Media_Cassie Tarakajian
// 1 week Assignment
// Drawing

function setup() {
createCanvas(600, 600);

function draw() {

ellipse(311, 120, 160, 130);
quad(180, 90, 387.3, 100, 395, 130, 165, 130);
quad(180, 90, 291, 57, 395, 130, 165, 130);

//right ear
fill(255, 205, 148);
ellipse(170, 245, 80, 80);
fill(255, 255, 150);
ellipse(170, 245, 60, 60);
fill(255, 100, 150);
ellipse(170, 245, 45, 45);
fill(50, 105, 150);
ellipse(170, 245, 25, 25);

//left ear
//fill(255, 205, 148);
ellipse(390, 245, 80, 80);
ellipse(390, 245, 60, 60);
ellipse(390, 245, 45, 45);
ellipse(390, 245, 25, 25);

fill(255, 205, 148);
quad(165, 130, 395, 130, 395, 180, 165, 180);
quad(165, 180, 395, 180, 380, 320, 180, 320);
quad(180, 320, 380, 320, 373, 340, 187, 340);
quad(187, 340, 373, 340, 320, 395, 240, 395);

//right hair_plain
rect(165, 130, 25, 20);
//left hair_plain
rect(370, 130, 25, 20);

//right hair_line
line(165.5, 155, 189, 155);
line(165.5, 160, 189, 160);
line(165.5, 165, 189, 165);
line(165.5, 170, 189, 170);
line(165.5, 175, 189, 175);
line(166, 180, 189, 180);
line(167, 185, 189, 185);

//left hair
line(394.5, 155, 370, 155);
line(394.5, 160, 370, 160);
line(394.5, 165, 370, 165);
line(394.5, 170, 370, 170);
line(394.5, 175, 370, 175);
line(394, 180, 370, 180);
line(393, 185, 370, 185);

fill(240, 205, 148);
quad(275, 220, 285, 220, 300, 300, 260, 300);

//Right eye
ellipse(225, 225, 30, 30);
fill(255, 255, 255);
ellipse(225, 225, 15, 15);

//Left eye
ellipse(335, 225, 30, 30);
fill(80, 150, 200);
ellipse(335, 225, 15, 15);

//Right eye brow
triangle(208, 185, 255, 200, 200, 198);

//Left eye brow
triangle(350, 185, 360, 198, 305, 200);

line(250, 321, 250, 326);
line(255, 319, 255, 324);
line(260, 317, 260, 322);

line(265, 317, 265, 319);
line(270, 317, 270, 318);

line(275, 315, 275, 316);
line(280, 315, 280, 316);
line(285, 315, 285, 316);

line(290, 317, 290, 318);
line(295, 317, 295, 319);

line(300, 317, 300, 322);
line(305, 319, 305, 324);
line(310, 321, 310, 326);

stroke(100, 200, 200);
line(250, 390, 250, 395);
stroke(100, 60, 250);
line(255, 390, 255, 395);
stroke(100, 250, 70);
line(260, 390, 260, 395);

stroke(250, 250, 100);
line(265, 385, 265, 395);
line(270, 385, 270, 395);

stroke(100, 200, 200);
line(275, 378, 275, 395);
stroke(250, 100, 70);
line(280, 378, 280, 395);
stroke(250, 250, 100);
line(285, 378, 285, 395);

stroke(100, 250, 250);
line(290, 385, 290, 395);
stroke(100, 250, 100);
line(295, 385, 295, 395);
stroke(80, 80, 250);
line(300, 390, 300, 395);
line(305, 390, 305, 395);

line(310, 390, 310, 395);

fill(100, 200, 148);
ellipse(280, 345, 24, 24);
ellipse(280, 345, 7, 7);

//ku ahhhhhhhh
//rect(250, 330, 60,32);
//ellipse(262, 340, 7, 7);
//ellipse(274, 340, 7, 7);
//ellipse(286, 340, 7, 7);
//ellipse(298, 340, 7, 7);

//Looks angry
//bottom tooth
//ellipse(262, 352, 7, 7);
//ellipse(274, 352, 7, 7);
//ellipse(286, 352, 7, 7);
//ellipse(298, 352, 7, 7);