Oct
10
Websites in nice colors
October 10, 2008 | Leave a Comment
Heres below I pick some design&art company ’s website .
Complementary
LINK
Monochromatic
LINK
Color Triads
Analogous
http://www.shusterdesign.com/index2.html
Oct
9
Color IQ test
October 9, 2008 | Leave a Comment
I did the assignment twice. First time I did fast and got 15, then I tried again , got the perfect score.But can’t upload any picture.
I pasted it on Flickr
http://www.flickr.com/photos/23106106@N07/
Oct
3
Logo designer
October 3, 2008 | Leave a Comment
http://www.masterpiecedesign.com/
Sep
19
One of my favorite web design
September 19, 2008 | Leave a Comment
I did not think a lot about web design before the class. But it is really a good begin. After searching on the internet, I do find some nice web page as I list below.
Peruvian WharOne of my favorite is the f. The web page had been organized very well. The first page is very simple and elegant, It is very easy to find the information that everybody needs to find. Also the web page make you think of architecture. If you really interest in this design firm’s work, you can visit to their presentation page by only one click. Their dynamic web pages will make you excited. The whole we site use mainly three color and beautiful pictures and animations. All web pages have a consistency style.
The text on the first page is little smaller than normal, that can make visitor focus on the something more important.
some other nice web page.
Sep
10
My future installation
September 10, 2008 | Leave a Comment
My dream is to make installation with interesting interactions. It could be a system with movable parts, could be a abstract sculpture or painting with motion and sound, could be a machine .It must cause some movement. A screen may be involved but just for the stretching of physical part.
Vision : Considering my goal, I think the most challenging part of this project is what is the interesting motion or movement . I start with my own experience. Some movement happen around me everyday, such as the movements of fan and windmill , sea wave with that special sound even flushing in the toilet are interesting. I ‘m trying to figure out make a installation can remind people something or bring pleased feeling.
For the Physical computing class, I start a installation called “good luck shutter”. There is some technology problem is pending .The main problem is how to control more than three steppemoters. So my goal is figuring out these problem with the project , I think the first step should be moter controlling then try to add better quality sound etc.
Mar
25
From balance to chasing youself
March 25, 2008 | Leave a Comment
I was not very satisfy with the balance game though I It is much potential to be improved. It is safe and reasonable but not very attractive .
During the spring break i spent 2 hours to watching my son play with other children everyday, I found chasing each other make all children very excited. So I develop my idea as the story board show.
Mar
11
More Thinking about the balance game
March 11, 2008 | Leave a Comment
Normally I am not a game player, but I once indulged some game too. I haven’t play a lot game before the class, last class Amit talked about general principle of game design (as i pasted below), that let me know how to critic my game and have more idea to improve it .
Mechanics: The rules and mat that the game is made of.
The physical part of my game is pretty simple, it is just a wood board with slot on a log.The difficulty of the game can be changed by changing the radius of the log.
The rule of my game is player try to keep on the balance board as longer as possible , not touch one side 3 times more than the other side，(help to rectify people incline either left or right side) .
Dynamics: The real time events that take place when a player engages the mechanics.
Aesthetics: The state of mind and emotional engagement that the player experiences as result of the Dynamics.
Everytime the board touch the ground , a ball fall on the balance, that distract people from their feet,help them look forward. It would not be very difficult to control the board, help people turn to relax.
Mar
4
New game design
March 4, 2008 | Leave a Comment
Balance was one of my favorite toys when I was a child, I made countless balances with sticks (chopstick) and paper boxes for trading small oval stones and colorful glass chips with fellows…..
This time I work on a balance game . Children can stand on the balance board try to keep balance watching the balls fall on another balance simultaneously.
The reason I want children keep watching forward is that can help them relax when they try to use their body .that is good preparing Exercise for ski ,driving ,skating etc. This game is also good for developing of children’s cerebellum.
As I did not have enough time to learn Flash, I made it work in processing, Also I ‘m trying to make it work in Flash.
.
Feb
11
My processing code of the new interface
February 11, 2008 | Leave a Comment
float x = 0;
//String lines[]; // store contents from the text file
void setup() {
background(255);
size(400, 400);
noStroke();
smooth();
frameRate(30);
//read the file
// lines = loadStrings(”comments.txt”);
}
int mystatus = 1; //1 - off; 2 - on; 3 - start
//boolean shown = true; //should show the numbers?
int dia = 1;
void draw()
{
//vertical position of the 3 numbers
int l1 = height/5+32;
int l2=l1 + 60;
int l3 = l2+60;
smooth();
//the big blue box
fill(100,100,200);
rect(width/5,5,width*3/5,height-10);
//the inner gray box
fill(100,100,100);
rect(width/3,height/5,width/3,height/2);
//draw START button
ellipseMode(CENTER);
fill(255);
ellipse(width/2, height*6.7/8, width/3+3, height/8+2);
fill(75,5,225);
ellipse(width/2, height*6.7/8, width/3-3, height/8-2);
PFont font,font2;
font = loadFont(”start.vlw”);
font2 = loadFont(”mmhg.vlw”);
//draw START, ON/OFF
textFont(font, 14);
fill(255);
textAlign(CENTER);
text(”ON / OFF”, width/2, height*6.7/8-4);
text(”START”, width/2, height*6.7/8+16);
int cR = width/5-6;
//draw captions on the left
fill(0);
textAlign(RIGHT,CENTER);
textFont(font,24);
text(”SYS”,cR,l1);
text(”DIA”,cR,l2);
textFont(font,18);
text(”PULSE”,cR,l3);
textFont(font2,12);
text(”mmHg”,cR,l1+20);
text(”mmHg”,cR,l2+20);
text(”/min”,cR,l3+18);
strokeWeight(3);
stroke(255);
int lL=width/5+8;
int lR = width/3 - 8;
line(lL, l1, lR, l1);
line(lL, l2, lR, l2);
line(lL, l3, lR, l3);
noStroke();
fill(255);
textAlign(LEFT,CENTER);
textFont(font,28);
int nL = width /3 +8;
if (mystatus ==2) //on
{
fill(255);
text(”0.0″,nL,l2);
}
if (mystatus ==3) { //start
dia++;
if (dia < 120)
text(dia,nL,l2);
else {
text(”120″, nL,l1);
text(”80″, nL, l2);
text(”70″,nL,l3);
}
}
}
void mousePressed() {
mystatus ++;
dia = 1;
if (mystatus > 3)
mystatus = 1;
// for debug
/*
fill(255);
rect(width*4/5,height*6/8,100,100);
PFont font3;
font3 = loadFont(”start.vlw”);
textFont(font3, 14);
fill(150);
textAlign(LEFT);
text(mystatus, width*4/5, height*6.7/8-4);
*/
}
void resetbox() {
//the inner gray box
fill(100,100,100);
rect(width/3,height/5,width/3,height/2);
}
Hope I can test user on the train today.
I ‘ll try to Learn PowerPoint or Flash next week.
Feb
4
assignment for week two
February 4, 2008 | Leave a Comment
For this assignment , I tried diffierent appliances including a DVD player, a clock radio and a kodak digital camera. They are all have some problems, such as the DVD player has the repeatious press buttons, the clock radio has similar problem with that one Amit showed in the class, the digital camera ’s problem is too slight . At last decided borrow my daddy ’s blood pressure monitor . My daddy use the monitor everyday , he pressed the button 3 times use only one of the function of the monitor. As the interface instruction is in English (he can not understand), he never set anything.
Usablity Exercise For Relion Blood Pressure Monitor
1. Task: test blood pressure 2. Buttons: [T]time/date [M]memory [s]switch user A to user B [O&S] on/off/start
Featureof the monitor: Blood pressure and pulse measurements are just a push button away . The monitor can calculate 30 each with averaging , Record time and measurement results The blood pressure monitor can be used by two users. It also can show the time and date in the screen.
The process of blood pressure is pretty simple , but the [M]& [s] button make it little confusing .Some users might not know whether the value displayed on the screen was their own measurement results, Although there is a small mark(userA&userB) in screen’s right corner , it is not very obvious. The [T] button is the most confusing one , user can set date and time with this button and [M], but there is not any hint on the interface. The process is more complicated, I think most users will not use.
User 1, Alex :when text,he press the memory button ,then he did’n know whether the test result belong to him.
http://video.google.com/videoplay?docid=4282746083078661323&hl=en
User2: Noriaki, before he testing, I explained how to use it briefly. He got his own result, but he felt the memory button confusing .As the time is not right and the date is Jan. 1st , he felt that is weird .
http://video.google.com/videoplay?docid=-3620839040934933535&hl=en
user3:Eric, he once used the blood pressure monitor before. He got his result too, He didn’t notice to set himself as useA or userB, and he think the time button is useless.
http://video.google.com/videoplay?docid=1981307511950013816&hl=en
My analysis: Observation of the uses indicated that the existing button [M][S] affect to the users reading the correct test result, If uses once more, user A possibly will store up the result t in the user B ‘record. The inaccurate time and the date will also cause the psychology of doubt or disbelief.
Generally, this appliance is for aged people and people who has heart diseases . Discernment of aged people the digital interface capability worse than the test users.A medical measurement appliance should be accurate legible.
My solution: Enlage both the [S] button and the user’s mark on the screen , let the user never ignore setting himself as userA or userB. make the [M] button smaller, because it is not used frequently. Add a small button to make the time setting more easily. but this interface is not very good ,the problem is buttons is a little crowed, I will gave more design about it. Hope I can find the users try again and ask them how they feel.
My solution test
User 3: Eric set himself as user A, set the time , think it better.
user4: It is terrible that I forgot to bring the monitor to the school so I print out the new interface ask people try it .
Marlon: He think it is not necessery to add two arrow to set the time, because time doesn’t go down.(It seems people have been custom to adjust time with only two button). Also he suggest add the information of normal blood pressure range.
User2: Noriaki, He think the new interface cause he mention more user switch, and he think he would use the button set the right time.
user5: Meng Li, she think set A and B button is better than one. She suggest when user select A, the mark of user A on the screen should be changed correspondly.
The last interface
Based on user’s test, I changed a little bit, actually make it simper . Although in the second round user test , the users all gave the positive feedback, I am not sure whether the changing is really better for those users who use it every day .
User6 .Youwu , He pressed the memory button to save his recode, but actually the monitor save that automatically, that make me realize another problem of the interface,.if the user use the monitor only once , he doesn’t need save his record in the monitor,or he has the option to save it or not.
User 7, Mark ,he was a also a passenger on the train to CT , He is nice to help me test my interface, I think he is on 40’s or 50’s, he likes the memory function , but he made same mistake with Youwu.
After my user test , I have my idea to redesign the interface of the monitor. Divide the original interface to main interface and sub interface. As all test user had no problem with the biggest button (on/off/start), and it execute the most important function , I ‘ll arrange it on the main interface while setting the other function on the sub interface .
To indicate how my new main interface work, I try Flash and Powerpoint , For fear of not completed within one week with these software, I use processing show my interface work.