psy 1950 graph design december 8, 2008. why graph? exploratory data analysis –usually raw data...

33
PSY 1950 Graph Design December 8, 2008

Post on 21-Dec-2015

216 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: PSY 1950 Graph Design December 8, 2008. Why graph? Exploratory data analysis –Usually raw data –Tukey: a good graph “forces us to notice what we never

PSY 1950Graph Design

December 8, 2008

Page 2: PSY 1950 Graph Design December 8, 2008. Why graph? Exploratory data analysis –Usually raw data –Tukey: a good graph “forces us to notice what we never
Page 3: PSY 1950 Graph Design December 8, 2008. Why graph? Exploratory data analysis –Usually raw data –Tukey: a good graph “forces us to notice what we never

QuickTime™ and a decompressor

are needed to see this picture.

Page 4: PSY 1950 Graph Design December 8, 2008. Why graph? Exploratory data analysis –Usually raw data –Tukey: a good graph “forces us to notice what we never

Why graph?• Exploratory data analysis

– Usually raw data– Tukey: a good graph “forces us to notice

what we never expected to see”– e.g., scatter plot, funnel plot– Design less important

• Communication– Usually summary statistics– “a picture is worth a thousand words”– e.g., line graphs, bar graphs– Design extremely important

Page 5: PSY 1950 Graph Design December 8, 2008. Why graph? Exploratory data analysis –Usually raw data –Tukey: a good graph “forces us to notice what we never
Page 6: PSY 1950 Graph Design December 8, 2008. Why graph? Exploratory data analysis –Usually raw data –Tukey: a good graph “forces us to notice what we never
Page 7: PSY 1950 Graph Design December 8, 2008. Why graph? Exploratory data analysis –Usually raw data –Tukey: a good graph “forces us to notice what we never

Bar Graphs vs. Line Graphs• Bar graphs

– Convey position (i.e., bar height)• Effective in conveying relative point values• Ineffective for conveying interaction effects

– X axis has nominal or ordinal scale

• Line graphs– Convey change in position (i.e., line

slope)• Ineffective in conveying relative point values• Effective for conveying interaction effects

– X axis has interval or ratio scale• Okay for 2-level nominal scale

Page 8: PSY 1950 Graph Design December 8, 2008. Why graph? Exploratory data analysis –Usually raw data –Tukey: a good graph “forces us to notice what we never

Values vs. Trends

Page 9: PSY 1950 Graph Design December 8, 2008. Why graph? Exploratory data analysis –Usually raw data –Tukey: a good graph “forces us to notice what we never

Relevance• Communication is most effective

when neither to much nor too little information is presented

• Tufte (1983): “Maximize the data-ink ratio, within reason”, where data-ink ratio is the “proportion of a graphics ink devoted to the non-redundant display of data.”

Page 10: PSY 1950 Graph Design December 8, 2008. Why graph? Exploratory data analysis –Usually raw data –Tukey: a good graph “forces us to notice what we never

Distracting Backgrounds

4

4.5

5

5.5

6

Control Experimental

Count

Men Women

4

4.5

5

5.5

6

Control Experimental

Count

Men Women

Page 11: PSY 1950 Graph Design December 8, 2008. Why graph? Exploratory data analysis –Usually raw data –Tukey: a good graph “forces us to notice what we never

Appropriate Knowledge• Communication requires prior

knowledge of relevant concepts, jargon, and symbols

Page 12: PSY 1950 Graph Design December 8, 2008. Why graph? Exploratory data analysis –Usually raw data –Tukey: a good graph “forces us to notice what we never

4

4.5

5

5.5

6

Control Experimental

Score on Dependent Variable

Men Women

**

*

Jargon, Symbols

Page 13: PSY 1950 Graph Design December 8, 2008. Why graph? Exploratory data analysis –Usually raw data –Tukey: a good graph “forces us to notice what we never

Concepts

4

4.5

5

5.5

6

Novel Suppress Concentrate

Stimulus Condition

Score on Dependent Variable

Meditators

Controls

-1

-0.5

0

0.5

1

Suppression Concentration

Priming Condition

Score on Dependent Variable

Meditators

Controls

Page 14: PSY 1950 Graph Design December 8, 2008. Why graph? Exploratory data analysis –Usually raw data –Tukey: a good graph “forces us to notice what we never

Salience• Attention is drawn to large

perceptible differences

Discriminability• Two properties must differ by a large

enough proportion or they will not be distinguished

Page 15: PSY 1950 Graph Design December 8, 2008. Why graph? Exploratory data analysis –Usually raw data –Tukey: a good graph “forces us to notice what we never

Size

0

1

2

3

A B

Group

Dependent Variable

0

1

2

3

A B

Group

Dependent Variable

Page 16: PSY 1950 Graph Design December 8, 2008. Why graph? Exploratory data analysis –Usually raw data –Tukey: a good graph “forces us to notice what we never

Proportion

0

1

2

3

A B

Group

Dependent Variable

0

1

2

A B

Group

Dependent Variable

Page 17: PSY 1950 Graph Design December 8, 2008. Why graph? Exploratory data analysis –Usually raw data –Tukey: a good graph “forces us to notice what we never

Scale

Page 18: PSY 1950 Graph Design December 8, 2008. Why graph? Exploratory data analysis –Usually raw data –Tukey: a good graph “forces us to notice what we never

Perceptual Organization• People automatically group elements

into units, with they then attend to and remember

Page 19: PSY 1950 Graph Design December 8, 2008. Why graph? Exploratory data analysis –Usually raw data –Tukey: a good graph “forces us to notice what we never
Page 20: PSY 1950 Graph Design December 8, 2008. Why graph? Exploratory data analysis –Usually raw data –Tukey: a good graph “forces us to notice what we never

Compatibility• A message is easiest to understand if

its form is compatible with its meaning

4 4.5 5 5.5 6

4-5 Year Olds

7-8 Year Olds

9-10 Year Olds

Average Word Length

4

4.5

5

5.5

6

4-5 Year Olds 7-8 Year Olds 9-10 Year Olds

Page 21: PSY 1950 Graph Design December 8, 2008. Why graph? Exploratory data analysis –Usually raw data –Tukey: a good graph “forces us to notice what we never

4

4.5

5

5.5

6

Control Experimental

Score on Dependent Variable

Women

Men

4

4.5

5

5.5

6

Experimental Control

Score on Dependent Variable

Women

Men

Color, Category Placement

Page 22: PSY 1950 Graph Design December 8, 2008. Why graph? Exploratory data analysis –Usually raw data –Tukey: a good graph “forces us to notice what we never

Between vs. Within Subjects

4

4.5

5

5.5

6

Control Experimental

Score on Dependent Variable

Men Women

4

4.5

5

5.5

6

Control Experimental

Score on Dependent Variable

Page 23: PSY 1950 Graph Design December 8, 2008. Why graph? Exploratory data analysis –Usually raw data –Tukey: a good graph “forces us to notice what we never

Informative Changes• People expect changes in properties

to carry information

3.5

4

4.5

5

5.5

6

6.5

Novel Suppress Concentrate

Stimulus Condition

Score on Dependent Variable3.5

4

4.5

5

5.5

6

6.5

Novel Suppress Concentrate

Stimulus Condition

Score on Dependent Variable

Page 24: PSY 1950 Graph Design December 8, 2008. Why graph? Exploratory data analysis –Usually raw data –Tukey: a good graph “forces us to notice what we never

Capacity Limitations• People have a limited capacity to

retain and to process information and will not understand a message if too much information must be retained or processed

Page 25: PSY 1950 Graph Design December 8, 2008. Why graph? Exploratory data analysis –Usually raw data –Tukey: a good graph “forces us to notice what we never
Page 26: PSY 1950 Graph Design December 8, 2008. Why graph? Exploratory data analysis –Usually raw data –Tukey: a good graph “forces us to notice what we never

Placement is Key

4

4.5

5

5.5

6

Novel Suppress Concentrate

Stimulus Condition

Score on Dependent Variable

Controls Meditators

4

4.5

5

5.5

6

Novel Suppress Concentrate

Stimulus Condition

Score on Dependent Variable

Meditators

Controls

Page 27: PSY 1950 Graph Design December 8, 2008. Why graph? Exploratory data analysis –Usually raw data –Tukey: a good graph “forces us to notice what we never

Horizontal vs. Vertical Bars: Labels

0 5 10 15 20 25 30 35

Amphetimines

Cocaine

Hashish or Marijuana

Heroin, opium, or morphine

LSD

Prescription drugs

Solvents

Percentage Use

0

5

10

15

20

25

30

35

Amphetimines

Cocaine

Hashish or Marijuana

Heroin, opium, or morphine

LSD

Prescription drugs

Solvents

Percentage Use

Page 28: PSY 1950 Graph Design December 8, 2008. Why graph? Exploratory data analysis –Usually raw data –Tukey: a good graph “forces us to notice what we never

Font Typehttp://www.surl.org/usabilitynews/32/font.asp

QuickTime™ and a decompressor

are needed to see this picture.

Page 29: PSY 1950 Graph Design December 8, 2008. Why graph? Exploratory data analysis –Usually raw data –Tukey: a good graph “forces us to notice what we never

Font Typehttp://www.surl.org/usabilitynews/32/font.asp

QuickTime™ and a decompressor

are needed to see this picture.

Page 30: PSY 1950 Graph Design December 8, 2008. Why graph? Exploratory data analysis –Usually raw data –Tukey: a good graph “forces us to notice what we never

Font Style• ALL UPPERCASE TEXT IS HARDER

TO READ than all lowercase text or Mixed Case Text

• Italicized text is harder to read than plain text

• Underlined text (e.g., pajamas) is harder to read than non-underlined text (e.g., pajamas)

Page 31: PSY 1950 Graph Design December 8, 2008. Why graph? Exploratory data analysis –Usually raw data –Tukey: a good graph “forces us to notice what we never

Scatterplots

Page 32: PSY 1950 Graph Design December 8, 2008. Why graph? Exploratory data analysis –Usually raw data –Tukey: a good graph “forces us to notice what we never

ExampleZachs, J., & Tversky, B. (1999). Bars and lines: A study of

graphic communication. Memory & Cognition, 27, 1073-1079.

Page 33: PSY 1950 Graph Design December 8, 2008. Why graph? Exploratory data analysis –Usually raw data –Tukey: a good graph “forces us to notice what we never