Sensation Perception Slides Sensation or Perception?
Lesson 1: Decoding how the brain constructs reality from raw data.
Look Closely...
What do you see?
Do you see a bright white triangle in the center?
Reality Check: There are no lines forming that triangle.
"Your brain is a storyteller, not just a camera."
The Great Divide
Sensation
The physical process of collecting raw data from the environment via our five senses.
INPUT: Light waves hitting the retina.
Perception
The cognitive process of organizing and interpreting sensory information to recognize meaningful objects and events.
OUTPUT: Recognizing that "red shape" as an apple.
How do we build it?
Bottom-Up
"Data-Driven"
Starts with the sensory receptors and works up to the brain's integration of sensory information. (Seeing individual letters to form a word)
Top-Down
"Concept-Driven"
Constructs perceptions from sensory input by drawing on our experience and expectations . (Reading a messy sentence because you know the context)
Perceptual Set
A mental predisposition to perceive one thing and not another.
Discussion Prompt:
If you are told a new student is "troublesome," how might that influence your perception of them dropping a tray in the cafeteria?
A
13
?
C
Sensory Input Worksheet Sensory Input Lab
Topic: Sensation vs. Perception & Processing Types
NAME:
DATE:
PART 1: DATA VS. MEANING
Read each scenario below. Identify the **Sensation** (raw physical input) and the **Perception** (how the brain interprets that input).
1. You walk into a bakery and smell a warm, spicy scent that reminds you of your grandmother's house.
Sensation (Physical Input)
Perception (Brain Interpretation)
2. You see a series of blinking lights on a sign that look like a moving arrow pointing toward a store entrance.
Sensation (Physical Input)
Perception (Brain Interpretation)
PART 2: Bottom-Up vs. Top-Down
For each example, circle the processing type used and explain why .
A. You are learning a new language. You look at a word and identify each letter and sound to eventually realize the word is "Bonjour."
Bottom-Up
Top-Down
Explain your reasoning:
B. You receive a text message with several typos: "Hey, meet me at the prk at five." You immediately understand what it says without pausing.
Bottom-Up
Top-Down
Explain your reasoning:
PART 3: THE MIND'S EYE
Based on today's discussion of the Kanizsa Triangle, how does "Top-Down" processing help us survive in the real world? Provide one original example.
Perception Facilitation Guide Teacher Facilitation Guide
Sensation or Perception?
Mind's Eye Lab: Lesson 1
Duration
50 Minutes
Core Skill
Concept Analysis
Grouping
Pairs / Whole Class
Lesson Flow
00-10m
The Hook: The Ghost Triangle
Project Slide 2 (Kanizsa Triangle). Ask students what they see. Most will say "a white triangle." Challenge them to find the lines that make the triangle. Use this to introduce the idea that the brain "hallucinates" structure to make sense of the world.
10-25m
Direct Instruction: Sensation vs. Perception
Define Sensation (Raw Input) vs Perception (Meaning). Use the "Apple" analogy: Sensation is photons hitting the eye; Perception is "that's a Granny Smith apple."
25-40m
Guided Practice: Worksheet Application
Distribute the Sensory Input Lab Worksheet . Have students work in pairs to analyze the scenarios. Monitor for confusion between Bottom-Up and Top-Down processing.
40-50m
Synthesizing: Perceptual Set
Discuss how context influences perception. Show Slide 5. Discuss how our expectations (Top-Down) can lead to bias or error.
Facilitation Tips
Probing Question:
"If we only relied on Bottom-Up processing, what would it be like to walk through a grocery store for the first time?"
(Anticipated response: It would be overwhelming; every item would be a new mystery to solve letter-by-letter, shape-by-shape.)
Key Misconception:
Students often think Top-Down is "better" than Bottom-Up. Clarify that both happen simultaneously. We need Bottom-Up to see the world as it is, and Top-Down to see it efficiently.
Worksheet Answer Key
Scenario 1 (Bakery)
Sensation: Chemical molecules (scent) binding to olfactory receptors.
Perception: Remembering grandma's house; feeling comfort/nostalgia.
Scenario 2 (Moving Arrow)
Sensation: Flashing lights in a specific sequence.
Perception: Movement (Phi Phenomenon); a directional instruction.
Scenario A (New Language)
Type: Bottom-Up. Reasoning: Building the whole from individual sensory parts (letters).
Scenario B (Typos)
Type: Top-Down. Reasoning: Using context and prior knowledge to fill in gaps and interpret messy data.
Grouping Instinct Slides The Grouping Instinct
"The whole is greater than the sum of its parts."
Quick Count!
How many groups of dots do you see?
Why did your brain see "one group" on the left and "two groups" on the right?
Law of Proximity
GESTALT RULE #1
We tend to group objects together when they are physically close to each other.
Brain Logic:
"If they're near each other, they must belong together."
Law of Similarity
GESTALT RULE #2
We tend to group objects that share similar characteristics such as color, shape, or size.
In the image to the left, you likely perceive a vertical line of dark circles, rather than four mixed rows.
The Psychology of Design
Similarity in Apps
Buttons with the same shape/color indicate they perform similar functions.
Proximity in News
Placing a headline close to an image tells the brain they are related.
Design Detective Worksheet G
Gestalt Lab Series
Design Detective
Topic: Proximity & Similarity in Action
AGENT:
DATE:
Case Briefing
Web designers use Gestalt principles to organize information so users don't have to think. Your job is to analyze the "Wireframe Case File" below and identify which grouping laws are helping (or hurting) the user experience.
Wireframe Case File #102
Image A
Image B
Promo C
1. The Rule of Proximity
How is proximity used to connect images to their specific captions?
2. The Rule of Similarity
Why does "Promo C" stand out from "Image A" and "Image B"? Use Gestalt terms.
Design Challenge: The Remote Control
In the space below, sketch a simple layout for a "Universal Remote." You must include at least 8 buttons. Use Proximity to group volume/channel controls and Similarity to differentiate the "Power" button from the rest.
Sketch Area
Briefly explain your design choices: Grouping Instinct Facilitation Guide The Grouping Instinct
Teacher Facilitation Guide | Lesson 2
Learning Objectives
Identify and define the Laws of Proximity and Similarity.
Analyze how visual grouping reduces cognitive load.
Apply grouping principles to functional design tasks.
Materials Needed
Grouping Instinct Slideshow
Design Detective Worksheets
Blank paper for sketching (optional)
Lesson Flow
The Rapid-Fire Hook (5m)
Show Slide 2. Give students exactly 2 seconds to shout out how many "groups" they see for each set.
Laws of the Mind (15m)
Walk through Slides 3 & 4. Focus on the distinction between spatial distance (Proximity) and shared features (Similarity). Use the "Remote Control" example: Why are the volume buttons always next to each other? (Proximity).
Design Detectives (20m)
Hand out the worksheet. Students analyze the wireframe.
Gallery Walk (10m)
Have students share their remote control sketches. Ask: "Which principle did you find more powerful in your design? Why?"
The Grouping Conflict
Challenge the class with this scenario: You have a group of circles and squares. The circles are far apart, but the squares are close together. Which principle wins?
Proximity Wins if...
...the distance between items is so great that they feel like separate islands regardless of their shape.
Similarity Wins if...
...the shapes are so distinct (e.g., bright red vs. dull gray) that the eye jumps over the distance to connect the similar items.
Closing Gaps Slides Closing the Gaps
Lesson 3: Continuity, Closure, and Connectedness
Can you read this?
YOUR BRAIN IS CLOSING THE GAPS
Even though half the letters are missing, your brain "fills in" the rest based on stored shapes and patterns.
This is Closure.
Law of Continuity
GESTALT RULE #3
We tend to perceive smooth, continuous patterns rather than discontinuous ones.
The eye is compelled to move through one object and continue to another.
Law of Connectedness
Gestalt Rule #4
Objects that are physically linked are perceived as a single unit.
Connectedness is often stronger than similarity or proximity. A simple line can force the brain to group two very different things.
Closure in Branding
Negative Space
Famous logos like the WWF Panda or the FedEx arrow use closure to hide symbols inside the "gaps."
Continuity in Icons
Paths, maps, and branching menus rely on our ability to follow a continuous line to its conclusion.
Logo Logic Activity Logo Logic
Gestalt Lab: Continuity & Closure
Designer:
Date:
Part 1: The Corporate Eye
Examine the descriptions of famous logos below. Identify which Gestalt principle is being utilized and explain the effect it has on the viewer.
1. The FedEx Arrow
In the FedEx logo, the negative space between the capital "E" and the lowercase "x" creates a sharp, right-pointing arrow.
Principle:
Effect:
2. The IBM Stripes
The IBM logo is composed of eight horizontal blue stripes. We don't see eight sets of lines; we see three distinct letters.
Principle:
Effect:
3. The WWF Panda
The World Wildlife Fund logo uses black shapes on a white background. There is no line defining the top of the panda's head, yet we see it clearly.
Principle:
Effect:
4. USA Network
The "S" in the USA Network logo is not actually drawn. It is formed by the curves of the "U" and the "A" on either side.
Principle:
Effect:
Part 2: Design Workshop
Design a simple logo for a fictional company called **"Pathfinder"** (a hiking gear brand). You must use **either Closure or Continuity** in your design. Sketch your idea below and then explain the logic.
Sketchbook Area
Principle chosen:
How does it work? Closing Gaps Facilitation Guide Teacher Facilitation Guide
Closing the Gaps
Mind's Eye Lab: Lesson 3
Lesson Core
Students move from simple grouping (L2) to structural completion (L3), exploring how the brain follows paths and fills in missing data.
Vocabulary Focus
Closure Continuity Connectedness
Lesson Flow
00-08m
The "Half-Erased" Challenge
Project Slide 2. Do not let students read it out loud immediately. Ask them to write down what they think it says. Discuss how the brain "hallucinates" the bottom of the letters.
08-20m
Concept Breakdown
Explain Continuity (following a path) and Connectedness (physical grouping). Use the "Tube Map" or "Subway Map" as a real-world example of Continuity.
20-40m
Logo Logic Workshop
Students analyze the four logo case studies. Encourage them to look for "hidden" shapes. Then, transition to the Pathfinder design challenge.
40-50m
Critique & Synthesis
Peer review of Pathfinder logos. Have students point out specific principles in their partners' work.
Logo Logic Key
1. FedEx Arrow
Principle: Closure / Figure-Ground
The negative space (ground) becomes a meaningful figure (arrow), creating a sense of movement and speed.
2. IBM Stripes
Principle: Closure / Similarity
Our brain closes the gaps between the horizontal lines to perceive solid letters.
3. WWF Panda
Principle: Closure
The brain provides the missing boundary for the white areas of the panda's head and back.
4. USA Network
Principle: Closure
The "S" is perceived through the absence of color, defined by the surrounding shapes.
Differentiating Closure vs. Continuity
Think of Closure as "Filling in the Blanks" (missing pieces) and Continuity as "Following the Path" (moving across intersections). Continuity is about flow; Closure is about completion.
Focus Flip Slides Focus and Background
Lesson 4: Figure-Ground Relationships & Ambiguity
The Switch
"Can you see both at once?"
You likely see two faces in profile OR a white vase. Your brain cannot perceive both as the "Figure" simultaneously.
The Figure-Ground Rule:
The first task of the visual system is to organize the visual field into objects (the figures ) that stand out from their surroundings (the ground ).
Who takes the spotlight?
F The Figure
Has a definite shape.
Appears "closer" to the viewer.
Is perceived as the object of interest.
G The Ground
Appears shapeless.
Extends behind the figure.
Is perceived as the background.
Visual Conflict
Reversible Figures
When the brain has two equally valid perceptual hypotheses, it may flip back and forth between them (e.g., the Necker Cube).
Camouflage
The deliberate disruption of figure-ground segregation. If the figure shares the same patterns as the ground, the brain cannot distinguish them.
Mastering the Switch
M.C. Escher & Negative Space
"The surface of this sheet of paper is an abyss of which we can only see the boundary."
Artists use figure-ground ambiguity to create a sense of mystery or movement. By blurring the lines between what is "subject" and what is "environment," they force the brain to work harder.
Class Discussion:
How does a "dark mode" interface change your perception of the content figure vs. the background?
Ambiguity Analysis Worksheet Mind's Eye Lab
Ambiguity Analysis
Topic: Figure-Ground & Reversible Figures
SUBJECT:
SESSION:
Part 1: The Necker Flip
Examine the descriptions of ambiguous stimuli below. For each, describe the two competing "Perceptual Hypotheses" your brain creates.
Hypothesis A (Focus Left)
Which face is "front"?
Hypothesis B (Focus Right)
How does the perspective shift?
Duck or
Why can't you see both animals at the exact same millisecond?
Hint: Consider the "features" (ears vs beak) and how they function as "Figure" or "Ground."
Part 2: Disruption
The Soldier's Choice
Modern military camouflage doesn't just use green and brown colors. It uses **"Digital Patterns"** (small pixelated squares) and **"Dazzle"** (high-contrast stripes). Explain how these choices exploit Gestalt principles to hide a human figure.
1. Breaking the Outline (Similarity)
How does using patterns similar to the environment prevent the brain from identifying a "Figure"?
2. Figure-Ground Confusion
Why is "high-contrast disruption" (stripes that don't match the body's shape) effective against moving targets?
Final Inquiry
In the Rubin Vase, if the background were bright neon yellow and the faces were dark black, which would your brain be more likely to see as the **figure**? Why?
Focus Flip Facilitation Guide Teacher Facilitation Guide
Focus and Background
Mind's Eye Lab: Lesson 4
The Challenge
Students often struggle with the idea that the "ground" is just as important as the "figure." In this lesson, we prove that the brain cannot exist in a state of ambiguity—it MUST choose a winner.
The Winner's Circle
Factors that make an object the "Figure":
• Smaller area
• Higher contrast
• Symmetry
• Movement (Phi Phenomenon)
Lesson Pacing
00-10m
The Rubin Flip
Show Slide 2. Have students raise their hands when they see the vase, then lower them when they see the faces. Notice how the room is never 100% in agreement. This demonstrates that perception is an active construction.
10-25m
Defining Figure & Ground
Use Slide 3 to define the terms. Challenge students to find "Figure-Ground" relationships in the classroom (e.g., the poster on the wall vs the wall itself).
25-45m
Ambiguity Workshop
Students work on the Ambiguity Analysis Worksheet . For the military camouflage section, encourage them to think about how Similarity (matching background) and Continuity (disrupting the body's natural path) work together.
45-50m
Exit Inquiry
Discuss the final question on the worksheet: Neon vs Black. (Answer: Generally, the higher contrast or smaller object wins. If the yellow is blinding, the black faces become the clear figure.)
The "Aha!" Moment
"When you switch from seeing the vase to the faces, did the image on the screen change?"
When students realize that only their mental interpretation changed, they have fully grasped the essence of perception.
Illusion Mastery Slides Illusion Deconstruction
Lesson 5: Synthesizing Perceptual Laws & Hypotheses
The Gallery Walk
Illusion A
Illusion B
Illusion C
"An illusion is not a brain failure. It is a brain SUCCESS that happened to be based on a false premise."
Why is your brain lying to you?
Misapplied Scaling
Müller-Lyer Illusion
The brain interprets the "outward" fins as distant corners (inside a room) and the "inward" fins as nearby corners (outside a building).
The Hypothesis:
If two lines take up the same space on the retina, but one is "further away," it must be larger.
Testing Reality
Our brain doesn't just "see"—it makes an educated guess based on sensory evidence.
Perceptual Hypothesis
An inference about what form could be responsible for a pattern of sensory stimulation.
"Is that a person standing in the shadows, or just a coat rack?"
Final Mission
Project: Deconstruction
Pick one illusion from the Lab.
Identify the Gestalt rules at play.
Explain the Perceptual Hypothesis.
"Reality is merely an illusion, albeit a very persistent one."
Are you ready to deconstruct your reality?
Illusion Deconstruction Project Illusion Deconstruction
Mind's Eye Lab: Final Project
RESEARCHER:
LAB SESSION:
Project Briefing
Throughout this unit, you have mastered how the brain organizes sensory data. Now, you will apply that knowledge to "break" an illusion. Choose one famous optical illusion (e.g., The Ames Room, The Ponzo Illusion, The Hermann Grid, or the Müller-Lyer ) and perform a technical deconstruction.
1 The Sensory Input (Sensation)
Describe the raw data hitting the eye. What lines, colors, and shapes are actually present on the page or screen?
2 Gestalt Principles at Play
Identify at least TWO grouping or organizational principles the brain is attempting to use. How are they being "tricked"?
Principle A
Principle B
3 The Perceptual Hypothesis
What is the "educated guess" your brain makes? Why is this guess usually helpful in the real world, but wrong in this specific case?
Evaluation Rubric
Accuracy
Correct identification of Gestalt terms.
Analysis
Clear link between sensation & perception.
Synthesis
Explains WHY the brain makes the error.
Focus Flip Facilitation Guide Teacher Facilitation Guide
Illusion Deconstruction
Mind's Eye Lab: Lesson 5 (Culmination)
Synthesis Goals
Students will demonstrate mastery by explaining complex visual errors through the lens of Gestalt principles and top-down processing.
Students will evaluate why certain perceptual hypotheses are "misapplied" in 2D formats (like the Ponzo or Müller-Lyer illusions).
Final Session Flow
00-15m
Gallery Walk
Post various optical illusions around the room. Have students walk in pairs and record their "initial hypothesis" for why the illusion works. (Slide 2 provides the digital intro for this).
15-30m
Direct Instruction: The Deconstruction
Walk through Slides 3 & 4. Focus on Misapplied Scaling . Explain that our brain is evolved for a 3D world, so it misinterprets depth cues in a 2D environment.
30-50m
Final Project: Analysis
Students work on the Illusion Deconstruction Project . Circulate and ask: "Which specific Gestalt rule is the brain following here? Why does following that rule lead to a mistake?"
Illusion "Logic" Key
Ames Room
Exploits Continuity . The brain assumes the room is a normal rectangle because the walls look continuous, leading it to misinterpret the size of people in the corners.
Ponzo Illusion
Exploits Linear Perspective . Converging lines (like train tracks) trigger a depth hypothesis. Objects placed "further up" the tracks are perceived as larger.
Hermann Grid
Exploits Lateral Inhibition (biological) but relates to Figure-Ground . The gray spots appear at the intersections because of the surrounding white areas.
Closing the Unit
Remind students that these principles aren't just for psychology class. They are the foundation of movie magic (CGI), architecture, web design, and even how we understand social groups. We are constantly "grouping" our reality.
