Monday, November 28, 2011

Fifth Lecture: User Centered Design

What is User Centered Design?
User Centered Design (UCD) is a design philosophy and a process in which the needs, wants and limitations of end users of a product are given extensive attention at each stage of the design process (from: Wikipedia). It means the UCD is a process for designer to study and analyse user's needs for and problem solving on designing something that will fulfill and how likely the users will like the product.

What is Simplicity?
Simplicity is not simple.
Simplicity are something are other than simple but simple. It make something look simple but it has complicated means behind the simple-look cover. It has its quality of being simple that make it different than just simple. Just like some of the logo designs, may be it looks simple, but actually it has many meaning behind it. So, simplicity make things not simple but simple. It is not just simple or simplistic.

There is several Human Perception that will affects a human's likes.
And they are:
Chunking
In psycology, Chunking is a phenomenon whereby individuals group responses when performing a memory task (from: Wikipedia) The elements of perception + memory are equal to chunks. Presentation of information is simplified by dividing it up. Just like if there is a group of 26 alphabets that arranged randomly, it is most likely harder for us to memorize part of them. But when they are divided into groups, people will be easier to memorize them group by group. By dividing the elements, human are easier to memorize and recall.

Which do you think you can recall easier?

Contrast
Contrast is a difference in visual properties that makes something in an object occurs to be stand out better than other elements of the object. Most likely it often can be seen in photography or images. Contrast is irregularities in design that communicates information and makes elements stand out. These occurs mostly when we watching on an object that has complementary colors. Not just colors, some others elements like the size also can be contrast.

Flower in photography often use contrast technique to stand out the flower.
Visual Variables
Visual Variables are used for communication by encoding data and drawing distinctions between visual elements. There are 2 ways that visual variables work on perception, one of it is selectivity and another one is associativity.
Selectivity
It is degree to which a single value can be selected from the entire visual field. Which means from the entire part of an object, there will be a single part that will most attracting the user's attention. Mostly the selectivity used the position, size, orientation, hue, value, texture to perform and attract the attention at the certain part. Example like the picture shown, all the attraction will be focus on the eel that out of the net but not those eel in the net, that was because it is different than the others.

Associativity
Associativity is opposite of selectivity. It make easy to ignore the variable and let it all blend in to one another. Just like the whole object doesn't have anything that will constantly attract your attention but the whole object are look blending together and doesn't have any focusing part. Like the picture shown below, may be the colors are different but the object of all the picture are blend together and there does not say which of the picture are more likely attracted your attention because all of them are even.


There is some graphic design guidelines,
The design must have:
1. Simplicity but not simplistic
2. Good contrast
3. Good control of white space
4. Balance
5. Alignment

By, Yee Kuang Hooi.
Hiccarus Lesselion, 1102702258.

Thursday, November 24, 2011

User Centered Design

What is SImplicity?
Simplicity is the state, quality, or an instance of being simple.

Huaman Perception
Chunking
A term reffering the process of taking individual units of information and group them into larger units.
Most common example of chinking are phone numbers.
It often a useful tool when memorizing large amounts of information.
By saperating disparate individual elements into larger blocks, information become easier to retain and recall.

Contrast
To show the unlikeness on comparison with something else. Differences along a visual dimension (size or color)
Contrast is irregularities in design that:-
-Communicates information
-Make elements stand out

Visual Variables
Visual Variables are used for communication by encoding data + drawing distinctions between elements.
Two ways that visual variable work on perception:-
-Selectivity
-Associativity

Selectivity

A person will select a single value out of the whole visual field.
Put it in simple way, on a visual field which part attract the viewer the most, using position, size, orientations, hue, value and texture.


Associativity
Assiociativity is opposite from selectivity, a picture/ photo apply assiociativity, meaning that the picture, subject, colour, position all blend together. Another definition is very hard to spot where the subject is...

Wednesday, November 23, 2011

Week 6 - User Centred Design

What is simplicity?
Simplicity is about do or show something simple but not simply, simplicity is also  something that easy to understand in contrast or something complicated. Simplicity is not something simple. For designer designing simplicity is a process of elimination and forces designer to have a good reason for everything because they have to explain how does the product works with the design. "If you cant explain it simply, you don't understand well enough" Albert Einstein

Chunking
Chunking is a type of memorizing, in psychology is phenomenon whereby individuals group responses when performing a memory task. The chunking is the combination of perception and memory. This method is to let people more easy to memorizing the subject.
For example,
4 3 3 4 9 6 5 9 3 5 7 5 7 3 7 5 8 6 7
433 496 593 575 375 867

Contrast
Contrast is a person or thing showing the differences when compared with another. Contrast is to make element stand out.The use of opposing elements, such as colors, forms, or lines, in a design an intensified the effect in a work of art. The difference in brightness between the light and dark areas of a picture, such as a photograph or video image.

Visual Variables
visual variables are used for communication by encoding date and drawing. There there are 2 ways that visual variables work on perception
-selectivity
-associativity

Selectivity
A good designer will select a better single value from the entire visual field. Visual field is to make it more attractive and get most attention from the audience by using position, size, orientation, hue, value and texture.





Associativity
Associativity is the opposite of selectivity.a picture with associate is a picture that blend image, object, colour and placement all together. In another words, the object is very hard to stand out.





User Centred Design



According to Wikipedia, User-centred design is a design philosophy and a process in which the needs, wants, and limitations of end users of a product are given extensive attention at each stage of the design process. A good design is not always satisfied customer because only customer know what they need and what they really want it. A design is a collaboration between designer and customer because designer is design for the customer so designer have to know and understand what the customer  need and what they really want with the design of the product.If the information from user is wrong,then the system will suffer. Designer have do more research of the information and different which is the correct or wrong information from the customer. Sometime designer will misunderstand the information from the customer,so one of the easiest way to prevent designer received wrong  information from customer is to have a good communication with customer.

Tuesday, November 22, 2011

Week 6: User Centre Design

Simplicity
Well for me simplicity can be either good or bad. For example, a designer is designing a logo, website, artwork and much more cannot apply simplicity in it, because design required simple not simply, the outcome of simply will be a bad design, but for simple design is a good design, "Simple but not Simply".
But simplicity fro designing also can be good as well, simplicity is a process of elimination, simplicity forces you to have a good reason for everything, "Simplicity is not Simple".
"If you cant explain it simply, you don't understand well enough" Albert Einstein

Chunking
Chunking is psychological term, in psychology, is a phenomenon whereby individual groups perform a memory task. Chunking also can be define as method of memorizing.
Example:
2 7 4 7 9 3 2 1 6 8 3 3 6 8 2 3 4 0 7 4 6
274 793 216 833 682 340 746 

Visual Variable: Selectivity
A person will select a single value out of the whole visual field.
Put it in simple way, on a visual field which part attract the viewer the most, using position, size, orientations, hue, value and texture.
Example:
Which part of the picture attract you the most?

Is it the sun that you see first?

Assiociativity
Assiociativity is opposite from selectivity, a picture/ photo apply assiociativity, meaning that the picture, subject, colour, position all blend together. Another definition is very hard to spot where the subject is...
Example:
Pattern

Can you find the cat in this picture?



Monday, November 21, 2011

Forth Lecture: Graphic Design

Now, we are learning about graphic design which has been taught by Mr. Radzi Bedu.
What is Graphic Design?
Graphic Design is defined as the art or profession of visual communication that combines images, words, and ideas to convey information to an audience. It can be work with drawn, painted, photographed or computer-generated images (pictures), but they also design the letter forms that make up various typefaces found in movie credits and TV ads; in books, magazines, and menus; and even a computer screen.

What is Graphic Design for?
Graphic Design is designed for visual communication and presentation.
The Graphic Design communicate with the audience with just the graphic in the form of picture, painting, photograph and so on. It also brings the meanings and message through the media to audience.
So, Graphic Design can be seen often in advertising and poster.
A great Graphic Design can successfully bring the message to audience even without their notices.

Normally, graphic design arranges info visually using typography and illustration in such a way that it successfully tasks the concept to visual look. Here some example of Graphic Design.\






By, Yee Kuang Hooi.
Hiccarus Lesselion, 1102702258.

Week 5: Graphic Design

First thing first, what is Graphic?
Graphic is a visual presentation art form on a surface, paper, canvas, computer screen and so on.
Example, drawing, photographs, line arts, typography and so on.

Now, what is graphic design?
Graphic design require a designer with a creative brain to create an art called graphic design. Graphic design can be a photograph, combination of graphic and typography, and most importantly they are mostly created by computer software.

A graphic design shows a lot of thing, "A picture worth a thousand words" yes its true. Through a graphic design contains emotions, feeling, story, message and much more. Designer create this graphic design mostly is for music album, movie poster and advertisement.

Example:
Graphic with Typo

Typography

Photograph with graphic

Pure Typography

Pure Graphic Design

by: Koh Soo Hong
      1102700466