SlideShare une entreprise Scribd logo
1  sur  44
Télécharger pour lire hors ligne
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/

Contenu connexe

Tendances

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
 

Tendances (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
 

Dernier

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
 
Nanopower In Semiconductor Industry.pdf
Nanopower  In Semiconductor Industry.pdfNanopower  In Semiconductor Industry.pdf
Nanopower In Semiconductor Industry.pdfPedro Manuel
 
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
 
Spring24-Release Overview - Wellingtion User Group-1.pdf
Spring24-Release Overview - Wellingtion User Group-1.pdfSpring24-Release Overview - Wellingtion User Group-1.pdf
Spring24-Release Overview - Wellingtion User Group-1.pdfAnna Loughnan Colquhoun
 
IaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdf
IaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdfIaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdf
IaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdfDaniel Santiago Silva Capera
 
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
 
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
 
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
 
20200723_insight_release_plan_v6.pdf20200723_insight_release_plan_v6.pdf
20200723_insight_release_plan_v6.pdf20200723_insight_release_plan_v6.pdf20200723_insight_release_plan_v6.pdf20200723_insight_release_plan_v6.pdf
20200723_insight_release_plan_v6.pdf20200723_insight_release_plan_v6.pdfJamie (Taka) Wang
 
COMPUTER 10 Lesson 8 - Building a Website
COMPUTER 10 Lesson 8 - Building a WebsiteCOMPUTER 10 Lesson 8 - Building a Website
COMPUTER 10 Lesson 8 - Building a Websitedgelyza
 
UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...
UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...
UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...UbiTrack UK
 
UiPath Platform: The Backend Engine Powering Your Automation - Session 1
UiPath Platform: The Backend Engine Powering Your Automation - Session 1UiPath Platform: The Backend Engine Powering Your Automation - Session 1
UiPath Platform: The Backend Engine Powering Your Automation - Session 1DianaGray10
 
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
 
How to Effectively Monitor SD-WAN and SASE Environments with ThousandEyes
How to Effectively Monitor SD-WAN and SASE Environments with ThousandEyesHow to Effectively Monitor SD-WAN and SASE Environments with ThousandEyes
How to Effectively Monitor SD-WAN and SASE Environments with ThousandEyesThousandEyes
 
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
 
Machine Learning Model Validation (Aijun Zhang 2024).pdf
Machine Learning Model Validation (Aijun Zhang 2024).pdfMachine Learning Model Validation (Aijun Zhang 2024).pdf
Machine Learning Model Validation (Aijun Zhang 2024).pdfAijun Zhang
 
Secure your environment with UiPath and CyberArk technologies - Session 1
Secure your environment with UiPath and CyberArk technologies - Session 1Secure your environment with UiPath and CyberArk technologies - Session 1
Secure your environment with UiPath and CyberArk technologies - Session 1DianaGray10
 
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019IES VE
 
Artificial Intelligence & SEO Trends for 2024
Artificial Intelligence & SEO Trends for 2024Artificial Intelligence & SEO Trends for 2024
Artificial Intelligence & SEO Trends for 2024D Cloud Solutions
 

Dernier (20)

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
 
Nanopower In Semiconductor Industry.pdf
Nanopower  In Semiconductor Industry.pdfNanopower  In Semiconductor Industry.pdf
Nanopower In Semiconductor Industry.pdf
 
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
 
Spring24-Release Overview - Wellingtion User Group-1.pdf
Spring24-Release Overview - Wellingtion User Group-1.pdfSpring24-Release Overview - Wellingtion User Group-1.pdf
Spring24-Release Overview - Wellingtion User Group-1.pdf
 
IaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdf
IaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdfIaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdf
IaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdf
 
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
 
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™
 
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
 
20200723_insight_release_plan_v6.pdf20200723_insight_release_plan_v6.pdf
20200723_insight_release_plan_v6.pdf20200723_insight_release_plan_v6.pdf20200723_insight_release_plan_v6.pdf20200723_insight_release_plan_v6.pdf
20200723_insight_release_plan_v6.pdf20200723_insight_release_plan_v6.pdf
 
COMPUTER 10 Lesson 8 - Building a Website
COMPUTER 10 Lesson 8 - Building a WebsiteCOMPUTER 10 Lesson 8 - Building a Website
COMPUTER 10 Lesson 8 - Building a Website
 
UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...
UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...
UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...
 
UiPath Platform: The Backend Engine Powering Your Automation - Session 1
UiPath Platform: The Backend Engine Powering Your Automation - Session 1UiPath Platform: The Backend Engine Powering Your Automation - Session 1
UiPath Platform: The Backend Engine Powering Your Automation - Session 1
 
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
 
How to Effectively Monitor SD-WAN and SASE Environments with ThousandEyes
How to Effectively Monitor SD-WAN and SASE Environments with ThousandEyesHow to Effectively Monitor SD-WAN and SASE Environments with ThousandEyes
How to Effectively Monitor SD-WAN and SASE Environments with ThousandEyes
 
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
 
Machine Learning Model Validation (Aijun Zhang 2024).pdf
Machine Learning Model Validation (Aijun Zhang 2024).pdfMachine Learning Model Validation (Aijun Zhang 2024).pdf
Machine Learning Model Validation (Aijun Zhang 2024).pdf
 
Secure your environment with UiPath and CyberArk technologies - Session 1
Secure your environment with UiPath and CyberArk technologies - Session 1Secure your environment with UiPath and CyberArk technologies - Session 1
Secure your environment with UiPath and CyberArk technologies - Session 1
 
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019
 
Artificial Intelligence & SEO Trends for 2024
Artificial Intelligence & SEO Trends for 2024Artificial Intelligence & SEO Trends for 2024
Artificial Intelligence & SEO Trends for 2024
 

Gestalt Psychology and webdesign