Gestalt Foundations Slides The Perception Lab
Gestalt Foundations
From Sensation to Organization: Why the whole is different from the sum of its parts.
L1.01
The Phi Phenomenon
Two stationary lights flash in rapid succession. What do you see?
The Illusion of Motion
"The observer does not see two separate objects... but one single object moving from one position to the other."
The Great Debate
The Old Guard
Structuralism
Perception is the **sum of atoms** (sensations).
Focused on identifying individual elements of the mind.
Used **introspection** to break down experience.
The Rebels
Gestalt Psychology
The whole is **different** from the sum of its parts.
The brain **inherently organizes** sensory input.
Focus on **holistic** patterns and configurations.
Information Processing
Bottom-Up Processing
Data-driven perception. Building a "whole" from individual sensory features (lines, edges, colors).
Sensation → Perception
Top-Down Processing
Concept-driven perception. Using expectations, context, and knowledge to interpret sensory data.
Cognition → Perception
T E
C T
(The middle character is identical in both words)
Inquiry
"To what extent is our visual reality a construction of the brain rather than a direct reflection of the physical world?"
Gestalt Foundations Teacher Guide Teacher Guide
Gestalt Foundations
Lesson 1: Foundations
Perception Lab Series
Time
60-75 Minutes
Focus
Cognitive Organization
Level
Undergraduate Intro
Lesson Overview
This lesson marks the transition from sensation (the physiological detection of stimuli) to perception (the cognitive organization of those stimuli). We use the historical rivalry between Structuralism and Gestalt psychology to frame the brain as an active constructor of reality rather than a passive receiver.
The Hook: Phi Phenomenon
Before showing the definition, present a visual loop of the phi phenomenon. You can find many interactive tools online or use the slide visualization.
Question to Students:
"If you had to describe what is physically happening on the screen, versus what you are experiencing, what is the gap?"
Key Takeaway:
The movement is not in the lights; the movement is in the mind. This "apparent motion" is what Max Wertheimer used to challenge Structuralism.
1 The Structuralist Critique
Structuralists (like Wundt and Titchener) believed consciousness could be mapped like a periodic table. They used **Introspection**.
Teacher Note: Challenge students to "introspect" on a lemonade: sweet, cold, tart, wet. Does the sum of these sensations equal the "experience" of refreshing? Gestaltists say no.
2 Bottom-Up vs. Top-Down
Bottom-Up: Feature detection. Reading a word by identifying letters.
Top-Down: Context effects. Identifying a blurry object as a "car" because it's on a road.
Visual Aid: Use the "THE CAT" slide. The central character's identity is determined by the words surrounding it—a perfect example of top-down processing.
Seminar Discussion Prompts
"If the Gestalt principle 'the whole is different from the sum of its parts' is true, what does that imply about our ability to truly understand another person's subjective experience?"
"Think of a song. Is a melody just a sequence of notes (Structuralism) or something that exists between the notes (Gestalt)? How does this apply to visual art?"
"Can we ever achieve purely bottom-up processing, or is our perception always 'contaminated' by our past knowledge?"
© 2026 Perception Lab • Undergraduate Psychology
Document ID: T-L1-FOUNDATIONS
Gestalt Foundations Handout Psychology 201: Perceptual Organization
Lab Notes: Gestalt Foundations
Student Name:
Date:
01
The Phi Phenomenon Reflection
Observe the demonstration. Record your observations below.
Physical Reality
What is actually happening in the external world?
Perceptual Reality
What does your brain "tell" you is happening?
02
Structuralism vs. Gestalt
Principle Structuralism (Wundt/Titchener) Gestalt (Wertheimer/Koffka) View of Perception Sum of sensory "atoms" Write definition here... Methodology Write method here... Holistic observation / Phenomenological analysis Core Metaphor A chemical compound Write metaphor here...
03
Processing Check
Scenario A:
You are reading a handwritten letter. You encounter a smudge of ink that looks like a blob, but because the sentence is "See you at the _____", you immediately perceive the blob as the word "park."
Bottom-Up
Top-Down
Scenario B:
An infant sees a red, round object for the first time. They notice the curved edges, the specific shade of red, and the way light reflects off the surface to identify the object's form.
Bottom-Up
Top-Down
Critical Thought Question:
How does the "THE CAT" illusion demonstrate the dominance of top-down processing over bottom-up sensory data?
Psychology 201 • Unit 01 Form ID: S-L1-FOUNDATIONS-NOTES
Grouping Laws Slides The Perception Lab
Grouping Laws
How the brain imposes order on visual chaos through Figure-Ground segregation and organizational rules.
Lesson 02 • Unit 01
Figure vs. Ground
The most basic perceptual organization is the division of the visual field into:
The Figure
The object of interest; appears closer, has distinct edges, and is more "thing-like."
The Ground
The background; appears further away, lacks definite shape, and extends behind the figure.
Rubin's Vase: Which is the Figure?
Proximity & Similarity
Proximity
"Things that are near each other appear to be grouped together."
Do you see columns or pairs?
Similarity
"Similar things appear to be grouped together by color, shape, or orientation."
Groups form based on color.
Continuity & Closure
Good Continuation
Points that, when connected, result in straight or smoothly curving lines are seen as belonging together.
Closure
The mind fills in missing information to create a whole object.
Lab Challenge
"Why is a Dalmatian harder to see in a park than on a kitchen floor?"
Camouflage works by **disrupting figure-ground segregation**—tricking the brain into grouping the object's features with the background rather than with each other.
Grouping Laws Teacher Guide Instructional Protocol
Grouping Laws Workshop
Lesson 2: Grouping
Perception Lab Series
Workshop Objectives
In this session, students will move from theory to application. The goal is not just to define the Gestalt laws, but to recognize their presence (and occasional conflict) in everyday visual environments.
The Hook: Camouflage Shift
Project an image of a "camouflaged object" (a Dalmatian in a high-contrast environment is the classic). Give students 30 seconds of silence to find the figure.
Prompt
"What happens to the 'ground' once you finally see the 'figure'?"
Key Concept
Once the figure is segregated, it is almost impossible to "un-see" it. The brain has imposed an irreversible organization.
Facilitation Notes: Gestalt Laws
Proximity vs. Similarity
When proximity and similarity conflict (e.g., circles close together vs. squares far apart), which wins? Usually, proximity is a stronger cue in early visual processing. Ask students to find examples in UI design (e.g., button groups).
Good Continuation
This is why we see a tree branch as one unit even when partially obscured by leaves. It's the "simplicity" principle (Pragnanz) in action.
Closure
Crucial for understanding how we perceive a "circle" in a dotted line. The brain prefers complete forms over gaps.
Common Fate
Things moving in the same direction are grouped. (e.g., a flock of birds). *Note: Hard to show in static images, easy to demonstrate with movement.*
Student Worksheet Guidance
Students should identify **multiple** laws in single images. Rarely is only one at play.
Encourage students to find "conflicts"—where one law suggests one grouping but another law suggests another.
End the workshop by asking: "If these laws are innate, why do they sometimes fail us?"
© 2026 Perception Lab • TEACHER RESOURCE
VERSION 1.2 • GROUPING LAWS
Grouping Laws Worksheet Perception Lab • Phase 02
The Order of Chaos
NAME: __________________________ DATE: __________________________
A
Pattern Identification
Identify the primary Gestalt grouping law(s) active in each abstract pattern below. Briefly explain your reasoning.
Law:
Reasoning:
Law:
Reasoning:
B
Real-World Application
Graphic designers use Gestalt principles to create logos that are both simple and memorable. Consider the "IBM" logo (eight bars) or the "WWF" Panda.
Task: Choose a well-known logo and describe how it utilizes one of the following laws to create a unified image:
• CLOSURE
• CONTINUITY
• SIMILARITY
LOGO NAME:
ANALYSIS:
C
Perceptual Conflict
"Reversible Figures" (like Rubin's Vase) demonstrate that our brain cannot perceive two different organizaciones simultaneously. We either see the vase OR the faces.
Why is this significant for our understanding of the brain's role in perception?
© 2026 Perception Lab GROUPING-LAWS-WS-V1
Monocular Cues Slides The Perception Lab
Monocular Cues
Building a 3D world with only one eye. The geometry of pictorial depth.
Lesson 03 • Unit 01
The 2D Challenge
The retina is a 2D surface.
The image hitting our eyes is flat. To perceive depth, the brain must interpret Monocular Cues—pictorial indicators that work with just one eye.
"Depth is an inference, not a direct sensation."
Converging towards a vanishing point
Pictorial Cues: Scale & Position
Relative Size
If two objects are of similar size, the one that is smaller on the retina is perceived as further away.
Interposition
When one object partially blocks another, the "blocker" is perceived as closer.
Relative Height
Objects higher in the visual field (below the horizon) are perceived as further away.
Pictorial Cues: Texture & Lighting
Texture Gradient
Detail becomes finer and less distinct as distance increases.
Light & Shadow
Shadows provide information about an object’s 3D shape and its location in space.
The Great Illusion
The Ames Room
Why do people shrink as they walk across a room? By distorting the shape of the room but maintaining traditional monocular cues, the brain is forced to perceive the person as changing size rather than the room as being crooked.
Perception > Physical Reality
Monocular Cues Teacher Guide Instructional Protocol
Monocular Depth Mechanisms
Lesson 3: Monocular
Perception Lab Series
Concept Mastery
This lesson focuses on "pictorial cues"—information that can be captured in a single photograph or painting. The challenge for students is understanding that these are heuristic short-cuts the brain takes to solve the "inverse projection problem" (inferring 3D from 2D).
Teaching the Ames Room
The Ames Room is the "boss fight" of monocular cues. To explain it effectively, focus on the **Size-Distance Invariance Principle**:
Perceived Size = Retinal Image Size × Perceived Distance
The Brain's Assumption
The room is rectangular (left and right corners are equidistant from the viewer).
The Physical Reality
The room is trapezoidal. One person is actually much further away than the other.
Facilitation Notes: Pictorial Cues
Atmospheric Perspective
Explain the physics: light scatters as it passes through more atmosphere. This makes distant objects (mountains) look bluer, lighter, and fuzzier.
Linear Perspective
Have students look at the corners of the classroom. Parallel lines appear to converge as they recede into the distance.
Texture Gradient
Use the carpet or tile on the floor. Up close, you see fibers/grout. Far away, it becomes a smooth, uniform color.
Motion Parallax
*Dynamic Cue:* When moving (in a car), closer objects zip by faster than distant objects. This is the only non-pictorial monocular cue.
Classroom Demonstration
The "One-Eyed Pencil" Test:
Ask students to hold two pencils (or fingers) at arm's length. With both eyes open, try to touch the tips together quickly. Now, close one eye and try again.
Observation: Most will fail or be significantly slower. Why? Because monocular pictorial cues are excellent for distance estimation but poor for precise reaching within arm's length. This sets the stage for the next lesson on binocular vision.
PERCEPTION LAB INSTRUCTIONAL SUITE MONOCULAR-CUES-TG-V1
Monocular Cues Activity Sheet Perception Lab • Phase 03
The 2D Architect
NAME: __________________________ SECTION: ________________________
01
Deconstructing the Canvas
Artists have used monocular cues for centuries to "trick" the viewer into seeing a 3D space on a flat canvas. For each cue below, describe how it specifically manipulates your perception of depth.
Interposition (Overlapping)
Explain the "Blocker" effect:
Atmospheric Perspective
Effect on color and clarity:
Linear Perspective
Vanishing point application:
Texture Gradient
Scaling of detail:
02
The Ames Paradox
In the Ames Room, your brain makes a "choice" between two conflicting pieces of information.
Conflict A
"This person has a much larger retinal image than that person."
Conflict B
"This room is rectangular, so both people are at the same distance."
Diagnostic Question:
Why does the brain choose to believe the **room's shape** is constant and the **person's size** is changing, rather than vice versa?
© 2026 Perception Lab MONOCULAR-CUES-ACTIVITY-V1
Binocular Vision Slides The Perception Lab
Binocular Vision
The physiological power of two. How retinal disparity creates the sensation of solid depth.
Lesson 04 • Physiological Depth
Retinal Disparity
Because your eyes are ~6cm apart, they receive slightly different images of the world.
Stereopsis
The process by which the visual cortex combines these two disparate images into a single three-dimensional perception.
Left Eye View
Right Eye View
Difference in image position = Information about distance.
Convergence
A neuromuscular cue. Your eyes must rotate inward (converge) to focus on near objects.
Muscle Feedback
The brain "reads" the tension in the extraocular muscles to estimate how far away an object is.
How 3D Movies Work
Polarized Reality
The screen projects two different images simultaneously. One is meant for the left eye, one for the right.
The glasses filter the light.
Each eye sees ONLY its intended image.
The brain fakes a 3D experience.
Fun Fact:
About 5-10% of people are "stereo blind" and cannot perceive depth from disparity!
Lab Demonstration
The "Floating Sausage" Illusion
Hold your index fingers tip-to-tip in front of your eyes. Focus on a distant wall behind your fingers. You will see a small, floating "sausage" between your fingers. This is the result of overlapping disparity!
Binocular Vision Teacher Guide Instructional Protocol
Binocular Vision Lab
Lesson 4: Binocular
Perception Lab Series
Physiological Depth Cues
This lesson shifts from pictorial cues (monocular) to physiological ones (binocular). Students often struggle to conceptualize "disparity." Use these lab activities to make the abstract biological process of stereopsis tangible.
Troubleshooting: The Sausage
The "Floating Sausage" illusion works because the brain fakes a third image by overlapping the disparate views of the two fingers.
Student Difficulty:
"I just see two fingers and a wall."
The Fix:
Ensure they are focusing on the distance (the wall), NOT their fingers. This forces the eyes to relax their convergence, allowing the retinal images of the fingers to drift apart and create the "overlap."
Concept Focus: The Horopter
Explain that there is an imaginary semicircle in space called the **Horopter**. Objects on this line fall on "corresponding retinal points" and have zero disparity.
Crossed Disparity
Objects in front of the horopter. Disparity is large; brain perceives "very close."
Uncrossed Disparity
Objects behind the horopter. Brain perceives "further away."
Technology Connection
Discussion Prompt: VR Sickness
In Virtual Reality, the screens provide perfect binocular disparity (3D effect), but the eyes are always focusing on a screen just centimeters away (no change in convergence/accommodation).
The Conflict: The brain gets 3D information from disparity but 2D information from eye muscles. This "Vergence-Accommodation Conflict" is the primary cause of motion sickness in VR.
PERCEPTION LAB INSTRUCTIONAL SUITE BINOCULAR-VISION-TG-V1
Binocular Vision Lab Sheet Perception Lab • Phase 04
Two Eyes, One World
NAME: __________________________ ID: _____________________________
A
Experiment 1: The Floating Sausage
Follow the instructions provided by your instructor. Focus on the distant wall behind your fingers.
Observation Sketch
Draw the "sausage" as it appears relative to your two fingers.
Analysis Question:
Why does the sausage disappear if you close one eye? Relate your answer to the concept of **Retinal Disparity**.
B
Experiment 2: The Depth Accuracy Test
Try to touch the tips of two pens together quickly at arm's length. Record your success rate over 5 trials.
Condition Trial 1 Trial 2 Trial 3 Trial 4 Trial 5 Both Eyes One Eye
Synthesis:
Based on your data, how does binocular vision specifically assist in "Action Perception" (reaching/grasping) compared to monocular vision?
C
The 3D Interface
Critical Inquiry: The VR Dilemma
A Virtual Reality headset provides "Perfect Disparity" (different images for each eye) but "Zero Accommodation Change" (the eyes always focus at the same physical distance—the screen).
Why does this conflict often lead to nausea or eye strain?
© 2026 Perception Lab • BINOCULAR VISION S-L4-BINOCULAR-LAB
Applied Perception Slides The Perception Lab
Applied Perception
Gestalt Principles in UI/UX Design
L5.01 • Synthesis
The Digital Retina
Users don't read interfaces; they scan them.
If your interface violates the brain's innate grouping laws, the user will experience Cognitive Load—leading to errors, frustration, and abandonment.
"Good design is invisible. Bad design is perceptual friction."
Confusion
Intuition
Proximity & grouping
Elements that are close together are perceived as having a related function.
The Rule
Place input labels closer to their respective fields than to the fields above/below them.
Full Name
Email Address
Consistency
Similarity
All "Primary Actions" (Delete, Submit) should share the same color/shape.
Continuity
Navigation menus should follow a logical, linear path to guide the eye.
SAVE
NEXT
Cancel
Delete
Final Challenge
"Diagnose the Bad Design"
Audit
Find a confusing website or app.
Diagnose
Which Gestalt law is being violated?
Redesign
Propose a perceptually sound solution.
Applied Perception Teacher Guide Instructional Protocol
Applied Perception & UX Audit
Lesson 5: Application
Perception Lab Series
The Synthesis Lesson
This final lesson bridges the gap between theoretical psychology and professional practice. Students will use the Gestalt laws and depth cues as diagnostic tools to evaluate human-computer interaction.
The "Bad Design" Hook
Show an image of a confusing elevator panel where the buttons are arranged in a way that violates **Proximity**. (e.g., Row 1: Floor 1, 3, 5 | Row 2: Floor 2, 4, 6).
Question
"Why do we keep pressing the wrong button?"
Psychological Answer
The brain groups 1 & 2 together by proximity, but the label groups 1 & 3 together. Perceptual conflict leads to behavioral error.
Diagnostic Key
Proximity
Look for navigation tabs. Are they clearly separated from the content below them? If not, the user won't know where the control ends and the data begins.
Similarity
Check the "Submit" buttons. Are they all the same color? If one is blue and another is green, the brain assumes they do different things.
Closure
Icons use closure to reduce visual noise. A "Search" magnifying glass is just a circle and a line, but our brain closes the loop.
Interface Audit Rubric
Criteria Exceptional (5) Developing (3) Identification Correctly identifies 3+ principles in a complex digital environment. Identifies 1-2 principles; some mislabeling occurs. Diagnosis Deeply explains WHY a design choice leads to perceptual friction. Lists the principle but lacks explanation of user impact. Solution Proposes a redesign that clearly resolves the perceptual conflict. Redesign is visual but doesn't address the core psychological issue.
PERCEPTION LAB CAPSTONE SUITE APPLIED-PERCEPTION-TG-V1
Interface Audit Project Sheet Capstone Project • Unit 01
The Interface Audit
NAME: __________________________ PRODUCT: _______________________
!
Project Objective
In this summative project, you will apply the principles of perceptual organization to a real-world digital interface (website, mobile app, or software dashboard). You must identify "perceptual friction"—where the design violates the brain's natural grouping mechanisms—and propose a scientifically sound redesign.
1. Product Selection
Choose a product you use regularly that has at least one "confusing" screen.
Product Name:
Primary User Goal:
2. Audit Checklist
Identify which principles are violated:
PROXIMITY
SIMILARITY
CONTINUITY
CLOSURE
FIG-GROUND
MONOCULAR CUES
Diagnosis of Perceptual Friction
Describe the specific conflict between the sensory data and the brain's organizational tendencies:
Redesign Proposal
Redesign Sketch
Psychological Justification:
"My redesign improves user experience by..."
© 2026 Perception Lab • CAPSTONE PROJECT S-L5-INTERFACE-AUDIT
