The Gestalt Principles in Web Design

Question 1

Max wertheimer is a

Answer 1

Gestalt psychologists

Question 2

What should you increase when items are related in some way?

Answer 2

Similarity. Group items that are related in some way.

Question 3

What could improve users to detect items quickly during the visual search process?

Answer 3

Grouping similar items together. Ensure non-grouped items are distinguished.

Question 4

In designing an interface, how can you use similarity in terms of consistency?

Answer 4

To enable users to infer that items still perform the same function even on a different task.

Question 5

What’s one important consideration to bear with in mind with designing with the law of similarity?

Answer 5

Make sure you distinguish items that don’t share any meaningful relationship.

Question 6

What is the law of proximity?

Answer 6

Our tendency to perceive items arranged in close proximity as belonging to or forming the same group.

Question 7

You should place related elements in close proximity, but you should make sure that element’s that share no meaning relationship are placed…

Answer 7

far apart or a distance that prevents erroneous detection of grouping.

Question 8

Design should attempt to arrange items so that their shared proximity conforms to the way in which we have learned to perceive…

Answer 8

the ‘whole’ before the constituent parts of a display.

Question 9

Why is the law of proximity an important consideration when designing websites?

Answer 9

The law of proximity is an important consideration when designing websites because it creates order and structure that allows user’s to use less of their limited cognitive resources by allowing them to tackle each category of information one at a time. It allows them to make more confident choices when users have many options to choose from.

Question 10

What should you do when you have many items to present in the form of a list of deals?

Answer 10

Keep images and their associated text close and be careful to distinguish them.

Question 11

What is recognition?

Answer 11

The unconscious stimulation of an existing mental representation.

A type of memory process occurring when a neural pattern associated with a previous event.

Over time these neural patterns become ever more ‘hard-wired’, making us particularly sensitive to stimulation from new instances that might only bear slight resemblance to the existing mental representation.

Question 12

What is the Law of Meaningful aka Law of Familiarity?

Answer 12

The perceptual bias to group elements together.

We group visual elements together to form meaningful, ‘whole’ objects, images or scenes.

Question 13

Human perception is ‘hardwired’ to convert the visual information fed to the brain, via the eyes, into a

Answer 13

meaningful stream.

The law of meaningfulness acknowledges the form-generating bias that underpins the conversion of visual information into a meaningful stream.

Question 14

What does form-generating mean?

Answer 14

The perceptual ability to combine elements to form whole objects that can be used or carry meaning.

Question 15

When the combination of elements is familiar to us, is our perception of the meaningful form immediate or not?

Answer 15

Immediate.

Question 16

When elements that commonly appear together, what will it stimulate?

Answer 16

an existing mental representation leading to instant recognition.

Question 17

When unfamiliar elements stimulate an existing, strong mental representation recognition can be just as….

Answer 17

instantaneous

Question 18

The law of familiarity essentially refers to which of the following memory processes?

Answer 18

Recognition

Question 19

What happens when we see a combination of meaningful or familiar elements?

Answer 19

We generally perceive the whole object immediately.

Question 20

What is the law of symmetry?

Answer 20

Acts to form groups from items when they are arranged symmetrically.

Question 21

What law can web designers use to balance their displays and form groups from items that are in distinct parts of the same web page?

Answer 21

The law of symmetry

Question 22

When you use the law of continuity well in a design, what do you help users do?

Answer 22

Make a smooth connection such as a curve or straight line, which users perceive as one object.

Question 23

You can use the law of continuity to do what?

Answer 23

Imply to users that continuity exists in both linear designs and obscuring objects (e.g., folder icons).

Question 24

What is the “Law of Common Fate”?

Answer 24

When visual elements move in unison we often identify as grouped.

Question 25

What does the law of common fate describe?

Answer 25

How we typically assume that elements which move at the same time and in the same direction and/or at the same speed are linked.

Question 26

What is the law of closure?

Answer 26

Objects that do not have to be whole or complete in order for us to successfully identify them as such.
eg.) WWF logo

Question 27

When you apply the law of closure, what should be your main concern?

Answer 27

To minimize the number of component elements without sacrificing meaning.

Question 28

What is the law of common region?

Answer 28

The perceptual phenomenon in which items sharing an area with a clearly defined boundary are perceived as belonging to, or forming, the same group.

Question 29

What is the Law of Synchrony?

Answer 29

The Law of Synchrony allows us to shift our attention to related items within a website with greater speed and accuracy.

A Gestalt principle of perceptual organization that describes our perception of visual events occurring in unison as grouped or sharing the same meaning.

Question 30

How could you use the law of synchrony best?

Answer 30

To show options with visually similar features in a dropdown menu

Question 31

This capacity to turn something so random into a perceived, meaningful pattern demonstrates…

Answer 31

the power of human visual perception to influence our view of the world

Question 32

Invariance

Answer 32

grouping visual elements into meaningful representations regardless of some quite striking dissimilarities between one instance and another. Invariance is, therefore, a designer’s tool; play with forms and elements to create aesthetically pleasing displays and images.

Question 33

You can use invariance to considerable effect because…?

Answer 33

You can create aesthetically pleasing pictures by playing with elements and forms.