Edward Tufte and Information Design for the Web

Dilbert Another Day in Cubicle Paradise

“ The fundamental task of the information architect is to make the information understandable. The goal is to clarify. Richard Saul Wurman Digerati © 2011 NATHAN HUENING sprockethouse.com 12 March 2011 Chapel Hill, NC

“ Insights into graphical design are to be gained, I believe, from theories of what makes for excellence in art, architecture, and prose. The Visual Display of Quantitative Information © 2011 NATHAN HUENING sprockethouse.com 12 March 2011 Chapel Hill, NC

Tufte’s Information Design Principles1 Graphics reveal data2 To clarify, add detail3 Small multiples invite comparisons4 “Smallest effective difference”5 Above all else, show the data © 2011 NATHAN HUENING sprockethouse.com 12 March 2011 Chapel Hill, NC

“ Often the most effective way to describe, explore, and summarize a set of numbers... is to look at pictures of those numbers. Visual Display of Quantitative Information © 2011 NATHAN HUENING sprockethouse.com 12 March 2011 Chapel Hill, NC

“ Every bit of ink on a graphic requires a reason. And nearly always that reason should be that the ink presents new information. Visual Display of Quantitative Information 96 © 2011 NATHAN HUENING sprockethouse.com 12 March 2011 Chapel Hill, NC

“ Information-sensitive designs are exacting and laborious, requiring a deep appreciation of the particular content at hand. Visual Explanations 148 © 2011 NATHAN HUENING sprockethouse.com 12 March 2011 Chapel Hill, NC

Tufte iPhone Video:http://www.edwardtufte.com/bboard/q-and-a-fetch-msg?msg_id=00036T

“ Multiple images reveal repetition and change, pattern and surprise—the defining elements in the idea of information. Visual Explanations 105 © 2011 NATHAN HUENING sprockethouse.com 12 March 2011 Chapel Hill, NC

Tufte’s Information Design Principles1 Graphics reveal data2 To clarify, add detail3 Small multiples invite comparisons4 “Smallest effective difference”5 Above all else, show the data © 2011 NATHAN HUENING sprockethouse.com 12 March 2011 Chapel Hill, NC

Application to Web Design1 Design reveals content2 To clarify, add detail3 Design from the inside, out4 Smallest effective difference5 Above all else, show the content © 2011 NATHAN HUENING sprockethouse.com 12 March 2011 Chapel Hill, NC

Andy Rutledge A List Apart

1 2 3 45 6

1 List your bits2 Figure out which bits relate3 Assign priorities4 Design each bit5 Assemble bits 37Signals An Introduction to Using Patterns in Web Design

Scan annotatedcontent invent.

tutorial9.net

Dan Cederholm simplebits.com

Doug Bowman stopdesign.com

“ I’ve never liked the adage Less is more... I say Less is better, which is neither cute nor clever, but almost always true. John Gruber Independent Days © 2011 NATHAN HUENING sprockethouse.com 12 March 2011 Chapel Hill, NC

Warren Parsons Photo

Applications to Web Design1 Design reveals content2 To clarify, add detail3 Design from the inside, out4 Smallest effective difference5 Above all else, show the content © 2011 NATHAN HUENING sprockethouse.com 12 March 2011 Chapel Hill, NC

“ ‘Make it look good!’ That’s not what we think design is. It’s not just what it looks and feels like. Design is how it works. Steve Jobs NYTimes Magazine © 2011 NATHAN HUENING sprockethouse.com 12 March 2011 Chapel Hill, NC

http://knowomy.wordpress.com	136
http://paper.li	2
http://penedesfera.cat	2
http://pinterest.com	2
http://www.society30.com	1
http://www.mefeedia.com	1
http://storify.com	1

Edward Tufte and Information Design for the Web

by sprocketeer

Accessibility

Categories

Upload Details

Usage Rights

7 Embeds 145

Statistics

Edward Tufte and Information Design for the Web Presentation Transcript