UI Examples
for
Gestalt Laws
Team:
Held in exercises for the lecture
Smart Graphics on 3rd November 2005
UI Examples for Gestalt Laws
Smart Graphics
Slide No. 1
3rd Nov 2005
Anton Nogaller
Thomas L. Lederer
Anton Nogaller | Thomas L. Lederer
Examples for Gestalt Laws:
1. Law of Good Form (Prägnanz)
2. Law of Proximity (Nähe)
3. Law of Good Continuation (Kontinuität)
4. Law of Similarity (Ähnlichkeit)
5. Law of Closure (Geschlossenheit)
6. Law of Common Fate (Gemeinsames Schicksal)
UI Examples for Gestalt Laws
Smart Graphics
Slide No. 2
3rd Nov 2005
Anton Nogaller | Thomas L. Lederer
Law of Good Form (Prägnanz)
- elements are not
perceived as parts
Left figure:
Right figure:
"X" is visible
square is
visible
UI Examples for Gestalt Laws
Smart Graphics
Slide No. 3
3rd Nov 2005
Anton Nogaller | Thomas L. Lederer
Law of Proximity (Nähe)
- items close to
each other are
perceived as a
group
UI Examples for Gestalt Laws
Smart Graphics
Slide No. 4
3rd Nov 2005
Anton Nogaller | Thomas L. Lederer
Law of Good Continuation (Kontinuität)
- even though hidden, we believe to know that the object continues (even if does not make
very much sense)
UI Examples for Gestalt Laws
Smart Graphics
Slide No. 5
3rd Nov 2005
Anton Nogaller | Thomas L. Lederer
Law of Similarity (Ähnlichkeit)
- similar style for the main
categories on the left side
UI Examples for Gestalt Laws
Smart Graphics
Slide No. 6
3rd Nov 2005
Anton Nogaller | Thomas L. Lederer
Law of Closure (Geschlossenheit)
- grouping items by borders
- separating the left area (main
categories) from the rest
by a line
UI Examples for Gestalt Laws
Smart Graphics
Slide No. 7
3rd Nov 2005
Anton Nogaller | Thomas L. Lederer
Law of Common Fate (Gemeinsames Schicksal)
- elements with the
same fate
(moving
together), are
perceived as
group
UI Examples for Gestalt Laws
Smart Graphics
Slide No. 8
3rd Nov 2005
Anton Nogaller | Thomas L. Lederer
Closing
- with Gestalt Laws items can be grouped very efficiently
- with little effort much can be gained
UI Examples for Gestalt Laws
Smart Graphics
Slide No. 10
3rd Nov 2005
Anton Nogaller | Thomas L. Lederer