Scribd
Upload
5 views4 pages

Experiment 5

Uploaded by

zeesejobs
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
5 views4 pages

Experiment 5

Uploaded by

zeesejobs
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 4

EXPERIMENT 5 (2.

2)

TO DESIGN WEB USER INTERFACE BASED ON GESTALT THEORY

Gestalt Theory:

 Gestalt theory emphasizes that the whole of anything is greater than its parts.
 The word Gestalt is used in modern German to mean the way a thing has been
“placed,” or “put together.”
 Gestalt psychology helped introduce the idea that human perception is not just
about seeing what is actually present in the world around us.
 Gestalt theory originated in Austria and Germany as a reaction against the
associationist and structural design of a product.

Aim:To design web user interface based on Gestalt Theory.

Objectives: From this experiment, the student will be able to

• To stress the importance of a good interface design.


• To understand the importance of human psychology in designing good interfaces
• To motivate students to apply HMI in their day – to – day activities

Outcomes: The learner will be able,

• To analyses human responses and develop guidelines for the best user experience.
• To understand, identify, analyse and design the problem, implement using current
techniques and skills.
• To engage in continuing professional development and higher studies.

Hardware / Software Required: Any tool or technology can be used for implementation
e.g., VB, DOTNET, JAVA, PHP, etc.

Theory:
Gestalt is a German word meaning "essence or shape of an entity’s complete form", and this
single definition may be one of the most important rules of design. More often than not,
designers tend to focus on the web design’s details rather than the overall look. They focus on
curved edges, shadows, fonts…etc. all that is good but may not really make any difference if
the client doesn’t like the design at first glance, what most people don’t understand is that the
brain first sees the overall shape of any design, then starts to focus on and see the details.

1. Proximity:Proximity is similar to common regions but uses space as the enclosure.


When elements are positioned close to one another, they are seen as part of a group
rather than as individual elements. This is especially true when the elements in the
group are closer to each other than they are to any elements outside the group. The
picture below represents arrangement of boxes on the left are not close enough to
have proximity, while the group on the right is perceived as a single whole
element.

2. Similarity: From the name of this principle, it is easy to understand that this will be
used in the case of those items that are alike. These objects will be perceived as making
part of a group and their similarity could consist of the size, color, form, length, and so
on. People find it easy to navigate web page thanks to the similarity principle, which
could be used either to make the most important elements stand out or maybe to direct
the attention of your audience towards certain links, icons or images. In the picture
below, we quickly perceive rows of circles and X's rather than the individual letters.

3. Closure: Closure refers to the tendency to perceive the whole in objects, filling in the
necessary missing bits of information. For example, the below picture is perceived as
two faces or a vase rather than two symmetrical lines.
X
4. Continuity: Continuity refers to the inclination to see objects as continuous, a smooth
progression rather than parts. For example, in the below picture, we see two lines
intersecting rather than a series of small dots.

5. Procedure: Design/Redesign web user interface based on Gestalt theories and


comment on the principle applied and justify. Also analyze one image in which Gestalt
principle is applied and comment.

Example:
Take a look at old IBM logo:

You recognize the letters as an I, a B, and an M, no problem there. But they aren’t letters at
all; the whole thing is a compilation of bright blue horizontal lines arranged to create the
perception of a set of letters. Gestalt Property used here is Closure.
Closure means that we "close" objects that are themselves not complete; not only completing
the figure in our perception, but perceiving the figure as having an extra element of aesthetic
design; we look for a simple, recognizable pattern.

Procedure:
1. Calculate Screen Complexity for existing Graphical User Interface (GUI).

2. Redesign the Screen by applying various guidelines to lower the complexity of selected
Graphical User Interface (GUI) to achieve simplicity.

Conclusion:

At its simplest, gestalt theory describes how the mind organizes visual data. The stronger
the clarity of form, the more effective the design will be.

You might also like