ID-2050

1
ID-2050

• The Design Lecture

2
Today

• Document Design
• Information Design
• Tuftes Data Maps
• BREAK
• Graphical Excellence in practice

3
Document Design

• Attributes of a good document
• Design Principles
• Choice of Visual Structure
• Pagination
• Margins
• Fonts
• Spacing
• Headings

4
Good Design
5
Design Principles

• Contrast
• Color, icons, white space, headings
• Proximity
• Text and figures, related topics
• Repetition
• Consistent elements
• Alignment
• Consistent Left, Right or Center
• Overall Impression
• Cover, 1st impression, thumb-through

6
Trimburs Principles

• Group Similar Items Together
• Align Visual Elements
• Use repetition and contrast
• Add visual Interest

7
Visual Structure

• Pagination and alignment
• Margins and White Space
• Fonts, emphases and sizes
• Paragraph Spacing and indents
• Headings
• Graphics tables and figures

8
Tuftes Information Design
9
Theory of Data Graphics

• Graphical Excellence
• Data Density
• Graphical Integrity
• Lie Factor
• Data Ink vs. Chartjunk
• Multifunctioning Graphical Elements
• Multidimensional Visuals

10
Graphical Excellence
11
Graphical Crappiness
12
Tuftes Principles
Graphical displays should

• serve a clear purpose
• show the data
• focus on substance
• avoid distortion
• contain dense information
• simplify the complex
• allow multiple levels of interpretation
• integrate with verbal descriptions

13
Tuftes Favorite Graphics

• Data Maps
• Time-Series
• Space-time Narrative Designs
• Relational Graphics

14
Data Maps

• Dense
• Multivariate
• Multidimensional

15
GIS Maps
16
Venice Reminders

• Culture project update
• Populate Web Pages
• Meetings with me
• Meetings tomorrow snow
• Midterm (not up to XV) on Wed.
• Questions and Videos
• Photos and Passports
• Killer Graphs and Slides

17
Boston Reminders

• Boston Trip update
• Populate Web Pages
• Calls to Sponsors?
• Meetings tomorrow snow
• Draft 1 Contract Review
• Next Week Draft 2
• Killer Graphs and Slides
• Class with PR on Monday