plan601 e session 1 lesson

10
INTRODUCTORY LESSON: TOOLS AND KEYWORDS PLAN601E VERBAL AND VISUAL: INFORMATION GRAPHICS (SESSION 1)

Upload: rkottam

Post on 04-Jul-2015

891 views

Category:

Technology


1 download

TRANSCRIPT

Page 1: Plan601 e session 1 lesson

INTRODUCTORY PRESENTATION:TOOLS AND KEYWORDSPLAN601E VERBAL AND VISUAL: INFORMATION GRAPHICS (SESSION 1)

introductory LESSon:tooLS and kEywordSPLAN601E VErbAL ANd VisuAL: iNformAtioN GrAPhics (sEssioN 1)

Page 2: Plan601 e session 1 lesson

information graphicS = tooLS for viSuaL communication

do you want to make a comparison?

iSotypE SEction SupErgraphic

nEtwork map matriXcontinuum diagram

fLow chart cycLE diagram

graph chart dot dEnSity

do you want to show a process?

do you want to show a relationship?

do you want to explain a concept?

Page 3: Plan601 e session 1 lesson

INFORMATION GRAPHICS = SHOWING CONTEXT VISUALLYinformation graphicS = Showing contEXt viSuaLLy

Page 4: Plan601 e session 1 lesson

INFORMATION GRAPHICS = VISUAL AND NARRATIVE HIERARCHYinformation graphicS = viSuaL and narrativE hiErarchy

Page 5: Plan601 e session 1 lesson

Size / Scale color Line weight

information graphicS = EXpLaining through viSuaL diffErEncES

ALTERNATIVE DATA MAPPING STRATEGIES

The Detroit Collaborative Design Center invited students at Harvard’s Graduate School of Design (where I was cross-registered) to produce a set of maps for a forthcoming publication aimed at visualizing undderrecognized geographic patterns in the city’s built form, history, culture and politics. The publication is to be inexpensively produced and distributed freely to city residents in an effort to counter an overabundance of discouraging and incomplete data on population and income loss. My approach began with Harvard’s 2000 Social Capital Community Benchmark Survey, a general conclusion

of which was that measures of social capital decreased nationwide with reported income. Knowing anecdotally that, in the absence of traditional civic structure, many Detroiters are well-connected to other less official groups, I investigated the robustness of the trend for the Survey’s Detroit sample. Using GIS, I mapped respondents’ group memberships by reported income and further disaggregated responses to reveal uneven correlations between the two variables. I produced a series of illustrative diagrams to convey the differences between responses both quantatitively and qualitatively.

EXPANDING USE OF GIS TO PRODUCE REPRESENTATIONS OF DETROIT, ITS PATTERNS, ASSETS AND POTENTIALS

ALTERNATIVE DATA MAPPING STRATEGIES

The Detroit Collaborative Design Center invited students at Harvard’s Graduate School of Design (where I was cross-registered) to produce a set of maps for a forthcoming publication aimed at visualizing undderrecognized geographic patterns in the city’s built form, history, culture and politics. The publication is to be inexpensively produced and distributed freely to city residents in an effort to counter an overabundance of discouraging and incomplete data on population and income loss. My approach began with Harvard’s 2000 Social Capital Community Benchmark Survey, a general conclusion

of which was that measures of social capital decreased nationwide with reported income. Knowing anecdotally that, in the absence of traditional civic structure, many Detroiters are well-connected to other less official groups, I investigated the robustness of the trend for the Survey’s Detroit sample. Using GIS, I mapped respondents’ group memberships by reported income and further disaggregated responses to reveal uneven correlations between the two variables. I produced a series of illustrative diagrams to convey the differences between responses both quantatitively and qualitatively.

EXPANDING USE OF GIS TO PRODUCE REPRESENTATIONS OF DETROIT, ITS PATTERNS, ASSETS AND POTENTIALS

ALTERNATIVE DATA MAPPING STRATEGIES

The Detroit Collaborative Design Center invited students at Harvard’s Graduate School of Design (where I was cross-registered) to produce a set of maps for a forthcoming publication aimed at visualizing undderrecognized geographic patterns in the city’s built form, history, culture and politics. The publication is to be inexpensively produced and distributed freely to city residents in an effort to counter an overabundance of discouraging and incomplete data on population and income loss. My approach began with Harvard’s 2000 Social Capital Community Benchmark Survey, a general conclusion

of which was that measures of social capital decreased nationwide with reported income. Knowing anecdotally that, in the absence of traditional civic structure, many Detroiters are well-connected to other less official groups, I investigated the robustness of the trend for the Survey’s Detroit sample. Using GIS, I mapped respondents’ group memberships by reported income and further disaggregated responses to reveal uneven correlations between the two variables. I produced a series of illustrative diagrams to convey the differences between responses both quantatitively and qualitatively.

EXPANDING USE OF GIS TO PRODUCE REPRESENTATIONS OF DETROIT, ITS PATTERNS, ASSETS AND POTENTIALS

ALTERNATIVE DATA MAPPING STRATEGIES

The Detroit Collaborative Design Center invited students at Harvard’s Graduate School of Design (where I was cross-registered) to produce a set of maps for a forthcoming publication aimed at visualizing undderrecognized geographic patterns in the city’s built form, history, culture and politics. The publication is to be inexpensively produced and distributed freely to city residents in an effort to counter an overabundance of discouraging and incomplete data on population and income loss. My approach began with Harvard’s 2000 Social Capital Community Benchmark Survey, a general conclusion

of which was that measures of social capital decreased nationwide with reported income. Knowing anecdotally that, in the absence of traditional civic structure, many Detroiters are well-connected to other less official groups, I investigated the robustness of the trend for the Survey’s Detroit sample. Using GIS, I mapped respondents’ group memberships by reported income and further disaggregated responses to reveal uneven correlations between the two variables. I produced a series of illustrative diagrams to convey the differences between responses both quantatitively and qualitatively.

EXPANDING USE OF GIS TO PRODUCE REPRESENTATIONS OF DETROIT, ITS PATTERNS, ASSETS AND POTENTIALS

ALTERNATIVE DATA MAPPING STRATEGIES

The Detroit Collaborative Design Center invited students at Harvard’s Graduate School of Design (where I was cross-registered) to produce a set of maps for a forthcoming publication aimed at visualizing undderrecognized geographic patterns in the city’s built form, history, culture and politics. The publication is to be inexpensively produced and distributed freely to city residents in an effort to counter an overabundance of discouraging and incomplete data on population and income loss. My approach began with Harvard’s 2000 Social Capital Community Benchmark Survey, a general conclusion

of which was that measures of social capital decreased nationwide with reported income. Knowing anecdotally that, in the absence of traditional civic structure, many Detroiters are well-connected to other less official groups, I investigated the robustness of the trend for the Survey’s Detroit sample. Using GIS, I mapped respondents’ group memberships by reported income and further disaggregated responses to reveal uneven correlations between the two variables. I produced a series of illustrative diagrams to convey the differences between responses both quantatitively and qualitatively.

EXPANDING USE OF GIS TO PRODUCE REPRESENTATIONS OF DETROIT, ITS PATTERNS, ASSETS AND POTENTIALS

Size / Scale Color Line Weight

INFORMATION GRAPHICS = EXPLAINING THROUGH VISUAL DIFFERENCES

Page 6: Plan601 e session 1 lesson

INFORMATION GRAPHICS = USING GRIDS

Leading the eye. Rule of thirds.

information graphicS = uSing gridS

Page 7: Plan601 e session 1 lesson

INFORMATION GRAPHICS = MAKING VISUAL COMPARISONSinformation graphicS = making viSuaL compariSonS

Page 8: Plan601 e session 1 lesson

courSE StructurE

wk.

1

2

3

4

5

topicS

introductory discussion

Single dimension comparisonsprinciples of graphic design

procedural / temporal Settingsvisual reasonsing (tufte)

multi-dimensional comparisonsLayout for print and Screen

constructing a visual narrativeStoryboarding

dEmo

factfindercreative Suitephotoshop techniques

charts / graphs with illustrator

flowcharts / timelines with illustrator

continuum diagram / matrix in illustrator and indesign

formatting and Layout with indesign

aSSignmEnt

data collectionphoto-documentation

chart / graph

flowchart / timeline

continium diagram / matrix

Slide presentationa1 poster

Page 9: Plan601 e session 1 lesson

courSE StructurE

courSE componEntS

readings (x 2)

case studies

Lectures / demonstrations

5-part Assignment

• census tract

• Weekly slide deck + JPEG submission

• final presentation

grading

Assignment 1: 10%

Assignment 2: 10%

Assignment 3: 10%

Assignment 4: 10%

Assignment 5: 20%

case study Presentation: 10%

online Participation: 10%

in-class Participation: 20%

aSSignmEnt grading critEria

4 pts clarity and coherence of narratives constructed;

3 pts thoughtfulness, suitability and/or creativity in representation;

2 pts Engagement with and evaluation of different representational strategies (as evidenced in the slide deck by sketches, precedents, notes and finished work);

1 pt deployment of software tools demonstrated in the course, as appropriate.

wEEkLy dEadLinES

S Su m t w th f

bLog / courSE matEriaLS

http://prattinfographics.wordpress.com

score and feedback returned

blog commentsdue by midnight

assignment due by 9 am

class

Page 10: Plan601 e session 1 lesson

timE to voLuntEEr for caSE StudiES!

wEEk 2

charts / graphs / isotypes• “the Visual display of Quantitative

information”• florence Nightingale• otto Neurath• 1972 munich olympics

2 students

wEEk 4

matrices / network diagrams• “Learning from Las Vegas” • tibor Kalman• mark Lombardi

2 students

wEEk 3

flowcharts / timelines• office of metropolitan Architecture /

rem Koolhaas• the rsVP cycles / Lawrence halprin• “the Works” / Kate Ascher

2 students

wEEk 5

visual narratives• “Envisioning information”• taxi07: roads forward / design trust• fordham Plaza / NYcEdc

2 students