LECTURE 03: VISUALIZATION FUNDAMENTALS PT. 2 February 8, 2015 SDS 136 Communicating with Data.

Slides:



Advertisements
Similar presentations
1 Teori Gestalt Pertemuan 8 Matakuliah: U0062/Strategi Manajemen Persuasi Tahun: 2006.
Advertisements

Gestalt Max Wertheimer.
Gestalt Principals: Perception of Design
PSYC 1000 Lecture 21. Selective Attention: Stroop.
Gestalt Principles Seçil TOROS. PERCEPTION _ Graphic designers do more than decorate a surface. They work with the fundamental principles of perception.
I CAN Use Gestalt Psychology to explain optical illusions.
Recap – lesson 1 What is perception? Perception: The process which we give meaning to sensory information, resulting in our own interpretation. What is.
Gestalt Principles of Visual Perception
Gestalt Principles Gurpreet. What are the Gestalt Principles? Gestalt is a psychological term which means ‘unified whole’. It was discovered by the German.
CPSC 533C Static and Moving Patterns Presented by Ken Deeter Slides borrowed from Colin Ware’s PPT Slides.
Sensation and Perception. Sensation & Perception Not always veridical to the physical stimulus Illusions An illusion is a perception of a physical stimulus.
Gestalt Principles Visual and Musical Examples. Sensation and Perception Sensation is the process of receiving stimuli (e.g., light and sound) from the.
Day 6 Layout. Objectives  Learn about some principles of perception  Learn how grids can help you organise a site’s content  Learn about the golden.
Seeing Patterns and Sequences Slideshow. Pragnanz T he fundamental principle of gestalt perception is the law of prägnanz (German for conciseness) which.
PBA Front-End Programming Gestalt Laws. The standard page compo- sition ”pattern” seems to be well-established; it works! But…why does it work…? Because.
GCSE Psychology Gestalt Laws.
GROUPING AND VISUAL RELATIONSHIPS Principle of Proximity.
Gestalt Principles of Perception Jennifer Brooks.
Identity Design Recognition is what every company wants. An identity must encapsulate everything the client wants to be. [“take a minimal amount of material.
REQUIRMENTS GATHERING: knowledge of user interface and design.
BY JESSIE PARKER VISUAL PERCEPTION PRINCIPLES. VISUAL PERCEPTION Visual perception is the ability to interpret the surrounding environment by processing.
Identity Design Recognition is what every company wants. An identity must encapsulate everything the client wants to be. [“take a minimal amount of material.
1 Introduction to Computer Graphics – CGS-1586C Spring Quarter 2011 Instructor: Amanda Dickinson Tues/Thurs from 6:00PM to 7:50 PM.
Shortcuts Quiz #1  Study for the shortcuts quiz!  The list of commands included in this quiz are on the class calendar.
Perception Is… The process of recognizing, organizing, and interpreting sensory information.
‘rules’ that we apply to visual information  to assist our organization and interpretation of the information in consistent meaningful ways.
Graphics – Part 2. Graphic captions u 3 parts –Figure or table number –Title –Descriptive text Fig 3. Enrollment from Numbers were based on.
The Principles of Design
Warm Up #8 How many pegs do you see?
Gestalt Principles of Design
Gestalt Theory for Computer Screen Design
Principles of Grouping & Pitch Theory By Kayla and Anika.
Colour Schemes Gestalt. Colour Schemes Gestalt Gestalt is the German word for "form” The essential point of gestalt is that in perception the whole is.
Visual Perception Principles Visual perception principles are ‘rules’ that we apply to visual information to assist our organisation and interpretation.
The Sense of Order. Add one top-to-bottom straight line.
Gcom343 |gestaltprinciples similarity continuation closure proximity figure/ground equilibrium isomorphic correspondence.
Visual Perception. What is Visual Perception? Visual perception are rules we apply to visual information to assist our organisation and interpretation.
LAB 03: SCATTERPLOTS February 10, 2015 SDS 136 Communicating with Data.
Principles of Visual Design
GESTALT PRINCIPLES OF VISUAL DESIGN Gestalt principles of visual design are derived from the theories of gestalt psychology, which were applied to the.
LAB 01: BAR AND LINE CHARTS February 3, 2015 SDS 136 Communicating with Data.
CGMB124/224 GESTALT Gestalt is a general description for the concepts that make unity and variety possible in design. It is a German word that roughly.
Visual Literacy Methods & Tips for Teachers. What is Visual Literacy?  Visual literacy refers to the ability to create effective communications using.
WHAT IS PERCEPTION? Sensation + Cognition = Perception
Human Computer Interaction
Myers EXPLORING PSYCHOLOGY (6th Edition in Modules)
Unit 4 - Perception - Type of Processing Explanation
GESTALT PRINCIPLES IN ART AND DESIGN
Film making is Storytelling
Elements and Principles of Design
CSC420 Gestalt Principles.
7 How many squares are there?.
Perception.
Visual Perception Principles
Huxley’s Circle of Visual Perception
Perceiving and Recognizing Objects
Sensation and Perception
Cognitive Processes PSY 334
Unit 4 Perception Perception pt. 2
Chapter 6 Perception - Type of Processing Explanation
To identify all 5 of Gestalts Laws.
Perception Chapter 5.
Perception Organizational Theories
Optic Flow Objects moving away from us indicate we are moving in the opposite direction Objects moving towards us indicate we are moving forwards.
Chapter 6: Perception Pages
Figure and Ground The most fundamental way we organize visual information is to divide it into a foreground and background.
Real Estate Services - Austin, TX
Myers EXPLORING PSYCHOLOGY (6th Edition in Modules)
Sensation and Perception
Gestalt principles – in the mind, not the eye
Presentation transcript:

LECTURE 03: VISUALIZATION FUNDAMENTALS PT. 2 February 8, 2015 SDS 136 Communicating with Data

Quick note on aggregation

Outline Flashback: building blocks and mental models Putting marks together Group activity: what we draw vs. what we see Discussion

Flashback: building blocks of visualization areas lines points Position Size Value Color Orientation Shape graphical primitives dimensions

Flashback: mental models Question: How do we manage to navigate the world?

The “gestalt effect”

Our brain’s ability to generate whole forms, instead of just collections of unrelated elements 4 key principles

1. Reification Demonstration of reification in perception from Lehar S. (2003) The World In Your Head, Lawrence Erlbaum, Mahwah, NJ. p. 52, Fig. 3.3

1. Reification Demonstration of reification in perception from Lehar S. (2003) The World In Your Head, Lawrence Erlbaum, Mahwah, NJ. p. 52, Fig. 3.3

1. Reification Demonstration of reification in perception from Lehar S. (2003) The World In Your Head, Lawrence Erlbaum, Mahwah, NJ. p. 52, Fig. 3.3

2. Emergence Life Magazine: 58; , p 120. Photographer: Ronald C James

3. Multistability

4. Invariance Demonstration of invariance in perception from Lehar S. (2003) The World In Your Head, Lawrence Erlbaum, Mahwah, NJ. p. 53, Fig. 3.5

4. Invariance Demonstration of invariance in perception from Lehar S. (2003) The World In Your Head, Lawrence Erlbaum, Mahwah, NJ. p. 53, Fig. 3.5

4. Invariance Demonstration of invariance in perception from Lehar S. (2003) The World In Your Head, Lawrence Erlbaum, Mahwah, NJ. p. 53, Fig. 3.5

4. Invariance Demonstration of invariance in perception from Lehar S. (2003) The World In Your Head, Lawrence Erlbaum, Mahwah, NJ. p. 53, Fig. 3.5

What does this mean for visualization? areas lines points ? 6 “Laws of Grouping”

Law of Proximity We interpret objects that are close to each other as a group

Law of Similarity We interpret objects that are visually similar to each other as a group “grey dots” “black dots”

Law of Closure When parts of a picture are missing, we fill in the visual gap

Law of Symmetry We perceive objects as being symmetrical, arranged around a center point [ ] { } [ ] law of proximity law of symmetry + law of similarity

Law of Common Fate We group objects that we perceive to be moving along the same path

Law of Continuity We tend to group objects along the smoothest path

Group activity: what we draw vs. what we see Break into teams of 2-3 people  Team 1: Seattle Real Estate Markets goo.gl/HNzErLgoo.gl/HNzErL  Team 2: Microlending Around the World goo.gl/9GGsbcgoo.gl/9GGsbc  Team 3: Teacher Retention in Austin, TX goo.gl/ezHNg5goo.gl/ezHNg5  Team 4: Spread of Information on Twittergoo.gl/x3UZR4goo.gl/x3UZR4  Team 5: 2011 Japan Earthquake goo.gl/mMz3zLgoo.gl/mMz3zL Goal: identify as many examples of the gestalt principles in action in your sample visualization as you can

Group activity: what we draw vs. what we see  Team 1: goo.gl/HNzErLgoo.gl/HNzErL  Team 2: goo.gl/9GGsbcgoo.gl/9GGsbc  Team 3: goo.gl/ezHNg5goo.gl/ezHNg5  Team 4: goo.gl/x3UZR4goo.gl/x3UZR4  Team 5: goo.gl/mMz3zLgoo.gl/mMz3zL proximity similarity closure [ ] symmetry common fate continuity

Up next Showing correlation w/ scatterplots (mini-lecture and lab) Reminder: - Submit your Piazza post for Bar/Line Chart Lab (11 out of 14) - A1 Piazza post due Wednesday Feb. 10 by 11:59pm

Questions?