SlideShare una empresa de Scribd logo
1 de 30
Descargar para leer sin conexión
Visualizing
Thought
Barbara Tversky (2010)
View on Google Slides
1.
Thesis
Everything in the design world is
evidence of thought
2
Barbara Tversky
“The designed world is a diagram”
“The arrangements and
organizations used to design
the world create diagrams in
the world”
3
“
Communication in the wild is a
sound and light show combining
words, prosody, facial expressions,
gestures, and actions.
4
5
In her own words from Wonderfest Science
Gestures - wordless communication
◎ Free and always with us
◎ Fleeting
◎ Abstract and schematic
6
Visualizations - permanent traces of gestures
◎ Use position, form, and actions in
space to convey meaning
◎ Can be inspected and re-inspected
◎ Can be in many forms
7
Source: Wikipedia
“Communication design, then, is inherently social because to be understood by
another or by self at another time entails fashioning communications to fit the
presumed mental states of others of one’s self at another time.”
2.
Place in space
How we utilize space in the world
or space on a page conveys
meaning and thought
8
Organizing space in the world
◎ Proximity implies relationships
◎ Commonly created on the fly
◎ Items clustered by kind, often
hierarchically
9
Organizing space of a page - literally
◎ Page is two-dimensional like mappings on
the retina
◎ Pictorial space
○ Ground is at the bottom, sky at the top
○ Even when page is horizontal on a table
◎ Maps
○ Go back 6,000 years
○ Often used vertically upright but still
maintain meaning with horizontal
space
10
Header
Footer
Organizing space of a page - metaphorically
◎ Abstract concepts still constrained by psychological
traits, often making use of spatial language
○ Proximity - grouping like items
○ Center to the periphery - like the retina
○ Parallels to the page - left / right; top / bottom
11
Parallels to the page
12
Cross-cultural developmental trends in graphic productions
(Tversky, Kugelmass, & Winter, 1991)
Order
All but youngest children naturally
placed dots on a page to signify
order in a line
Interval
When it came to interval, children
only started accurately representing
intervals at 11-12 yrs
Organizing space of a page - metaphorically
◎ Abstract concepts still constrained by psychological
traits, often making use of spatial language
○ Proximity - grouping like items
○ Center to the periphery - like the retina
○ Parallels to the page - left / right; top / bottom
○ Horizontal directions in space
13
Horizontal directions in space
14
◎ Horizontal directional importance is inconsistent
○ Possibly due to symmetry of the body
◎ Concepts of space appear to be primary with concepts of time derived
from concepts of space
○ 20 min walk or hour’s drive
◎ The direction of time is culturally influenced and writing affects
perception of motion
○ English speakers arrange left to right
○ Arabic speakers arrange right to left
○ Hebrew speakers were mixed
◉ Writing is right to left but numbers are left to right
Organizing space of a page - metaphorically
◎ Abstract concepts still constrained by psychological
traits, often making use of spatial language
○ Proximity - grouping like items
○ Center to the periphery - like the retina
○ Parallels to the page - left / right; top / bottom
○ Horizontal directions in space
○ Vertical directions in space
15
Vertical directions in space
16
◎ Vertical directional importance is consistent with higher signifying
dominance over lower
○ Possibly due to asymmetry of the body
○ Eyes, ears, brains are at the top of our body
◎ Gravity also may play a role
○ More difficult to go up than down
Organizing space of a page - metaphorically
◎ Abstract concepts still constrained by psychological
traits, often making use of spatial language
○ Proximity - grouping like items
○ Center to the periphery - like the retina
○ Parallels to the page - left / right; top / bottom
○ Horizontal directions in space
○ Vertical directions in space
◎ Mappings can conflict
17
3.
Forms in space
The shapes and figures we use
convey meaning and thought
18
Likenesses
◎ Complex and representative
◎ Can facilitate comprehension and memory
when they make sense
◎ Can interfere when they are incongruent
with the message
○ Conflicts are more likely when trying to
depict the invisible
◎ Isotype - (International System of
Typographic Picture Education) - a method
of showing social, technological, biological,
and historical connections in pictorial form.
19
Source: Wikipedia
Meaningful glyphs
◎ Dots
○ One dimensional
○ Represent a place or point in time
◎ Lines
○ Two dimensional
○ Represent a connection - moving in space
◎ Bars, boxes, and frames
○ Represent container or grouping
○ More like a three dimensional box
◎ Arrows
○ Represent relationships
◎ Circles
○ Represent cycles
○ People prefer to have cycles represented as circles but tend to use lines
to when asked to represent a cycle themselves
20
4.
Processing and
designing diagrams
Successful diagrams must work within the
confines of human cognition
21
Processing diagrams
◎ Factors which influence processing
○ Ability
○ Expertise
○ Working memory
○ Structure
○ Sequence
○ Multi-media
22
Designing diagrams
◎ Diagrams are refined over time through user testing
in the wild
○ Unuseful and unintuitive go unused
◎ To create useful diagrams use:
○ Vertical for evaluative dimensions
○ Horizontal for neutral dimensions, especially
time
○ Dots for entities
○ Lines for relations
○ Arrows for asymmetric relations
○ Boxes for collections
◎ Most importantly produce, use, refine and test with
users
23
Source: lawsofux.com
5.
Diagrams as a
microcosm of cognition
Diagrams use place and form to
convey meaning; expressing and
communicating thought
24
Spractions
“Actions in space, whether on objects or as
gestures, that create abstractions in the mind
and patterns in the world”
25
Explore further
26
27
Gestures convey meaning without words
Podcasts featuring Barbara Tversky
28
Think Again Ep 198
June 8, 2019
Making Sense Ep 168
September 10, 2019
Book published in 2019 - Mind in Motion
29
https://www.goodreads.com/en/book/show/42118411-mind-in-motion
Credits
Special thanks to all the people who made and released
these awesome resources for free:
◎ Presentation template by SlidesCarnival
◎ Photographs by Unsplash, Pexels, Pixabay
30

Más contenido relacionado

Similar a Visualizing thought - Barbara Tversky (2010)

Interior design - space & emphasis
Interior design - space & emphasisInterior design - space & emphasis
Interior design - space & emphasisPranavi Nandagiri
 
journal1#Connecting creativity to understanding
journal1#Connecting creativity to understandingjournal1#Connecting creativity to understanding
journal1#Connecting creativity to understandingThirah Dehearty
 
Chapter 11Exploring Our Geographic World
Chapter 11Exploring Our Geographic WorldChapter 11Exploring Our Geographic World
Chapter 11Exploring Our Geographic WorldEstelaJeffery653
 
Interactive classroom strategies and structures for success
Interactive classroom strategies and structures for success Interactive classroom strategies and structures for success
Interactive classroom strategies and structures for success Melanio Florino
 
Key Design Principles To Improve Your User Experience (UX)
Key Design Principles To Improve Your User Experience (UX)Key Design Principles To Improve Your User Experience (UX)
Key Design Principles To Improve Your User Experience (UX)Belatrix Software
 
Use of Shapes in Graphic Design | Psychology of Shapes by ADMEC (Updated)
Use of Shapes in Graphic Design | Psychology of Shapes by ADMEC (Updated)Use of Shapes in Graphic Design | Psychology of Shapes by ADMEC (Updated)
Use of Shapes in Graphic Design | Psychology of Shapes by ADMEC (Updated)Ravi Bhadauria
 
Unit 1 Communication as departing point: humans as social beings, sharing and...
Unit 1 Communication as departing point: humans as social beings, sharing and...Unit 1 Communication as departing point: humans as social beings, sharing and...
Unit 1 Communication as departing point: humans as social beings, sharing and...Nadia Gabriela Dresscher
 
Form, Line, Plane, Space, Texture & Color
Form, Line, Plane, Space, Texture & ColorForm, Line, Plane, Space, Texture & Color
Form, Line, Plane, Space, Texture & Colortanyalangford
 
Concept map ppt
Concept map pptConcept map ppt
Concept map pptconactarti
 
Journey's Scheme Of Work Year 3 And Year 4
Journey's Scheme Of Work Year 3 And Year 4Journey's Scheme Of Work Year 3 And Year 4
Journey's Scheme Of Work Year 3 And Year 4Anne
 
Gestalat Theory of Visual Perception_Mujeeb Riaz .pdf
Gestalat Theory of Visual Perception_Mujeeb Riaz .pdfGestalat Theory of Visual Perception_Mujeeb Riaz .pdf
Gestalat Theory of Visual Perception_Mujeeb Riaz .pdfMujeeb Riaz
 

Similar a Visualizing thought - Barbara Tversky (2010) (20)

Interior design - space & emphasis
Interior design - space & emphasisInterior design - space & emphasis
Interior design - space & emphasis
 
Elements & principles of art
Elements & principles of artElements & principles of art
Elements & principles of art
 
Elements
ElementsElements
Elements
 
Drawing development
Drawing developmentDrawing development
Drawing development
 
journal1#Connecting creativity to understanding
journal1#Connecting creativity to understandingjournal1#Connecting creativity to understanding
journal1#Connecting creativity to understanding
 
Chapter 11Exploring Our Geographic World
Chapter 11Exploring Our Geographic WorldChapter 11Exploring Our Geographic World
Chapter 11Exploring Our Geographic World
 
Interactive classroom strategies and structures for success
Interactive classroom strategies and structures for success Interactive classroom strategies and structures for success
Interactive classroom strategies and structures for success
 
Key Design Principles To Improve Your User Experience (UX)
Key Design Principles To Improve Your User Experience (UX)Key Design Principles To Improve Your User Experience (UX)
Key Design Principles To Improve Your User Experience (UX)
 
Use of Shapes in Graphic Design | Psychology of Shapes by ADMEC (Updated)
Use of Shapes in Graphic Design | Psychology of Shapes by ADMEC (Updated)Use of Shapes in Graphic Design | Psychology of Shapes by ADMEC (Updated)
Use of Shapes in Graphic Design | Psychology of Shapes by ADMEC (Updated)
 
Tessellationproject
TessellationprojectTessellationproject
Tessellationproject
 
Unit 1 Communication as departing point: humans as social beings, sharing and...
Unit 1 Communication as departing point: humans as social beings, sharing and...Unit 1 Communication as departing point: humans as social beings, sharing and...
Unit 1 Communication as departing point: humans as social beings, sharing and...
 
Models of Reading EDUC 551
Models of Reading EDUC 551Models of Reading EDUC 551
Models of Reading EDUC 551
 
Article Review II.pdf
Article Review II.pdfArticle Review II.pdf
Article Review II.pdf
 
Form, Line, Plane, Space, Texture & Color
Form, Line, Plane, Space, Texture & ColorForm, Line, Plane, Space, Texture & Color
Form, Line, Plane, Space, Texture & Color
 
Concept map ppt
Concept map pptConcept map ppt
Concept map ppt
 
Articles en words_incolor_13
Articles en words_incolor_13Articles en words_incolor_13
Articles en words_incolor_13
 
Journey's Scheme Of Work Year 3 And Year 4
Journey's Scheme Of Work Year 3 And Year 4Journey's Scheme Of Work Year 3 And Year 4
Journey's Scheme Of Work Year 3 And Year 4
 
Gestalat Theory of Visual Perception_Mujeeb Riaz .pdf
Gestalat Theory of Visual Perception_Mujeeb Riaz .pdfGestalat Theory of Visual Perception_Mujeeb Riaz .pdf
Gestalat Theory of Visual Perception_Mujeeb Riaz .pdf
 
Social Studies
Social StudiesSocial Studies
Social Studies
 
Social Studies
Social StudiesSocial Studies
Social Studies
 

Último

澳洲UQ学位证,昆士兰大学毕业证书1:1制作
澳洲UQ学位证,昆士兰大学毕业证书1:1制作澳洲UQ学位证,昆士兰大学毕业证书1:1制作
澳洲UQ学位证,昆士兰大学毕业证书1:1制作aecnsnzk
 
Dubai Calls Girl Tapes O525547819 Real Tapes Escort Services Dubai
Dubai Calls Girl Tapes O525547819 Real Tapes Escort Services DubaiDubai Calls Girl Tapes O525547819 Real Tapes Escort Services Dubai
Dubai Calls Girl Tapes O525547819 Real Tapes Escort Services Dubaikojalkojal131
 
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一Fi sss
 
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改yuu sss
 
Chapter 6(1)system devolopment life .ppt
Chapter 6(1)system devolopment life .pptChapter 6(1)system devolopment life .ppt
Chapter 6(1)system devolopment life .pptDoaaRezk5
 
西北大学毕业证学位证成绩单-怎么样办伪造
西北大学毕业证学位证成绩单-怎么样办伪造西北大学毕业证学位证成绩单-怎么样办伪造
西北大学毕业证学位证成绩单-怎么样办伪造kbdhl05e
 
(办理学位证)约克圣约翰大学毕业证,KCL成绩单原版一比一
(办理学位证)约克圣约翰大学毕业证,KCL成绩单原版一比一(办理学位证)约克圣约翰大学毕业证,KCL成绩单原版一比一
(办理学位证)约克圣约翰大学毕业证,KCL成绩单原版一比一D SSS
 
Create Web Pages by programming of your chice.pdf
Create Web Pages by programming of your chice.pdfCreate Web Pages by programming of your chice.pdf
Create Web Pages by programming of your chice.pdfworkingdev2003
 
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证nhjeo1gg
 
Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Rndexperts
 
FiveHypotheses_UIDMasterclass_18April2024.pdf
FiveHypotheses_UIDMasterclass_18April2024.pdfFiveHypotheses_UIDMasterclass_18April2024.pdf
FiveHypotheses_UIDMasterclass_18April2024.pdfShivakumar Viswanathan
 
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degreeyuu sss
 
cda.pptx critical discourse analysis ppt
cda.pptx critical discourse analysis pptcda.pptx critical discourse analysis ppt
cda.pptx critical discourse analysis pptMaryamAfzal41
 
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degreeyuu sss
 
办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一
办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一
办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一z xss
 
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...Rishabh Aryan
 
group_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.pdfgroup_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.pdfneelspinoy
 
办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一
办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一
办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一F dds
 
Apresentação Clamo Cristo -letra música Matheus Rizzo
Apresentação Clamo Cristo -letra música Matheus RizzoApresentação Clamo Cristo -letra música Matheus Rizzo
Apresentação Clamo Cristo -letra música Matheus RizzoCarolTelles6
 

Último (20)

澳洲UQ学位证,昆士兰大学毕业证书1:1制作
澳洲UQ学位证,昆士兰大学毕业证书1:1制作澳洲UQ学位证,昆士兰大学毕业证书1:1制作
澳洲UQ学位证,昆士兰大学毕业证书1:1制作
 
Dubai Calls Girl Tapes O525547819 Real Tapes Escort Services Dubai
Dubai Calls Girl Tapes O525547819 Real Tapes Escort Services DubaiDubai Calls Girl Tapes O525547819 Real Tapes Escort Services Dubai
Dubai Calls Girl Tapes O525547819 Real Tapes Escort Services Dubai
 
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一
 
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改
 
Chapter 6(1)system devolopment life .ppt
Chapter 6(1)system devolopment life .pptChapter 6(1)system devolopment life .ppt
Chapter 6(1)system devolopment life .ppt
 
西北大学毕业证学位证成绩单-怎么样办伪造
西北大学毕业证学位证成绩单-怎么样办伪造西北大学毕业证学位证成绩单-怎么样办伪造
西北大学毕业证学位证成绩单-怎么样办伪造
 
(办理学位证)约克圣约翰大学毕业证,KCL成绩单原版一比一
(办理学位证)约克圣约翰大学毕业证,KCL成绩单原版一比一(办理学位证)约克圣约翰大学毕业证,KCL成绩单原版一比一
(办理学位证)约克圣约翰大学毕业证,KCL成绩单原版一比一
 
Create Web Pages by programming of your chice.pdf
Create Web Pages by programming of your chice.pdfCreate Web Pages by programming of your chice.pdf
Create Web Pages by programming of your chice.pdf
 
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
 
Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025
 
FiveHypotheses_UIDMasterclass_18April2024.pdf
FiveHypotheses_UIDMasterclass_18April2024.pdfFiveHypotheses_UIDMasterclass_18April2024.pdf
FiveHypotheses_UIDMasterclass_18April2024.pdf
 
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
 
cda.pptx critical discourse analysis ppt
cda.pptx critical discourse analysis pptcda.pptx critical discourse analysis ppt
cda.pptx critical discourse analysis ppt
 
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree
 
Call Girls in Pratap Nagar, 9953056974 Escort Service
Call Girls in Pratap Nagar,  9953056974 Escort ServiceCall Girls in Pratap Nagar,  9953056974 Escort Service
Call Girls in Pratap Nagar, 9953056974 Escort Service
 
办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一
办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一
办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一
 
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
 
group_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.pdfgroup_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.pdf
 
办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一
办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一
办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一
 
Apresentação Clamo Cristo -letra música Matheus Rizzo
Apresentação Clamo Cristo -letra música Matheus RizzoApresentação Clamo Cristo -letra música Matheus Rizzo
Apresentação Clamo Cristo -letra música Matheus Rizzo
 

Visualizing thought - Barbara Tversky (2010)

  • 2. 1. Thesis Everything in the design world is evidence of thought 2
  • 3. Barbara Tversky “The designed world is a diagram” “The arrangements and organizations used to design the world create diagrams in the world” 3
  • 4. “ Communication in the wild is a sound and light show combining words, prosody, facial expressions, gestures, and actions. 4
  • 5. 5 In her own words from Wonderfest Science
  • 6. Gestures - wordless communication ◎ Free and always with us ◎ Fleeting ◎ Abstract and schematic 6
  • 7. Visualizations - permanent traces of gestures ◎ Use position, form, and actions in space to convey meaning ◎ Can be inspected and re-inspected ◎ Can be in many forms 7 Source: Wikipedia “Communication design, then, is inherently social because to be understood by another or by self at another time entails fashioning communications to fit the presumed mental states of others of one’s self at another time.”
  • 8. 2. Place in space How we utilize space in the world or space on a page conveys meaning and thought 8
  • 9. Organizing space in the world ◎ Proximity implies relationships ◎ Commonly created on the fly ◎ Items clustered by kind, often hierarchically 9
  • 10. Organizing space of a page - literally ◎ Page is two-dimensional like mappings on the retina ◎ Pictorial space ○ Ground is at the bottom, sky at the top ○ Even when page is horizontal on a table ◎ Maps ○ Go back 6,000 years ○ Often used vertically upright but still maintain meaning with horizontal space 10 Header Footer
  • 11. Organizing space of a page - metaphorically ◎ Abstract concepts still constrained by psychological traits, often making use of spatial language ○ Proximity - grouping like items ○ Center to the periphery - like the retina ○ Parallels to the page - left / right; top / bottom 11
  • 12. Parallels to the page 12 Cross-cultural developmental trends in graphic productions (Tversky, Kugelmass, & Winter, 1991) Order All but youngest children naturally placed dots on a page to signify order in a line Interval When it came to interval, children only started accurately representing intervals at 11-12 yrs
  • 13. Organizing space of a page - metaphorically ◎ Abstract concepts still constrained by psychological traits, often making use of spatial language ○ Proximity - grouping like items ○ Center to the periphery - like the retina ○ Parallels to the page - left / right; top / bottom ○ Horizontal directions in space 13
  • 14. Horizontal directions in space 14 ◎ Horizontal directional importance is inconsistent ○ Possibly due to symmetry of the body ◎ Concepts of space appear to be primary with concepts of time derived from concepts of space ○ 20 min walk or hour’s drive ◎ The direction of time is culturally influenced and writing affects perception of motion ○ English speakers arrange left to right ○ Arabic speakers arrange right to left ○ Hebrew speakers were mixed ◉ Writing is right to left but numbers are left to right
  • 15. Organizing space of a page - metaphorically ◎ Abstract concepts still constrained by psychological traits, often making use of spatial language ○ Proximity - grouping like items ○ Center to the periphery - like the retina ○ Parallels to the page - left / right; top / bottom ○ Horizontal directions in space ○ Vertical directions in space 15
  • 16. Vertical directions in space 16 ◎ Vertical directional importance is consistent with higher signifying dominance over lower ○ Possibly due to asymmetry of the body ○ Eyes, ears, brains are at the top of our body ◎ Gravity also may play a role ○ More difficult to go up than down
  • 17. Organizing space of a page - metaphorically ◎ Abstract concepts still constrained by psychological traits, often making use of spatial language ○ Proximity - grouping like items ○ Center to the periphery - like the retina ○ Parallels to the page - left / right; top / bottom ○ Horizontal directions in space ○ Vertical directions in space ◎ Mappings can conflict 17
  • 18. 3. Forms in space The shapes and figures we use convey meaning and thought 18
  • 19. Likenesses ◎ Complex and representative ◎ Can facilitate comprehension and memory when they make sense ◎ Can interfere when they are incongruent with the message ○ Conflicts are more likely when trying to depict the invisible ◎ Isotype - (International System of Typographic Picture Education) - a method of showing social, technological, biological, and historical connections in pictorial form. 19 Source: Wikipedia
  • 20. Meaningful glyphs ◎ Dots ○ One dimensional ○ Represent a place or point in time ◎ Lines ○ Two dimensional ○ Represent a connection - moving in space ◎ Bars, boxes, and frames ○ Represent container or grouping ○ More like a three dimensional box ◎ Arrows ○ Represent relationships ◎ Circles ○ Represent cycles ○ People prefer to have cycles represented as circles but tend to use lines to when asked to represent a cycle themselves 20
  • 21. 4. Processing and designing diagrams Successful diagrams must work within the confines of human cognition 21
  • 22. Processing diagrams ◎ Factors which influence processing ○ Ability ○ Expertise ○ Working memory ○ Structure ○ Sequence ○ Multi-media 22
  • 23. Designing diagrams ◎ Diagrams are refined over time through user testing in the wild ○ Unuseful and unintuitive go unused ◎ To create useful diagrams use: ○ Vertical for evaluative dimensions ○ Horizontal for neutral dimensions, especially time ○ Dots for entities ○ Lines for relations ○ Arrows for asymmetric relations ○ Boxes for collections ◎ Most importantly produce, use, refine and test with users 23 Source: lawsofux.com
  • 24. 5. Diagrams as a microcosm of cognition Diagrams use place and form to convey meaning; expressing and communicating thought 24
  • 25. Spractions “Actions in space, whether on objects or as gestures, that create abstractions in the mind and patterns in the world” 25
  • 27. 27 Gestures convey meaning without words
  • 28. Podcasts featuring Barbara Tversky 28 Think Again Ep 198 June 8, 2019 Making Sense Ep 168 September 10, 2019
  • 29. Book published in 2019 - Mind in Motion 29 https://www.goodreads.com/en/book/show/42118411-mind-in-motion
  • 30. Credits Special thanks to all the people who made and released these awesome resources for free: ◎ Presentation template by SlidesCarnival ◎ Photographs by Unsplash, Pexels, Pixabay 30