SlideShare una empresa de Scribd logo
1 de 47
Descargar para leer sin conexión
EVALUATIVE AND SYNETHETIC GRAPHICS
// DESIGN DISCRETION
PLAN601E 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
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
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
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 REPRESENTATION
Avoid misrepresentation in your graphics: be careful about
relative scale and the presentation of relative proportion!
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)
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 %
M
eatEater
80 %
60 %
40 %
20 %
0 %
Lacto-Vegetarian
Lacto-ovo
Vegetarian
Vegan
Pescatarian
Fruitatarian
M
acrobiotic
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
800
770
740
710
680
650
620
590
560
530
500
470
440
410
380
350
320
290
260
230
PERCENTAGEOFTESTERSBYSCORE
SCORE
DISCRETION IN REPRESENTATION
1970
1980
1990
2000
2010
PESCATARIANS
DISCRETION IN REPRESENTATION
NON-SMOKERS
37%
SMOKING AT SCHOOL
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
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’
Aa
1’ ­– 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 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
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
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
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
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?
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
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.
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
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.
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

Más contenido relacionado

La actualidad más candente

Plan601 e session 1 lesson f2016
Plan601 e session 1 lesson f2016Plan601 e session 1 lesson f2016
Plan601 e session 1 lesson f2016rkottam
 
Plan601 e session 4 presentation
Plan601 e session 4 presentationPlan601 e session 4 presentation
Plan601 e session 4 presentationrkottam
 
Data Visualizations That Expand Your Visual Literacy
Data Visualizations That Expand Your Visual LiteracyData Visualizations That Expand Your Visual Literacy
Data Visualizations That Expand Your Visual LiteracyUXPA Boston
 
Plan601 e session 1 lesson 20150413
Plan601 e session 1 lesson 20150413Plan601 e session 1 lesson 20150413
Plan601 e session 1 lesson 20150413rkottam
 

La actualidad más candente (6)

Plan601 e session 1 lesson f2016
Plan601 e session 1 lesson f2016Plan601 e session 1 lesson f2016
Plan601 e session 1 lesson f2016
 
Plan601 e session 4 presentation
Plan601 e session 4 presentationPlan601 e session 4 presentation
Plan601 e session 4 presentation
 
Slide presentation
Slide presentationSlide presentation
Slide presentation
 
Data Visualizations That Expand Your Visual Literacy
Data Visualizations That Expand Your Visual LiteracyData Visualizations That Expand Your Visual Literacy
Data Visualizations That Expand Your Visual Literacy
 
Intro to Internet Mapping (epan 2011)
Intro to Internet Mapping (epan 2011)Intro to Internet Mapping (epan 2011)
Intro to Internet Mapping (epan 2011)
 
Plan601 e session 1 lesson 20150413
Plan601 e session 1 lesson 20150413Plan601 e session 1 lesson 20150413
Plan601 e session 1 lesson 20150413
 

Destacado

Session 5 case studies
Session 5 case studiesSession 5 case studies
Session 5 case studiesrkottam
 
Session 3 case studies
Session 3 case studiesSession 3 case studies
Session 3 case studiesrkottam
 
Plan601 e session 2 lesson
Plan601 e session 2 lessonPlan601 e session 2 lesson
Plan601 e session 2 lessonrkottam
 
Plan601 e session 4 demo
Plan601 e session 4 demoPlan601 e session 4 demo
Plan601 e session 4 demorkottam
 
Plan601 e session 3 demo
Plan601 e session 3 demoPlan601 e session 3 demo
Plan601 e session 3 demorkottam
 
Plan601 e session 1 demo 2016
Plan601 e session 1 demo 2016Plan601 e session 1 demo 2016
Plan601 e session 1 demo 2016rkottam
 
Plan601 e session 2 demo
Plan601 e session 2 demoPlan601 e session 2 demo
Plan601 e session 2 demorkottam
 

Destacado (7)

Session 5 case studies
Session 5 case studiesSession 5 case studies
Session 5 case studies
 
Session 3 case studies
Session 3 case studiesSession 3 case studies
Session 3 case studies
 
Plan601 e session 2 lesson
Plan601 e session 2 lessonPlan601 e session 2 lesson
Plan601 e session 2 lesson
 
Plan601 e session 4 demo
Plan601 e session 4 demoPlan601 e session 4 demo
Plan601 e session 4 demo
 
Plan601 e session 3 demo
Plan601 e session 3 demoPlan601 e session 3 demo
Plan601 e session 3 demo
 
Plan601 e session 1 demo 2016
Plan601 e session 1 demo 2016Plan601 e session 1 demo 2016
Plan601 e session 1 demo 2016
 
Plan601 e session 2 demo
Plan601 e session 2 demoPlan601 e session 2 demo
Plan601 e session 2 demo
 

Similar a Plan601 e session 4 lesson2

Plan601 e session 4 lesson alt
Plan601 e session 4 lesson altPlan601 e session 4 lesson alt
Plan601 e session 4 lesson altrkottam
 
Plan601 e session 4 lesson
Plan601 e session 4 lessonPlan601 e session 4 lesson
Plan601 e session 4 lessonrkottam
 
Plan601 e session 4 lesson
Plan601 e session 4 lessonPlan601 e session 4 lesson
Plan601 e session 4 lessonrkottam
 
Plan601 e session 4 lesson
Plan601 e session 4 lessonPlan601 e session 4 lesson
Plan601 e session 4 lessonrkottam
 
Scientific_Posters_sem3
Scientific_Posters_sem3 Scientific_Posters_sem3
Scientific_Posters_sem3 afavia
 
CSUN 2023 Automated Descriptions 3 March 2023 TG.pptx
CSUN 2023 Automated Descriptions 3 March 2023 TG.pptxCSUN 2023 Automated Descriptions 3 March 2023 TG.pptx
CSUN 2023 Automated Descriptions 3 March 2023 TG.pptxTed Gies
 
Powerpoint Presentation!
Powerpoint Presentation!Powerpoint Presentation!
Powerpoint Presentation!Nathan Burton
 
Aed1222 lesson 4
Aed1222 lesson 4Aed1222 lesson 4
Aed1222 lesson 4nurun2010
 
An effective poster is camera of your work
An effective poster is camera of your workAn effective poster is camera of your work
An effective poster is camera of your workAnita GoswamiGiri
 
Recipe for the effective presentaion
Recipe for the effective presentaionRecipe for the effective presentaion
Recipe for the effective presentaionHossain Md Shakhawat
 
PLAN601E SESSION 2 LESSON
PLAN601E SESSION 2 LESSONPLAN601E SESSION 2 LESSON
PLAN601E SESSION 2 LESSONrkottam
 
Brief 2 B.pdf
Brief 2 B.pdfBrief 2 B.pdf
Brief 2 B.pdfMax Lim
 
Brief 2 B.pdf
Brief 2 B.pdfBrief 2 B.pdf
Brief 2 B.pdfMax Lim
 

Similar a Plan601 e session 4 lesson2 (20)

Plan601 e session 4 lesson alt
Plan601 e session 4 lesson altPlan601 e session 4 lesson alt
Plan601 e session 4 lesson alt
 
Plan601 e session 4 lesson
Plan601 e session 4 lessonPlan601 e session 4 lesson
Plan601 e session 4 lesson
 
Plan601 e session 4 lesson
Plan601 e session 4 lessonPlan601 e session 4 lesson
Plan601 e session 4 lesson
 
Plan601 e session 4 lesson
Plan601 e session 4 lessonPlan601 e session 4 lesson
Plan601 e session 4 lesson
 
Scientific_Posters_sem3
Scientific_Posters_sem3 Scientific_Posters_sem3
Scientific_Posters_sem3
 
CSUN 2023 Automated Descriptions 3 March 2023 TG.pptx
CSUN 2023 Automated Descriptions 3 March 2023 TG.pptxCSUN 2023 Automated Descriptions 3 March 2023 TG.pptx
CSUN 2023 Automated Descriptions 3 March 2023 TG.pptx
 
Technical poster
Technical posterTechnical poster
Technical poster
 
Rhetorics of Data, Narrative, and Visualization
Rhetorics of Data, Narrative, and VisualizationRhetorics of Data, Narrative, and Visualization
Rhetorics of Data, Narrative, and Visualization
 
Poster2
Poster2Poster2
Poster2
 
Powerpoint Presentation!
Powerpoint Presentation!Powerpoint Presentation!
Powerpoint Presentation!
 
13 using powerpoint
13 using powerpoint13 using powerpoint
13 using powerpoint
 
13 using powerpoint
13 using powerpoint13 using powerpoint
13 using powerpoint
 
Communication Skills
Communication SkillsCommunication Skills
Communication Skills
 
HOW TO USE POWERPOINT TO MAKE PRESENTATION
HOW TO USE POWERPOINT TO MAKE PRESENTATIONHOW TO USE POWERPOINT TO MAKE PRESENTATION
HOW TO USE POWERPOINT TO MAKE PRESENTATION
 
Aed1222 lesson 4
Aed1222 lesson 4Aed1222 lesson 4
Aed1222 lesson 4
 
An effective poster is camera of your work
An effective poster is camera of your workAn effective poster is camera of your work
An effective poster is camera of your work
 
Recipe for the effective presentaion
Recipe for the effective presentaionRecipe for the effective presentaion
Recipe for the effective presentaion
 
PLAN601E SESSION 2 LESSON
PLAN601E SESSION 2 LESSONPLAN601E SESSION 2 LESSON
PLAN601E SESSION 2 LESSON
 
Brief 2 B.pdf
Brief 2 B.pdfBrief 2 B.pdf
Brief 2 B.pdf
 
Brief 2 B.pdf
Brief 2 B.pdfBrief 2 B.pdf
Brief 2 B.pdf
 

Más de rkottam

Plan601 e session 2 demo
Plan601 e session 2 demoPlan601 e session 2 demo
Plan601 e session 2 demorkottam
 
Plan601 e session 1 demo
Plan601 e session 1 demoPlan601 e session 1 demo
Plan601 e session 1 demorkottam
 
Plan601 e session 2 demo
Plan601 e session 2 demoPlan601 e session 2 demo
Plan601 e session 2 demorkottam
 
Session 2 case studies
Session 2 case studiesSession 2 case studies
Session 2 case studiesrkottam
 
Plan601 e session 1 demo 20151005
Plan601 e session 1 demo 20151005Plan601 e session 1 demo 20151005
Plan601 e session 1 demo 20151005rkottam
 
Session 5 case studies
Session 5 case studiesSession 5 case studies
Session 5 case studiesrkottam
 
Plan601 e session 5 presentation alt
Plan601 e session 5 presentation altPlan601 e session 5 presentation alt
Plan601 e session 5 presentation altrkottam
 
Plan601 e session 2 lesson
Plan601 e session 2 lessonPlan601 e session 2 lesson
Plan601 e session 2 lessonrkottam
 
Plan601 e session 2 demo
Plan601 e session 2 demoPlan601 e session 2 demo
Plan601 e session 2 demorkottam
 
Plan601 e session 1 demo 20151005
Plan601 e session 1 demo 20151005Plan601 e session 1 demo 20151005
Plan601 e session 1 demo 20151005rkottam
 
Plan601 e session 1 demo 20151005
Plan601 e session 1 demo 20151005Plan601 e session 1 demo 20151005
Plan601 e session 1 demo 20151005rkottam
 
Plan601 e session 1 lesson 20151005
Plan601 e session 1 lesson 20151005Plan601 e session 1 lesson 20151005
Plan601 e session 1 lesson 20151005rkottam
 
Session 5 case studies
Session 5 case studiesSession 5 case studies
Session 5 case studiesrkottam
 
Plan601 e session 5 presentation alt
Plan601 e session 5 presentation altPlan601 e session 5 presentation alt
Plan601 e session 5 presentation altrkottam
 
Session 4 case studies
Session 4 case studiesSession 4 case studies
Session 4 case studiesrkottam
 
Session 4 case studies
Session 4 case studiesSession 4 case studies
Session 4 case studiesrkottam
 
Session 3 case studies 2
Session 3 case studies 2Session 3 case studies 2
Session 3 case studies 2rkottam
 

Más de rkottam (17)

Plan601 e session 2 demo
Plan601 e session 2 demoPlan601 e session 2 demo
Plan601 e session 2 demo
 
Plan601 e session 1 demo
Plan601 e session 1 demoPlan601 e session 1 demo
Plan601 e session 1 demo
 
Plan601 e session 2 demo
Plan601 e session 2 demoPlan601 e session 2 demo
Plan601 e session 2 demo
 
Session 2 case studies
Session 2 case studiesSession 2 case studies
Session 2 case studies
 
Plan601 e session 1 demo 20151005
Plan601 e session 1 demo 20151005Plan601 e session 1 demo 20151005
Plan601 e session 1 demo 20151005
 
Session 5 case studies
Session 5 case studiesSession 5 case studies
Session 5 case studies
 
Plan601 e session 5 presentation alt
Plan601 e session 5 presentation altPlan601 e session 5 presentation alt
Plan601 e session 5 presentation alt
 
Plan601 e session 2 lesson
Plan601 e session 2 lessonPlan601 e session 2 lesson
Plan601 e session 2 lesson
 
Plan601 e session 2 demo
Plan601 e session 2 demoPlan601 e session 2 demo
Plan601 e session 2 demo
 
Plan601 e session 1 demo 20151005
Plan601 e session 1 demo 20151005Plan601 e session 1 demo 20151005
Plan601 e session 1 demo 20151005
 
Plan601 e session 1 demo 20151005
Plan601 e session 1 demo 20151005Plan601 e session 1 demo 20151005
Plan601 e session 1 demo 20151005
 
Plan601 e session 1 lesson 20151005
Plan601 e session 1 lesson 20151005Plan601 e session 1 lesson 20151005
Plan601 e session 1 lesson 20151005
 
Session 5 case studies
Session 5 case studiesSession 5 case studies
Session 5 case studies
 
Plan601 e session 5 presentation alt
Plan601 e session 5 presentation altPlan601 e session 5 presentation alt
Plan601 e session 5 presentation alt
 
Session 4 case studies
Session 4 case studiesSession 4 case studies
Session 4 case studies
 
Session 4 case studies
Session 4 case studiesSession 4 case studies
Session 4 case studies
 
Session 3 case studies 2
Session 3 case studies 2Session 3 case studies 2
Session 3 case studies 2
 

Último

Production of Erythromycin microbiology.pptx
Production of Erythromycin microbiology.pptxProduction of Erythromycin microbiology.pptx
Production of Erythromycin microbiology.pptxb2kshani34
 
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...Amil baba
 
Create Funeral Invites Online @ feedvu.com
Create Funeral Invites Online @ feedvu.comCreate Funeral Invites Online @ feedvu.com
Create Funeral Invites Online @ feedvu.comjakyjhon00
 
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024Ted Drake
 
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdf
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdfBuilding+your+Data+Project+on+AWS+-+Luke+Anderson.pdf
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdfsaidbilgen
 
Mike Tyson Sign The Contract Big Boy Shirt
Mike Tyson Sign The Contract Big Boy ShirtMike Tyson Sign The Contract Big Boy Shirt
Mike Tyson Sign The Contract Big Boy ShirtTeeFusion
 
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptxWCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptxHasan S
 
Construction Documents Checklist before Construction
Construction Documents Checklist before ConstructionConstruction Documents Checklist before Construction
Construction Documents Checklist before ConstructionResDraft
 
LRFD Bridge Design Specifications-AASHTO (2014).pdf
LRFD Bridge Design Specifications-AASHTO (2014).pdfLRFD Bridge Design Specifications-AASHTO (2014).pdf
LRFD Bridge Design Specifications-AASHTO (2014).pdfHctorFranciscoSnchez1
 
Designing for privacy: 3 essential UX habits for product teams
Designing for privacy: 3 essential UX habits for product teamsDesigning for privacy: 3 essential UX habits for product teams
Designing for privacy: 3 essential UX habits for product teamsBlock Party
 
Khushi sharma undergraduate portfolio...
Khushi sharma undergraduate portfolio...Khushi sharma undergraduate portfolio...
Khushi sharma undergraduate portfolio...khushisharma298853
 
The future of UX design support tools - talk Paris March 2024
The future of UX design support tools - talk Paris March 2024The future of UX design support tools - talk Paris March 2024
The future of UX design support tools - talk Paris March 2024Alan Dix
 
How to use Ai for UX UI Design | ChatGPT
How to use Ai for UX UI Design | ChatGPTHow to use Ai for UX UI Design | ChatGPT
How to use Ai for UX UI Design | ChatGPTThink 360 Studio
 
Math Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOLMath Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOLkenzukiri
 
Embroidery design from embroidery magazine
Embroidery design from embroidery magazineEmbroidery design from embroidery magazine
Embroidery design from embroidery magazineRivanEleraki
 
Design mental models for managing large-scale dbt projects. March 21, 2024 in...
Design mental models for managing large-scale dbt projects. March 21, 2024 in...Design mental models for managing large-scale dbt projects. March 21, 2024 in...
Design mental models for managing large-scale dbt projects. March 21, 2024 in...Ed Orozco
 
High-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkillHigh-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkillCre8iveskill
 
UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024mikailaoh
 
Cold War Tensions Increase - 1945-1952.pptx
Cold War Tensions Increase - 1945-1952.pptxCold War Tensions Increase - 1945-1952.pptx
Cold War Tensions Increase - 1945-1952.pptxSamKuruvilla5
 

Último (19)

Production of Erythromycin microbiology.pptx
Production of Erythromycin microbiology.pptxProduction of Erythromycin microbiology.pptx
Production of Erythromycin microbiology.pptx
 
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...
 
Create Funeral Invites Online @ feedvu.com
Create Funeral Invites Online @ feedvu.comCreate Funeral Invites Online @ feedvu.com
Create Funeral Invites Online @ feedvu.com
 
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
 
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdf
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdfBuilding+your+Data+Project+on+AWS+-+Luke+Anderson.pdf
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdf
 
Mike Tyson Sign The Contract Big Boy Shirt
Mike Tyson Sign The Contract Big Boy ShirtMike Tyson Sign The Contract Big Boy Shirt
Mike Tyson Sign The Contract Big Boy Shirt
 
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptxWCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
 
Construction Documents Checklist before Construction
Construction Documents Checklist before ConstructionConstruction Documents Checklist before Construction
Construction Documents Checklist before Construction
 
LRFD Bridge Design Specifications-AASHTO (2014).pdf
LRFD Bridge Design Specifications-AASHTO (2014).pdfLRFD Bridge Design Specifications-AASHTO (2014).pdf
LRFD Bridge Design Specifications-AASHTO (2014).pdf
 
Designing for privacy: 3 essential UX habits for product teams
Designing for privacy: 3 essential UX habits for product teamsDesigning for privacy: 3 essential UX habits for product teams
Designing for privacy: 3 essential UX habits for product teams
 
Khushi sharma undergraduate portfolio...
Khushi sharma undergraduate portfolio...Khushi sharma undergraduate portfolio...
Khushi sharma undergraduate portfolio...
 
The future of UX design support tools - talk Paris March 2024
The future of UX design support tools - talk Paris March 2024The future of UX design support tools - talk Paris March 2024
The future of UX design support tools - talk Paris March 2024
 
How to use Ai for UX UI Design | ChatGPT
How to use Ai for UX UI Design | ChatGPTHow to use Ai for UX UI Design | ChatGPT
How to use Ai for UX UI Design | ChatGPT
 
Math Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOLMath Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOL
 
Embroidery design from embroidery magazine
Embroidery design from embroidery magazineEmbroidery design from embroidery magazine
Embroidery design from embroidery magazine
 
Design mental models for managing large-scale dbt projects. March 21, 2024 in...
Design mental models for managing large-scale dbt projects. March 21, 2024 in...Design mental models for managing large-scale dbt projects. March 21, 2024 in...
Design mental models for managing large-scale dbt projects. March 21, 2024 in...
 
High-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkillHigh-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkill
 
UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024
 
Cold War Tensions Increase - 1945-1952.pptx
Cold War Tensions Increase - 1945-1952.pptxCold War Tensions Increase - 1945-1952.pptx
Cold War Tensions Increase - 1945-1952.pptx
 

Plan601 e session 4 lesson2

  • 1. EVALUATIVE AND SYNETHETIC GRAPHICS // DESIGN DISCRETION PLAN601E VERBAL AND VISUAL: INFORMATION GRAPHICS (SESSION 4)
  • 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
  • 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 20% Lacto-ovo Vegetarian 50% Omnivore 2% Fruitatarian8 12% Macrobiotic 16% 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
  • 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