SlideShare a Scribd company logo
1 of 44
Download to read offline
Gestalt
  psychology
     & webdesign




Fronteers December 2008 - Henk Wijnholds - henk@concept7.nl
Gestalt
The way things are placed or put together
Gestalt psychology
is about human perception
Let’s introduce these fellas, the founders...


          Wolgang Köhler   Kurt Koffka   Max Wertheimer
Why do we see some things as
foreground and others as background?
How is it possible that we can distinguish
                 shapes?
What’s a good shape?
How do we see consistency of things?
Founders discovered 5 laws ...

          Law of ...

       proximity
       similarity
        closure
       continuity
       simplicity
Law of proximity
Law of proximity
Law of proximity
Law of similarity
Law of similarity
Law of similarity
Law of similarity
Law of similarity
Law of closure
Law of closure
Law of closure
Law of closure
Law of closure


Full closure is not
     necessary
Law of closure
Law of continuity
Law of continuity
Law of continuity
Law of continuity
Law of simplicity
Law of simplicity
Law of simplicity
Law of simplicity
Law of simplicity
Law of simplicity




The laws of simplicity
John Maeda
Law of simplicity




 Laat dingen weg
Law of simplicity

          Laat dingen weg
Laat alleen het meest nodige staan




                                 Example by Luke Wroblewski
Law of simplicity




Organiseer dat wat achter blijft
Law of simplicity

Organiseer dat wat achterblijft




                                  Example by Luke Wroblewski
Law of simplicity




Werk met een goed grid
Law of simplicity
Law of simplicity
Law of simplicity

Download our sketching paper
    http://www.concept7.nl/henk/?p=80
Gestalt psychology




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




Try to objectify subjectivity
FIN
http://www.concept7.nl/henk/

More Related Content

What's hot

Gestalt Theory for Visual Design
Gestalt Theory for Visual DesignGestalt Theory for Visual Design
Gestalt Theory for Visual DesignJodie Nicotra
 
Gestalt Principles
Gestalt PrinciplesGestalt Principles
Gestalt PrinciplesLee Irwin
 
Gestalt Laws and Design
Gestalt Laws and DesignGestalt Laws and Design
Gestalt Laws and Designchelsc
 
Logic in Wittgenstein's Tractatus Logico-Philosophicus - A very brief introdu...
Logic in Wittgenstein's Tractatus Logico-Philosophicus - A very brief introdu...Logic in Wittgenstein's Tractatus Logico-Philosophicus - A very brief introdu...
Logic in Wittgenstein's Tractatus Logico-Philosophicus - A very brief introdu...Philip Schwarz
 
Elements of Design
Elements of DesignElements of Design
Elements of Designbrasherds
 
Principle of design
Principle of designPrinciple of design
Principle of designMika Lee
 
Gestalt’s approach on educational psychology
Gestalt’s approach on educational psychologyGestalt’s approach on educational psychology
Gestalt’s approach on educational psychologycatchpraveen22
 
Gestalt Principles in UI Design
Gestalt Principles in UI DesignGestalt Principles in UI Design
Gestalt Principles in UI DesignT-Design Center
 
GESTALT-PSYCHOLOGY-.pptx
GESTALT-PSYCHOLOGY-.pptxGESTALT-PSYCHOLOGY-.pptx
GESTALT-PSYCHOLOGY-.pptxEdelVillanueva2
 
Assimilation vs accommodation-final
Assimilation vs accommodation-finalAssimilation vs accommodation-final
Assimilation vs accommodation-finalnina_nu83
 
Ontology Powerpoint
Ontology PowerpointOntology Powerpoint
Ontology PowerpointARH_Miller
 
Gestalt theory
Gestalt theoryGestalt theory
Gestalt theoryJovin John
 

What's hot (20)

Gestalt Theory for Visual Design
Gestalt Theory for Visual DesignGestalt Theory for Visual Design
Gestalt Theory for Visual Design
 
Gestalt Principles
Gestalt PrinciplesGestalt Principles
Gestalt Principles
 
Visual Perception Lecture 2
Visual Perception Lecture 2Visual Perception Lecture 2
Visual Perception Lecture 2
 
Gestalt principles
Gestalt principlesGestalt principles
Gestalt principles
 
Gestalt principles
Gestalt principlesGestalt principles
Gestalt principles
 
Gestalt Laws and Design
Gestalt Laws and DesignGestalt Laws and Design
Gestalt Laws and Design
 
Gestalt Psychology
Gestalt PsychologyGestalt Psychology
Gestalt Psychology
 
Logic in Wittgenstein's Tractatus Logico-Philosophicus - A very brief introdu...
Logic in Wittgenstein's Tractatus Logico-Philosophicus - A very brief introdu...Logic in Wittgenstein's Tractatus Logico-Philosophicus - A very brief introdu...
Logic in Wittgenstein's Tractatus Logico-Philosophicus - A very brief introdu...
 
Elements of Design
Elements of DesignElements of Design
Elements of Design
 
Principle of design
Principle of designPrinciple of design
Principle of design
 
Presentation on gestalt theory
Presentation on gestalt theoryPresentation on gestalt theory
Presentation on gestalt theory
 
Year 7 Graphics Booklet
Year 7 Graphics BookletYear 7 Graphics Booklet
Year 7 Graphics Booklet
 
Gestalt’s approach on educational psychology
Gestalt’s approach on educational psychologyGestalt’s approach on educational psychology
Gestalt’s approach on educational psychology
 
Gestalt Principles in UI Design
Gestalt Principles in UI DesignGestalt Principles in UI Design
Gestalt Principles in UI Design
 
GESTALT-PSYCHOLOGY-.pptx
GESTALT-PSYCHOLOGY-.pptxGESTALT-PSYCHOLOGY-.pptx
GESTALT-PSYCHOLOGY-.pptx
 
Composition
CompositionComposition
Composition
 
Assimilation vs accommodation-final
Assimilation vs accommodation-finalAssimilation vs accommodation-final
Assimilation vs accommodation-final
 
Ontology Powerpoint
Ontology PowerpointOntology Powerpoint
Ontology Powerpoint
 
Gestalt theory
Gestalt theoryGestalt theory
Gestalt theory
 
Gestalt psychology
Gestalt psychologyGestalt psychology
Gestalt psychology
 

Recently uploaded

AI Fame Rush Review – Virtual Influencer Creation In Just Minutes
AI Fame Rush Review – Virtual Influencer Creation In Just MinutesAI Fame Rush Review – Virtual Influencer Creation In Just Minutes
AI Fame Rush Review – Virtual Influencer Creation In Just MinutesMd Hossain Ali
 
Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...
Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...
Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...Will Schroeder
 
Meet the new FSP 3000 M-Flex800™
Meet the new FSP 3000 M-Flex800™Meet the new FSP 3000 M-Flex800™
Meet the new FSP 3000 M-Flex800™Adtran
 
OpenShift Commons Paris - Choose Your Own Observability Adventure
OpenShift Commons Paris - Choose Your Own Observability AdventureOpenShift Commons Paris - Choose Your Own Observability Adventure
OpenShift Commons Paris - Choose Your Own Observability AdventureEric D. Schabell
 
Empowering Africa's Next Generation: The AI Leadership Blueprint
Empowering Africa's Next Generation: The AI Leadership BlueprintEmpowering Africa's Next Generation: The AI Leadership Blueprint
Empowering Africa's Next Generation: The AI Leadership BlueprintMahmoud Rabie
 
Bird eye's view on Camunda open source ecosystem
Bird eye's view on Camunda open source ecosystemBird eye's view on Camunda open source ecosystem
Bird eye's view on Camunda open source ecosystemAsko Soukka
 
Designing A Time bound resource download URL
Designing A Time bound resource download URLDesigning A Time bound resource download URL
Designing A Time bound resource download URLRuncy Oommen
 
Comparing Sidecar-less Service Mesh from Cilium and Istio
Comparing Sidecar-less Service Mesh from Cilium and IstioComparing Sidecar-less Service Mesh from Cilium and Istio
Comparing Sidecar-less Service Mesh from Cilium and IstioChristian Posta
 
activity_diagram_combine_v4_20190827.pdfactivity_diagram_combine_v4_20190827.pdf
activity_diagram_combine_v4_20190827.pdfactivity_diagram_combine_v4_20190827.pdfactivity_diagram_combine_v4_20190827.pdfactivity_diagram_combine_v4_20190827.pdf
activity_diagram_combine_v4_20190827.pdfactivity_diagram_combine_v4_20190827.pdfJamie (Taka) Wang
 
UiPath Studio Web workshop series - Day 6
UiPath Studio Web workshop series - Day 6UiPath Studio Web workshop series - Day 6
UiPath Studio Web workshop series - Day 6DianaGray10
 
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPA
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPAAnypoint Code Builder , Google Pub sub connector and MuleSoft RPA
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPAshyamraj55
 
UiPath Studio Web workshop series - Day 7
UiPath Studio Web workshop series - Day 7UiPath Studio Web workshop series - Day 7
UiPath Studio Web workshop series - Day 7DianaGray10
 
Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...
Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...
Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...DianaGray10
 
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve Decarbonization
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve DecarbonizationUsing IESVE for Loads, Sizing and Heat Pump Modeling to Achieve Decarbonization
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve DecarbonizationIES VE
 
Salesforce Miami User Group Event - 1st Quarter 2024
Salesforce Miami User Group Event - 1st Quarter 2024Salesforce Miami User Group Event - 1st Quarter 2024
Salesforce Miami User Group Event - 1st Quarter 2024SkyPlanner
 
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...Aggregage
 
ADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDE
ADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDEADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDE
ADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDELiveplex
 
20230202 - Introduction to tis-py
20230202 - Introduction to tis-py20230202 - Introduction to tis-py
20230202 - Introduction to tis-pyJamie (Taka) Wang
 
UiPath Community: AI for UiPath Automation Developers
UiPath Community: AI for UiPath Automation DevelopersUiPath Community: AI for UiPath Automation Developers
UiPath Community: AI for UiPath Automation DevelopersUiPathCommunity
 
NIST Cybersecurity Framework (CSF) 2.0 Workshop
NIST Cybersecurity Framework (CSF) 2.0 WorkshopNIST Cybersecurity Framework (CSF) 2.0 Workshop
NIST Cybersecurity Framework (CSF) 2.0 WorkshopBachir Benyammi
 

Recently uploaded (20)

AI Fame Rush Review – Virtual Influencer Creation In Just Minutes
AI Fame Rush Review – Virtual Influencer Creation In Just MinutesAI Fame Rush Review – Virtual Influencer Creation In Just Minutes
AI Fame Rush Review – Virtual Influencer Creation In Just Minutes
 
Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...
Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...
Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...
 
Meet the new FSP 3000 M-Flex800™
Meet the new FSP 3000 M-Flex800™Meet the new FSP 3000 M-Flex800™
Meet the new FSP 3000 M-Flex800™
 
OpenShift Commons Paris - Choose Your Own Observability Adventure
OpenShift Commons Paris - Choose Your Own Observability AdventureOpenShift Commons Paris - Choose Your Own Observability Adventure
OpenShift Commons Paris - Choose Your Own Observability Adventure
 
Empowering Africa's Next Generation: The AI Leadership Blueprint
Empowering Africa's Next Generation: The AI Leadership BlueprintEmpowering Africa's Next Generation: The AI Leadership Blueprint
Empowering Africa's Next Generation: The AI Leadership Blueprint
 
Bird eye's view on Camunda open source ecosystem
Bird eye's view on Camunda open source ecosystemBird eye's view on Camunda open source ecosystem
Bird eye's view on Camunda open source ecosystem
 
Designing A Time bound resource download URL
Designing A Time bound resource download URLDesigning A Time bound resource download URL
Designing A Time bound resource download URL
 
Comparing Sidecar-less Service Mesh from Cilium and Istio
Comparing Sidecar-less Service Mesh from Cilium and IstioComparing Sidecar-less Service Mesh from Cilium and Istio
Comparing Sidecar-less Service Mesh from Cilium and Istio
 
activity_diagram_combine_v4_20190827.pdfactivity_diagram_combine_v4_20190827.pdf
activity_diagram_combine_v4_20190827.pdfactivity_diagram_combine_v4_20190827.pdfactivity_diagram_combine_v4_20190827.pdfactivity_diagram_combine_v4_20190827.pdf
activity_diagram_combine_v4_20190827.pdfactivity_diagram_combine_v4_20190827.pdf
 
UiPath Studio Web workshop series - Day 6
UiPath Studio Web workshop series - Day 6UiPath Studio Web workshop series - Day 6
UiPath Studio Web workshop series - Day 6
 
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPA
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPAAnypoint Code Builder , Google Pub sub connector and MuleSoft RPA
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPA
 
UiPath Studio Web workshop series - Day 7
UiPath Studio Web workshop series - Day 7UiPath Studio Web workshop series - Day 7
UiPath Studio Web workshop series - Day 7
 
Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...
Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...
Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...
 
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve Decarbonization
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve DecarbonizationUsing IESVE for Loads, Sizing and Heat Pump Modeling to Achieve Decarbonization
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve Decarbonization
 
Salesforce Miami User Group Event - 1st Quarter 2024
Salesforce Miami User Group Event - 1st Quarter 2024Salesforce Miami User Group Event - 1st Quarter 2024
Salesforce Miami User Group Event - 1st Quarter 2024
 
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...
 
ADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDE
ADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDEADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDE
ADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDE
 
20230202 - Introduction to tis-py
20230202 - Introduction to tis-py20230202 - Introduction to tis-py
20230202 - Introduction to tis-py
 
UiPath Community: AI for UiPath Automation Developers
UiPath Community: AI for UiPath Automation DevelopersUiPath Community: AI for UiPath Automation Developers
UiPath Community: AI for UiPath Automation Developers
 
NIST Cybersecurity Framework (CSF) 2.0 Workshop
NIST Cybersecurity Framework (CSF) 2.0 WorkshopNIST Cybersecurity Framework (CSF) 2.0 Workshop
NIST Cybersecurity Framework (CSF) 2.0 Workshop
 

Gestalt Psychology and webdesign