ICM, organization and class

This week, we are learning organization by using functions and classes in processing. My original structure: 1. variables: all of them are universal 2. setup: only screen size 3.  loop(void draw): background, ellipse in for loop, the gravity formula, and the conditions for two kinds of balls 4. mouse pressed: change directions of gravity 5. […]

Readings + Lab for PCom class_05

Comments on ‘Design meets disability’ My first impression about this issue without reading the article was how to design better for disability and help them. Yet, it was completely different, I realized that ‘Design meets disability’ addresses the issue of individuality and universality. The concept of ‘universal’ has been miserably criticized it has lost diversity. It ended […]

ICM assignment class_04

The assignment for ICM this week I decided to use ‘gravity’ in this time. To review use of ‘gravity’ in processing, first I will analyze how it work by looking at Shiffman’s code There are three events happen: 1. rect going down with acceleration : y = y + speed; speed = speed + gravity; this […]

Assignment for PhysCom class_04

Readings_01: Design for everyday things

The author, Donald Arthur Norman, an academic in the field of cognitive science, design and usability engineering and a co-founder and consultant with the Nielsen Norman Group

Indeed, I read this book for ages ago and I remember I was impressed by this very much. After reading this, I was able to manage electronic products.

His statement in ‘Design for everyday things starts from ‘warning labels and large instruction manuals are sign of failures, attempts to patch up problems that should have been avoided by proper design in the first place’. He continues that ‘humans do make mistakes, but with proper design, the incidence of error and its effects can be minimized’….

There are interesting stories we really experience everyday. My grand mother cannot cook rice by rice cooker as it became too advanced with many cooking options. People often get nervous that they are not intelligent enough to mange this or blame themselves that they do not read the instructions. Norman points out why we need complicated instructions. I do agree with this. The small things give people stress in their lives unconsciously.

His argument refers a concept of ‘affordance’ by James Gibson. Good design affords users to use it without any instruction. People never be confused to sit a chair. A chair afford a human beings can sit. It tells enough information about its functions for its users.

His points for principals of design for understandabilities and usability make strong sense for me, even though I do not like following to such ‘a manual’. Humans have a concept model to use something so if concept model directly translate it to the controllers, we wouldn’t be in a trouble. Even though my mother has used mobile phone longer than I have used, she still cannot save contact information of her friends. I will question that does mobile phone have a good design? Also, its visibility and mapping is very important as if a product have functions, we wanna see the functions, and it should be properly mapped in order not to make us confused. Surely, the feedback is very important to give us feelings we interact with a machine or product.

By doing this, we would be able to reduce our stress in our everyday lives and as a designer, we can find a chance to breakthrough to create a new design.

Readings_02: Emotional Design

This in fact, questions the design manual by ‘Design for everyday things’ that functional design made some products agree. There can be questions that how they negotiate it with their aesthetics and emotion. His statement as people love a product, they gain a greater motivation to use them no matter how it might be difficult. As soon as I read this, I remembered Alessi’s design. The design are not completely functional yet it illustrates functions and most importantly, it looks very fun.


When I see Alessi’s design, Norman’s points that ‘affect therefore regulates how we solve problems and perform tasks’ become very strong. Although the usability is brilliant, we will not motivate ourselves to use it. As I studied architecture, it is actually taboo to touch the topic ’emotion’ in our designing as we cannot prove it. Once we discuss about emotion, it becomes ‘preferences’. I like Alessi yet some hate it. Whenever they use them, they would be irritated by looking at cartooning shapes and colours, for instance. (We discuss ‘individuality’ yet not ’emotion’ and affect. )

Although Norman agrees with design emotions, he criticizes  prettiness and usefulness that design pleasure should not affect its functions, the usability. The argument became once big discussions in ‘ornament’. What if meaningful ornaments affect its usability?

While those arguments come from modern thoughts, I still strongly agree with creating things which afford users’ activities and emotions.

Labs for this week

Digital Input

Flex sensor: in my case, the example program didn’t work at all. I couldn’t figure it out. I ended up with using preset program by Arduino…and mixed example program below.

const int redLED = 10; // pin that the red LED is on
int rightSensorValue = 0; // value read from the right analog sensor

// the setup routine runs once when you press reset:
void setup() {
// initialize serial communication at 9600 bits per second:
pinMode(redLED, OUTPUT);

// the loop routine runs over and over again forever:
void loop() {
// read the input on analog pin 0:
int sensorValue = analogRead(A0);
// Convert the analog reading (which goes from 0 – 1023) to a voltage (0 – 5V):
float voltage = sensorValue * (5.0 / 1023.0);
// print out the value you read:
int brightness = map(rightSensorValue, 400, 900, 0, 255);
analogWrite(redLED, brightness); // set the LED brightness with the result


It worked, anyway yet it seems other people made it without changing the code…Please help.

The next step is use of photoresistor. It allows us to control something(?) by change of lighting(exciting!)
Yet, it didn’t properly work…it didn’t have the similar number between the two sensors.

In the monitor, the number changed a bit only right sensor yet not left one…

Obviously, it didn’t control the mouse as well…I was trying to make them work by changing the sensor. I checked the circuit yet, someone it didn’t work. Please help…;;)

Here is the clue that my circuit was okay(hopefully)…

Only one lab I succeeded in perfectly was control mouse by buttons…

Application Sep 17th, speaker Bret Victor

The speaker today: Bret Victor Topic: interactive data graphics_Explanation, Exploration, and Storytelling how design interactive data 1: the graphic gives the answer of the questions of the first data when it shows the second data (interaction design) 2: it explains by animations 3: tracing social connections to take the data as well as make it easier […]

source_abstract painting

float value; int c; boolean i = false; boolean value1 = false; int mc; void setup(){ size(600, 600); background(0); value = 120; c = 254; mc = 1; } void draw(){ // background(181, 100, c, 50); fill(mc); noStroke(); ellipse(mouseX + 30, pmouseY, value, value); fill(181, 100, c, 1); rect(0, 0, 600, 600); if(value == 121 […]


float cc =1; void setup(){ size(600, 600);; background(HSB, 50, 20, cc); frameRate(20); } void draw(){ cc = cc + .1; fill(HSB, cc, 20, 70); noStroke(); ellipse(width/2, height/2, mouseX, mouseY); }