gestalt psychology and webdesign

44
Gestalt psychology Fronteers December 2008 - Henk Wijnholds - [email protected] & webdesign

Upload: henk-wijnholds

Post on 06-May-2015

12.419 views

Category:

Technology


5 download

DESCRIPTION

My presentation at the Fronteers meeting at Concept7 HQ in December 2008. It discusses 5 laws of the gestalt which can be used very well in nowadays webdesign. This presentation was put together with my collegue Stefan Wobben who has written an article about it (in Dutch) for usabilityweb magazine.

TRANSCRIPT

Page 1: Gestalt Psychology and webdesign

Gestalt psychology

Fronteers December 2008 - Henk Wijnholds - [email protected]

& webdesign

Page 2: Gestalt Psychology and webdesign

GestaltThe way things are placed or put together

Page 3: Gestalt Psychology and webdesign

Gestalt psychologyis about human perception

Page 4: Gestalt Psychology and webdesign

Let’s introduce these fellas, the founders...

Kurt KoffkaWolgang Köhler Max Wertheimer

Page 5: Gestalt Psychology and webdesign

Why do we see some things as foreground and others as background?

Page 6: Gestalt Psychology and webdesign

How is it possible that we can distinguish shapes?

Page 7: Gestalt Psychology and webdesign

What’s a good shape?

Page 8: Gestalt Psychology and webdesign

How do we see consistency of things?

Page 9: Gestalt Psychology and webdesign

Founders discovered 5 laws ...

Law of ...

proximitysimilarityclosure

continuitysimplicity

Page 10: Gestalt Psychology and webdesign

Law of proximity

Page 11: Gestalt Psychology and webdesign

Law of proximity

Page 12: Gestalt Psychology and webdesign

Law of proximity

Page 13: Gestalt Psychology and webdesign

Law of similarity

Page 14: Gestalt Psychology and webdesign

Law of similarity

Page 15: Gestalt Psychology and webdesign

Law of similarity

Page 16: Gestalt Psychology and webdesign

Law of similarity

Page 17: Gestalt Psychology and webdesign

Law of similarity

Page 18: Gestalt Psychology and webdesign

Law of closure

Page 19: Gestalt Psychology and webdesign

Law of closure

Page 20: Gestalt Psychology and webdesign

Law of closure

Page 21: Gestalt Psychology and webdesign

Law of closure

Page 22: Gestalt Psychology and webdesign

Law of closure

Full closure is not necessary

Page 23: Gestalt Psychology and webdesign

Law of closure

Page 24: Gestalt Psychology and webdesign

Law of continuity

Page 25: Gestalt Psychology and webdesign

Law of continuity

Page 26: Gestalt Psychology and webdesign

Law of continuity

Page 27: Gestalt Psychology and webdesign

Law of continuity

Page 28: Gestalt Psychology and webdesign

Law of simplicity

Page 29: Gestalt Psychology and webdesign

Law of simplicity

Page 30: Gestalt Psychology and webdesign

Law of simplicity

Page 31: Gestalt Psychology and webdesign

Law of simplicity

Page 32: Gestalt Psychology and webdesign

Law of simplicity

Page 33: Gestalt Psychology and webdesign

Law of simplicity

The laws of simplicityJohn Maeda

Page 34: Gestalt Psychology and webdesign

Law of simplicity

Laat dingen weg

Page 35: Gestalt Psychology and webdesign

Law of simplicity

Example by Luke Wroblewski

Laat dingen wegLaat alleen het meest nodige staan

Page 36: Gestalt Psychology and webdesign

Law of simplicity

Organiseer dat wat achter blijft

Page 37: Gestalt Psychology and webdesign

Law of simplicity

Example by Luke Wroblewski

Organiseer dat wat achterblijft

Page 38: Gestalt Psychology and webdesign

Law of simplicity

Werk met een goed grid

Page 39: Gestalt Psychology and webdesign

Law of simplicity

Page 40: Gestalt Psychology and webdesign

Law of simplicity

Page 41: Gestalt Psychology and webdesign

Law of simplicity

http://www.concept7.nl/henk/?p=80

Download our sketching paper

Page 42: Gestalt Psychology and webdesign

Gestalt psychology

So maybe design is tangible?Grouping helps us arrange the world

Page 43: Gestalt Psychology and webdesign

Gestalt psychology

Try to objectify subjectivity

Page 44: Gestalt Psychology and webdesign

FINhttp://www.concept7.nl/henk/