EVALUATIVE AND SYNETHETIC GRAPHICS// DESIGN DISCRETIONPLAN601E VERBAL AND VISUAL: INFORMATION GRAPHICS (SESSION 4)

EVALUATIVE AND SYNETHETIC GRAPHICS

evaluative and synethetic graphics examples

evaluative and synethetic graphics examples

EVALUATIVE AND SYNETHETIC GRAPHICS EXAMPLES

EVALUATIVE AND SYNETHETIC GRAPHICS EXAMPLES

EVALUATIVE AND SYNETHETIC GRAPHICS EXAMPLES

EVALUATIVE AND SYNETHETIC GRAPHICS EXAMPLES

EVALUATIVE AND SYNETHETIC GRAPHICS EXAMPLES

EVALUATIVE AND SYNETHETIC GRAPHICS EXAMPLES

EVALUATIVE AND SYNETHETIC GRAPHICS EXAMPLES

EVALUATIVE AND SYNETHETIC GRAPHICS EXAMPLES

DESIGN DISCRETION

DESIGN DISCRETION

HOW DO YOU CHOOSE AMONG DESIGN STRATEGIES?

1) CONSIDER AND EMPATHIZE WITH YOUR AUDIENCE

2) UNDERSTAND THE STRENGTHS AND LIMITS OF YOUR TOOLS AND MEDIA

DISCRETION IN CONTENT: CONSIDER AND EMPATHIZE WITH YOUR AUDIENCE

1) CONSIDER AND EMPATHIZE WITH YOUR AUDIENCE

BE COHERENT

DESIGN DIRECTION

1) CONSIDER AND EMPATHIZE WITH YOUR AUDIENCE

BE COHERENT

BE CLEAR

DISCRETION IN CONTENT: CONSIDER AND EMPATHIZE WITH YOUR AUDIENCE

DESIGN DIRECTIONCONSIDER AND EMPATHIZE WITH YOUR AUDIENCE

MEDIAN INCOME

CENSUS TRACTS

INC

OM

E

DESIGN DIRECTION

MEDIAN INCOME

CENSUS TRACTS

902 906 910 912 922 924

INC

OM

E

$46,023$43,023

$31,023

$16,023

$18,423

$71,457

DISCRETION IN CONTENT: CONSIDER AND EMPATHIZE WITH YOUR AUDIENCE

DESIGN DIRECTION

INCOME IN CT 910 IS HALF THE NEIGHBORHOOD AVERAGE

CENSUS TRACTS

902 906 910 912 922 924

AVERAGE:$32,023IN

CO

ME

$46,023$43,023

$31,023

$16,023

$18,423

$71,457

DISCRETION IN CONTENT: CONSIDER AND EMPATHIZE WITH YOUR AUDIENCE

DESIGN DIRECTION

1) CONSIDER AND EMPATHIZE WITH YOUR AUDIENCE

BE COHERENT

BE CLEAR

DISCRETION IN CONTENT: CONSIDER AND EMPATHIZE WITH YOUR AUDIENCE

DESIGN DIRECTION

1) CONSIDER AND EMPATHIZE WITH YOUR AUDIENCE

BE COHERENT

BE CLEAR

DON’T OVERTAX THEM

DISCRETION IN CONTENT: CONSIDER AND EMPATHIZE WITH YOUR AUDIENCE

DESIGN DIRECTION

1) CONSIDER AND EMPATHIZE WITH YOUR AUDIENCE

BE COHERENT

BE CLEAR

DON’T OVERTAX THEM

PRE-EMPTIVELY ADDRESS THEIR QUESTIONS

DISCRETION IN CONTENT: CONSIDER AND EMPATHIZE WITH YOUR AUDIENCE

DESIGN DIRECTION

1) CONSIDER AND EMPATHIZE WITH YOUR AUDIENCE

BE COHERENT

BE CLEAR

DON’T OVERTAX THEM

PRE-EMPTIVELY ADDRESS THEIR QUESTIONS

BACK UP SUBJECTIVE CLAIMS

DISCRETION IN CONTENT: CONSIDER AND EMPATHIZE WITH YOUR AUDIENCE

DESIGN DIRECTIONDISCRETION IN REPRESENTATION

HOW DO YOU CHOOSE AMONG DESIGN STRATEGIES?

1) CONSIDER AND EMPATHIZE WITH YOUR AUDIENCE

2) UNDERSTAND THE STRENGTHS AND LIMITS OF YOUR TOOLS AND MEDIA

FROM TUFTE, 1983, P. 69

DISCRETION IN REPRESENTATIONAvoid misrepresentation in your graphics: be careful about relative scale and the presentation of relative proportion!

DISCRETION IN REPRESENTATION

100 %

Census Tract 55

80 %

60 %

40 %

20 %

0 %New York State

Census Tract 31

Brooklyn, NY

Manhattan CD 1

Hudson, NY

Pratt PSPD

Pratt GAUD

Bard College

POPULATION AGE 18 – 34 (2012)

DISCRETION IN REPRESENTATION

Census Tract 1 POP. 11,232

Census Tract 13 POP. 12,233

Census Tract 23 POP. 9,287

Census Tract 3 POP. 12,203

Census Tract 15 POP. 10,209

Census Tract 27 POP. 4,421

Census Tract 7 POP. 8,465

Census Tract 21 POP. 8,654

Census Tract 31 POP. 18,229

CT 7 HAS A LARGE POPULATION AGE 18 – 34 (2012)

11%

38%

90%

71%

23%

80%

9% 9%

17%

56%

DISCRETION IN REPRESENTATION

100 %

Meat Eater

80 %

60 %

40 %

20 %

0 %Lacto-Vegetarian

Lacto-ovo Vegetarian

VeganPescatarian

Fruitatarian

Macrobiotic

Flexitarian

DIETS OF PLAN601E STUDENTS

DISCRETION IN REPRESENTATION

ONE THIRD OF PLAN601E STUDENTS ARE FLEXITARIAN

20% Lacto-ovo Vegetarian

50%Omnivore

2%Fruitatarian8

12% Macrobiotic

16%Flexitarian

DISCRETION IN REPRESENTATION

12 %

10 %

8 %

6 %

4 %

0 %

SCORES OF 470 FALL SHORT OF AVERAGE

800770740710680650620590560530500470440410380350320290260230

PER

CEN

TAG

E O

F TE

STER

S B

Y SC

OR

E

SCORE

DISCRETION IN REPRESENTATION

1970

1980

1990

2000

2010

PESCATARIANS

DISCRETION IN REPRESENTATION

NON-SMOKERS37%

SMOKING AT SCHOOL

DISCRETION IN REPRESENTATIONCan be useful when your sample size is manageable enough to display all units or percentages. Makes units more tangible, easily indicates both quantity and share.

SMOKERS63%

NON-SMOKERS37%

SMOKING AMONG ART SCHOOL COHORT

Instances of related or complementary categories

Parts of a whole OR independent categories

Quantities AND shares

One or more

COUNT CHART

DISCRETION IN REPRESENTATION

Related categories at a specific moment in time

Parts of a whole

Percentages or shares

Single and simple

DISPLAY

COMPONENTS

UNITS

MESSAGES

PROPORTION CHART

Unrelated quantities OR a trend across value range

Independent categories

Absolute quantities

One or more

BAR CHART

HOW DO YOU CHOOSE AMONG DESIGN STRATEGIES?

1) CONSIDER AND EMPATHIZE WITH YOUR AUDIENCE

2) UNDERSTAND THE STRENGTHS AND LIMITS OF YOUR TOOLS AND MEDIA

DISCRETION IN FORMATTING

DISCRETION IN FORMATTING

Aa10’ – 30’

Aa2’ – 10’

Aa1’ – 2’

INFORMATION GRAPHICS = USING GRIDS

Leading the eye. Rule of thirds.

LAYOUT = USING GRIDS

Leading the eye. Rule of thirds.

TIME TO VOLUNTEER FOR CASE STUDIES!!!REPORT LAYOUTMinimum font sizes: Title – 18 pt.; subhead – 10 pt.;body / caption-text – 12 pt.

Can you read all fonts from 1 to 3 feet away?

REPORT LAYOUT

REPORT LAYOUTTypography and columns provide a basic navigation system for reports, which have a high level of detail.

Use typography (sizes, colors, styles) as a navigation system for the page; organize text and images into columns; scale images so they balance with text

GUTTER

COLUMN COLUMN COLUMN COLUMN

MARGIN

REPORT LAYOUTTypography and columns provide a basic navigation system for reports, which have a high level of detail.

Use typography (sizes, colors, styles) as a navigation system for the page; organize text and images into columns; scale images so they balance with text

HEADER

MAP

PHOTO

SUBHEAD / TEXT

TEXT TEXT

TEXT

TIME TO VOLUNTEER FOR CASE STUDIES!!!REPORT LAYOUTMinimum font sizes: Title – 18 pt.; subhead – 10 pt.;body / caption-text – 12 pt.

Can you read all fonts from 1 to 3 feet away?

REPORT LAYOUTTypography and columns provide a basic navigation system for reports, which have a high level of detail.

Use typography (sizes, colors, styles) as a navigation system for the page; organize text and images into columns; scale images so they balance with text

HEADER

SUBHEAD

SUB- SUBHEAD

FOOTER

SUMMARY DECK

BODY TEXT

IMAGE SCALED PROPORTIONAL

TO TEXT

SIDEBAR BOX WITH UNIQUE FONT STYLES

CAPTION

TIME TO VOLUNTEER FOR CASE STUDIES!!!REPORT LAYOUTMinimum font sizes: Title – 18 pt.; subhead – 10 pt.;body / caption-text – 12 pt.

Can you read all fonts from 1 to 3 feet away?

REPORT LAYOUTMinimum font sizes: Title – 18 pt.; subhead – 10 pt.;body / caption-text – 10 pt.

Can you read all fonts from 1 to 2 feet away?

TIME TO VOLUNTEER FOR CASE STUDIES!!!

Can you read all fonts from 10 to 12 feet away?

BOARD LAYOUTMinimum font sizes: Title – 48 pt.; subhead – 36 pt.;body / caption-text – 18 pt.

POSTER LAYOUT

POSTER LAYOUTRows and columns provide a basic navigation system for boards, which organize information thematically.

Use the 3 x 3 grid to organize images and annotation into thematic areas.

TIME TO VOLUNTEER FOR CASE STUDIES!!!

Can you read all fonts from 10 to 12 feet away?

BOARD LAYOUTMinimum font sizes: Title – 48 pt.; subhead – 36 pt.;body / caption-text – 18 pt.

Use the 3 x 3 grid to organize images and annotation into thematic areas.

POSTER LAYOUTFonts and columns provide also basic navigation system for boards, which organize information thematically.

RENDERING

STRATEGIES

COLLAGES

TITLE

INTRO PRECEDENTS

ANALYSIS

CONCEPTSITE PLAN

PHASING

TITLE

TIME TO VOLUNTEER FOR CASE STUDIES!!!

Can you read all fonts from 10 to 12 feet away?

BOARD LAYOUTMinimum font sizes: Title – 48 pt.; subhead – 36 pt.;body / caption-text – 18 pt.

Can you read all fonts from 10 to 12 feet away?

POSTER LAYOUTMinimum font sizes: Title – 48 pt.; subhead – 36 pt.;body / caption-text – 18 pt.

SLIDE LAYOUT

Maximize image size on the slide with legible headers and text.

HEADER

HEADER

HEADER

SUBHEAD

SUBHEAD

SUBHEAD

IMAGE

IMAGE

IMAGES

TEXT

TEXT

Minimum font sizes: Title – 36 pt.; subhead – 24 pt.;body / caption-text – 14 pt.

REPORT

Linear

1 – 2 ft.

Proportional to text

Detailed narrative

Sequential ideas

Format

Reading Distance

Image Size

Text

Structure

POSTER

Linear/non-linear

2 – 10 ft.

As large as possible

Annotation

Related ideas

SLIDES

Linear

10 – 30 ft.

As large as possible

Summary statements

One idea at a time

DISCRETION IN FORMATTING