Session 4 lesson

1. EVALUATIVE AND SYNETHETIC GRAPHICS
// DESIGN DISCRETION
PLAN601E VERBAL AND VISUAL: INFORMATION GRAPHICS (SESSION 4)

2. EVALUATIVE AND SYNETHETIC GRAPHICS

3. evaluative and synethetic graphics examples

4. evaluative and synethetic graphics examples

5. EVALUATIVE AND SYNETHETIC GRAPHICS EXAMPLES

6. EVALUATIVE AND SYNETHETIC GRAPHICS EXAMPLES

7. EVALUATIVE AND SYNETHETIC GRAPHICS EXAMPLES

8. EVALUATIVE AND SYNETHETIC GRAPHICS EXAMPLES

9. EVALUATIVE AND SYNETHETIC GRAPHICS EXAMPLES

10. EVALUATIVE AND SYNETHETIC GRAPHICS EXAMPLES

11. EVALUATIVE AND SYNETHETIC GRAPHICS EXAMPLES

12. EVALUATIVE AND SYNETHETIC GRAPHICS EXAMPLES

13. DESIGN DISCRETION

14. 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

15. DISCRETION IN CONTENT: CONSIDER AND EMPATHIZE WITH YOUR AUDIENCE
1) CONSIDER AND EMPATHIZE
WITH YOUR AUDIENCE
BE COHERENT

16. DESIGN DIRECTION
1) CONSIDER AND EMPATHIZE
WITH YOUR AUDIENCE
BE COHERENT
BE CLEAR
DISCRETION IN CONTENT: CONSIDER AND EMPATHIZE WITH YOUR AUDIENCE

17. DESIGN DIRECTIONCONSIDER AND EMPATHIZE WITH YOUR AUDIENCE
MEDIAN INCOME
CENSUS TRACTS
INCOME
DESIGN DIRECTION
MEDIAN INCOME
CENSUS TRACTS
902 906 910 912 922 924
INCOME
$46,023
$43,023
$31,023
$16,023
$18,423
$71,457
DISCRETION IN CONTENT: CONSIDER AND EMPATHIZE WITH YOUR AUDIENCE

18. DESIGN DIRECTION
INCOME IN CT 910
IS HALF THE NEIGHBORHOOD AVERAGE
CENSUS TRACTS
902 906 910 912 922 924
AVERAGE:
$32,023
INCOME
$46,023
$43,023
$31,023
$16,023
$18,423
$71,457
DISCRETION IN CONTENT: CONSIDER AND EMPATHIZE WITH YOUR AUDIENCE

19. DESIGN DIRECTION
1) CONSIDER AND EMPATHIZE
WITH YOUR AUDIENCE
BE COHERENT
BE CLEAR
DISCRETION IN CONTENT: CONSIDER AND EMPATHIZE WITH YOUR AUDIENCE

20. 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

21. 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

22. 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

23. 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

24. FROM TUFTE, 1983, P. 69
DISCRETION IN REPRESENTATION
Avoid misrepresentation in your graphics: be careful about
relative scale and the presentation of relative proportion!

25. DISCRETION IN REPRESENTATION
100 %
Census
Tract55
80 %
60 %
40 %
20 %
0 %
N
ew
York
State
Census
Tract31
Brooklyn,N
Y
M
anhattan
CD
1
Hudson,N
Y
PrattPSPDPrattGAUDBard
College
POPULATION AGE 18 – 34 (2012)

26. 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%

27. DISCRETION IN REPRESENTATION
100 %
M
eatEater
80 %
60 %
40 %
20 %
0 %
Lacto-Vegetarian
Lacto-ovo
Vegetarian
Vegan
Pescatarian
Fruitatarian
M
acrobiotic
Flexitarian
DIETS OF PLAN601E STUDENTS

28. DISCRETION IN REPRESENTATION
ONE THIRD OF PLAN601E STUDENTS ARE FLEXITARIAN
42%
Lacto-ovo
Vegetarian
50%
Omnivore
8%
Fruitatarian8
17%
Macrobiotic
33%
Flexitarian

29. DISCRETION IN REPRESENTATION
12 %
10 %
8 %
6 %
4 %
0 %
SCORES OF 470 FALL SHORT OF AVERAGE
800
770
740
710
680
650
620
590
560
530
500
470
440
410
380
350
320
290
260
230
PERCENTAGEOFTESTERSBYSCORE
SCORE

30. DISCRETION IN REPRESENTATION
1970
1980
1990
2000
2010
PESCATARIANS

31. DISCRETION IN REPRESENTATION
NON-SMOKERS
37%
SMOKING AT SCHOOL

32. DISCRETION IN REPRESENTATION
Can 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.
SMOKERS
63%
NON-SMOKERS
37%
SMOKING AMONG ART SCHOOL COHORT

33. 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

34. 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

35. DISCRETION IN FORMATTING
Aa10’ ­– 30’
Aa2’ ­– 10’
Aa
1’ ­– 2’

36. INFORMATION GRAPHICS = USING GRIDS
Leading the eye. Rule of thirds.
LAYOUT = USING GRIDS
Leading the eye. Rule of thirds.

37. TIME TO VOLUNTEER FOR CASE STUDIES!!!REPORT LAYOUT
Minimum 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

38. REPORT LAYOUT
Typography 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

39. REPORT LAYOUT
Typography 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

40. TIME TO VOLUNTEER FOR CASE STUDIES!!!REPORT LAYOUT
Minimum 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
Typography 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

41. TIME TO VOLUNTEER FOR CASE STUDIES!!!REPORT LAYOUT
Minimum 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
Minimum font sizes: Title – 18 pt.; subhead – 10 pt.;
body / caption-text – 10 pt.
Can you read all fonts from 1 to 2 feet away?

42. TIME TO VOLUNTEER FOR CASE STUDIES!!!
Can you read all fonts from 10 to 12 feet away?
BOARD LAYOUT
Minimum font sizes: Title – 48 pt.; subhead – 36 pt.;
body / caption-text – 18 pt.
POSTER LAYOUT

43. POSTER LAYOUT
Rows 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.

44. TIME TO VOLUNTEER FOR CASE STUDIES!!!
Can you read all fonts from 10 to 12 feet away?
BOARD LAYOUT
Minimum 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 LAYOUT
Fonts and columns provide also basic navigation system for
boards, which organize information thematically.
RENDERING
STRATEGIES
COLLAGES
TITLE
INTRO PRECEDENTS
ANALYSIS
CONCEPT
SITE PLAN
PHASING
TITLE

45. TIME TO VOLUNTEER FOR CASE STUDIES!!!
Can you read all fonts from 10 to 12 feet away?
BOARD LAYOUT
Minimum 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 LAYOUT
Minimum font sizes: Title – 48 pt.; subhead – 36 pt.;
body / caption-text – 18 pt.

46. 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.

47. 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