29
Pictures and Words When should we use a visual display? What is a visual language? Dual coding theory? How to integrate images and words

Visual thinking colin_ware_lectures_2013_12_pictures and words

Embed Size (px)

DESCRIPTION

 

Citation preview

Page 1: Visual thinking colin_ware_lectures_2013_12_pictures and words

Pictures and Words

When should we use a visual display? What is a visual language? Dual coding theory? How to integrate images and words

Page 2: Visual thinking colin_ware_lectures_2013_12_pictures and words

Consider that hieroglyphs gave way to more abstract symbols

Why turn back the clock?

x 1

i

-17K years

Page 3: Visual thinking colin_ware_lectures_2013_12_pictures and words

Architecture for visual thinking

DisplayFeatures

Proto-objects andPatterns

VisualWorkingMemory

GIST

VisualQuery

VerbalWorkingMemory

Egocentric object andPattern map

Interaction Loop

10 billion neuronsParallel, automatic

Page 4: Visual thinking colin_ware_lectures_2013_12_pictures and words

Imagens

Pavio’s dual coding theory

Visual System

AuditorySystem

Verbal

VisualImage Information

InformationFrom speech

Text Information

Associate structure

Logogens Verbalresponses

Non-verbalresponses

Page 5: Visual thinking colin_ware_lectures_2013_12_pictures and words

Capacity of visual working memory (Vogal, Woodman, Luck, 2001)

Task – change detection Can see 3.3 objects Each object can be complex

OrientationShape size, texture

1 second

Page 6: Visual thinking colin_ware_lectures_2013_12_pictures and words

Capacity of verbal working memory

Used to be though of a 7 +/- 2 It is now thought of as more a duration of

proto-verbal codes.

Page 7: Visual thinking colin_ware_lectures_2013_12_pictures and words

Theory: Graphics and Words

Graphics for structural logic Words for procedural logic: conditionals,

qualifiers, if-then else, while. + causality. Not the formal logic of math but a kind of

concrete logic. (A vowel should have an odd number on the back).

Page 8: Visual thinking colin_ware_lectures_2013_12_pictures and words

The nature of language

Chomsky, innate deep structures. Common to computer languages Critical period for language development But being verbal is not essential to

language development Sign languages for the deaf are the most

perfect examples of visual language

Page 9: Visual thinking colin_ware_lectures_2013_12_pictures and words

What is language

Description Communication of intention The ability to communicate procedures

and sequences of operations – including logic – if, but, causes, do a then b then c

Thus far we have only dealt with description

Page 10: Visual thinking colin_ware_lectures_2013_12_pictures and words

Can there be a true visual language?

ProductionYes,But not for most of us!!

Wernicke

BrocaUnderstanding

Production

A critical period

Consider verbal language

Abstraction, logic(if, while, perhaps)

Based on speech

Sign languages are trueVisual languages

VisualCortex

AuditoryCortex

Page 11: Visual thinking colin_ware_lectures_2013_12_pictures and words

Sign languages

ASL Danish SL Chinese SL

Arose spontaneouslyAre not related to verbal languagesHave syntaxBecome more abstract

NSLGoldin-Meadow

Page 12: Visual thinking colin_ware_lectures_2013_12_pictures and words

To be fluent in visual language we should be trained from early in life

Page 13: Visual thinking colin_ware_lectures_2013_12_pictures and words

The visual system gives us

Visual processing andvisual recognition

Rapid recognition and pattern finding

Page 14: Visual thinking colin_ware_lectures_2013_12_pictures and words

Abstraction Pattern

Jane is Jim’s boss Jim is Joe’s boss Anne works for Jane Mark works for Jim Anne is Mary’s boss Anne is Mike’s boss

Joe Mary

Jane

Mike

Jim

Mark

Anne

Page 15: Visual thinking colin_ware_lectures_2013_12_pictures and words

Visual and verbal pseudo-code

While letters in stack Take a letter Put a stamp on it Put it in the ‘out tray’

Visual programming languages have a history of failure

get line of textfrom input file

change charactersto upper case

write line to outputfile

more input?yes

no

Data flow diagrams are defunct

Page 16: Visual thinking colin_ware_lectures_2013_12_pictures and words

Attaching images and words

Diexis and the diectic gesture Can be a glance or a nod Pre-speech Shown to disambiguate verbal

communications Why the mouse is so powerful The basis of shared environments

Page 17: Visual thinking colin_ware_lectures_2013_12_pictures and words

Attaching words to images- use gestalt laws

A square

helplet me out!

Some simple shapes

hexagon

ab

c

d

Page 18: Visual thinking colin_ware_lectures_2013_12_pictures and words

Integrated pictures and words moreEffective: Chandler and Sweller 1991

Page 19: Visual thinking colin_ware_lectures_2013_12_pictures and words

XPlane

Page 20: Visual thinking colin_ware_lectures_2013_12_pictures and words
Page 21: Visual thinking colin_ware_lectures_2013_12_pictures and words

Recap

Words for procedure, logic and abstract meanings/ images for pattern and structure

Page 22: Visual thinking colin_ware_lectures_2013_12_pictures and words

Linking images and wordsDeixis

Pointing is an elementary speech act. Pointing links images and words Put that (points) there (points)

Subject verb predicate

Page 23: Visual thinking colin_ware_lectures_2013_12_pictures and words

Other kinds of gestures

Beat gestures for emphasis Verb gestures showing how to do

something

McNeil Hand and mind

Page 24: Visual thinking colin_ware_lectures_2013_12_pictures and words

Issues in shared environments

Speech + Pointer + Visuals – most important components

Subtle ways of directing attention also important in meeting dynamics.

Page 25: Visual thinking colin_ware_lectures_2013_12_pictures and words

Examples of visual languages

Sanscrit Petri-nets Khoros

Page 26: Visual thinking colin_ware_lectures_2013_12_pictures and words

SanscritCount from 1 to 3

for i = 1 to 3 do

Page 27: Visual thinking colin_ware_lectures_2013_12_pictures and words

Petri Net languagePetri nets are stochastic – timed attributed (tokens on nodes, transitions)

Page 28: Visual thinking colin_ware_lectures_2013_12_pictures and words

Khoros

Page 29: Visual thinking colin_ware_lectures_2013_12_pictures and words

Peter