Posts Tagged ‘ Gestalt principles ’

Class notes F’14: Week 3 – Fundamental principles part 1 of 3

The first series of design principles were derived from what we know about visual perception and visual attention. They pertained to the Gestalt principles of visual perception, Visual structure & hierarchy, and a bit of Writing for the screen. The slides I used are on Canvas.

I’d also like you to know about:

In class, I mentioned resources such as:

Please look them up.

Not required, but for fun – look at some visual illusions. They really point out the role of the mind in visual perception. Here’s a freaky one I like.

Do remember that online participation on Facebook and here are required parts of the course. Please comment, Like, or somehow interact with this post to let me know you saw it. In the comments, you could let me know if such class notes are useful or not, or how I could make them more useful to you. Of course, questions about the material that I did not get a chance to answer in class should also go in the comments below.

Post of the week: Oct 2-7

I’m probably doing injustice to a lot of other posts students wrote this week, but I ABSOLUTELY love Laura’s find, a brilliant illustration of Gestalt principles of visual perception.

What was your post of the week?

Blog challenge: Gestalt principles of perception

In case you need some ideas for your blog, and even if you do not, try looking for how Gestalt principles of visual perception are applied in interfaces. Post a good/bad example about them sometime this week.

As a rule, when you post the good/bad examples, try to relate them to the principles of design and usability you’ve learned up to that point in the class.

You already know quite a few from the readings from week 2 (mapping, visibility, feedback, politeness, etc.), to which you can add the implications for design of what you know about visual perception and visual attention.

From a visual attention perspective, every time you look at an interface, close your eyes, then open them and notice what grabs your attention first, second, then third. Then, examine what principles of bottom up visual attention are at work there. How did the designers achieve saliency in order to grab your attention and direct it in a 1, 2, 3 sequence?

Both Gestalt principles and visual attention principles are used in the design of the San Diego Zoo homepage. Can you tell how?