Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Edward Tufte &Information DesignFor the Web© 2011 NATHAN HUENING   sprockethouse.com   12 March 2011   Chapel Hill, NC
Dilbert Another Day in Cubicle Paradise
“   The fundamental task of the    information architect is to    make the information    understandable.    The goal is t...
“   Insights into graphical    design are to be gained, I    believe, from theories of    what makes for excellence in    ...
OutlineInformation design principlesApplication to Web design © 2011 NATHAN HUENING   sprockethouse.com   12 March 2011   ...
Tufte’s Information Design Principles1 Graphics reveal data2 To clarify, add detail3 Small multiples invite comparisons4 “...
Principle 1Graphicsreveal 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    picture...
“   Every bit of ink on a graphic    requires a reason. And    nearly always that reason    should be that the ink    pres...
Principle 2To clarify,add detail© 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 con...
Principle 3Small multiplesinvite comparisons© 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 in...
Principle 4The “smallesteffective difference”© 2011 NATHAN HUENING   sprockethouse.com   12 March 2011   Chapel Hill, NC
“   Now what can be eliminated?                                                 Frank Lloyd Wright    © 2011 NATHAN HUENIN...
Principle 5Above all else,show the data© 2011 NATHAN HUENING   sprockethouse.com   12 March 2011   Chapel Hill, NC
“   It is all right to decorate    construction, but never    construct decoration.                                       ...
Tufte’s Information Design Principles1 Graphics reveal data2 To clarify, add detail3 Small multiples invite comparisons4 “...
Application to Web Design1 Design reveals content2 To clarify, add detail3 Design from the inside, out4 Smallest effective...
“   Design is largely an exercise    in creating or suggesting    contrasts ... in an effort to    convey meaning.        ...
Application 1Designreveals data© 2011 NATHAN HUENING   sprockethouse.com   12 March 2011   Chapel Hill, NC
Application 1aContrastreveals data© 2011 NATHAN HUENING   sprockethouse.com   12 March 2011   Chapel Hill, NC
Application 1bContrastreveals information© 2011 NATHAN HUENING   sprockethouse.com   12 March 2011   Chapel Hill, NC
Andy Rutledge A List Apart
“   Information consists of    differences that make    a difference.                                                Envis...
1       2    3       45       6
Application 2To clarify,add detail© 2011 NATHAN HUENING   sprockethouse.com   12 March 2011   Chapel Hill, NC
1 List your bits2 Figure out which bits relate3 Assign priorities4 Design each bit5 Assemble bits             37Signals An...
Scan annotatedcontent invent.
Application 3Employ the smallesteffective difference© 2011 NATHAN HUENING   sprockethouse.com   12 March 2011   Chapel Hil...
tutorial9.net
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...
Application 4Design from theinside, out© 2011 NATHAN HUENING   sprockethouse.com   12 March 2011   Chapel Hill, NC
Warren Parsons Photo
“   Copywriting is interface    design. Great interfaces are    written. ... Good writing is    good design.              ...
Application 5Above all else,show the content© 2011 NATHAN HUENING   sprockethouse.com   12 March 2011   Chapel Hill, NC
“   In an architecture of content,    the information becomes the    interface.                                           ...
“   Aesthetics matter: attractive    things work better.                                                Donald Norman Inte...
Applications to Web Design1 Design reveals content2 To clarify, add detail3 Design from the inside, out4 Smallest effectiv...
“   ‘Make it look good!’ That’s    not what we think design is.    It’s not just what it looks and    feels like. Design i...
Thank youThis has beena Sprocket Houseproduction.© 2011 NATHAN HUENING   sprockethouse.com   12 March 2011   Chapel Hill, NC
Edward Tufte and Information Design for the Web
Edward Tufte and Information Design for the Web
Edward Tufte and Information Design for the Web
Edward Tufte and Information Design for the Web
Edward Tufte and Information Design for the Web
Edward Tufte and Information Design for the Web
Edward Tufte and Information Design for the Web
Edward Tufte and Information Design for the Web
Edward Tufte and Information Design for the Web
Edward Tufte and Information Design for the Web
Edward Tufte and Information Design for the Web
Edward Tufte and Information Design for the Web
Edward Tufte and Information Design for the Web
Edward Tufte and Information Design for the Web
Edward Tufte and Information Design for the Web
Edward Tufte and Information Design for the Web
Edward Tufte and Information Design for the Web
Edward Tufte and Information Design for the Web
Edward Tufte and Information Design for the Web
Edward Tufte and Information Design for the Web
Edward Tufte and Information Design for the Web
Edward Tufte and Information Design for the Web
Edward Tufte and Information Design for the Web
Edward Tufte and Information Design for the Web
Edward Tufte and Information Design for the Web
Edward Tufte and Information Design for the Web
Edward Tufte and Information Design for the Web
Edward Tufte and Information Design for the Web
Edward Tufte and Information Design for the Web
Edward Tufte and Information Design for the Web
Edward Tufte and Information Design for the Web
Edward Tufte and Information Design for the Web
Edward Tufte and Information Design for the Web
Edward Tufte and Information Design for the Web
Edward Tufte and Information Design for the Web
Edward Tufte and Information Design for the Web
Edward Tufte and Information Design for the Web
Edward Tufte and Information Design for the Web
Edward Tufte and Information Design for the Web
Edward Tufte and Information Design for the Web
Edward Tufte and Information Design for the Web
Edward Tufte and Information Design for the Web
Edward Tufte and Information Design for the Web
Edward Tufte and Information Design for the Web
Edward Tufte and Information Design for the Web
Edward Tufte and Information Design for the Web
Edward Tufte and Information Design for the Web
Edward Tufte and Information Design for the Web
Edward Tufte and Information Design for the Web
Edward Tufte and Information Design for the Web
Edward Tufte and Information Design for the Web
Upcoming SlideShare
Loading in …5
×

Edward Tufte and Information Design for the Web

16,451 views

Published on

Reprise of my 2009 presentation for Refresh the Triangle

Published in: Design
  • Hello dear, My name is mariam nasrin, I know that this email will meet you in a good health and also surprisingly but God has his own way of bringing people together. Nice to Meet you I would appreciate if you can reply me back( mariamnasrin2@gmail.com ) So that i can explain you more about me. thank Yours mariam.
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Well now! Hadn't expected a reaction like this. Just a quick note: these are the slides that accompanied my presentation and, being supplementary, don't have a lot of explanatory text. That is, the slides are probably fairly confusing without commentary. Feel free to ask question here in the comments and I will be happy to clarify.
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here

Edward Tufte and Information Design for the Web

  1. Edward Tufte &Information DesignFor the Web© 2011 NATHAN HUENING sprockethouse.com 12 March 2011 Chapel Hill, NC
  2. Dilbert Another Day in Cubicle Paradise
  3. “ 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
  4. “ 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
  5. OutlineInformation design principlesApplication to Web design © 2011 NATHAN HUENING sprockethouse.com 12 March 2011 Chapel Hill, NC
  6. 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
  7. Principle 1Graphicsreveal data© 2011 NATHAN HUENING sprockethouse.com 12 March 2011 Chapel Hill, NC
  8. “ 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
  9. “ 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
  10. Principle 2To clarify,add detail© 2011 NATHAN HUENING sprockethouse.com 12 March 2011 Chapel Hill, NC
  11. “ 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
  12. Principle 3Small multiplesinvite comparisons© 2011 NATHAN HUENING sprockethouse.com 12 March 2011 Chapel Hill, NC
  13. Tufte iPhone Video:http://www.edwardtufte.com/bboard/q-and-a-fetch-msg?msg_id=00036T
  14. “ 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
  15. Principle 4The “smallesteffective difference”© 2011 NATHAN HUENING sprockethouse.com 12 March 2011 Chapel Hill, NC
  16. “ Now what can be eliminated? Frank Lloyd Wright © 2011 NATHAN HUENING sprockethouse.com 12 March 2011 Chapel Hill, NC
  17. Principle 5Above all else,show the data© 2011 NATHAN HUENING sprockethouse.com 12 March 2011 Chapel Hill, NC
  18. “ It is all right to decorate construction, but never construct decoration. Robert Venturi Learning from Las Vegas © 2011 NATHAN HUENING sprockethouse.com 12 March 2011 Chapel Hill, NC
  19. 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
  20. 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
  21. “ Design is largely an exercise in creating or suggesting contrasts ... in an effort to convey meaning. Andy Rutledge A List Apart © 2011 NATHAN HUENING sprockethouse.com 12 March 2011 Chapel Hill, NC
  22. Application 1Designreveals data© 2011 NATHAN HUENING sprockethouse.com 12 March 2011 Chapel Hill, NC
  23. Application 1aContrastreveals data© 2011 NATHAN HUENING sprockethouse.com 12 March 2011 Chapel Hill, NC
  24. Application 1bContrastreveals information© 2011 NATHAN HUENING sprockethouse.com 12 March 2011 Chapel Hill, NC
  25. Andy Rutledge A List Apart
  26. “ Information consists of differences that make a difference. Envisioning Information 65 © 2011 NATHAN HUENING sprockethouse.com 12 March 2011 Chapel Hill, NC
  27. 1 2 3 45 6
  28. Application 2To clarify,add detail© 2011 NATHAN HUENING sprockethouse.com 12 March 2011 Chapel Hill, NC
  29. 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
  30. Scan annotatedcontent invent.
  31. Application 3Employ the smallesteffective difference© 2011 NATHAN HUENING sprockethouse.com 12 March 2011 Chapel Hill, NC
  32. tutorial9.net
  33. tutorial9.net
  34. Dan Cederholm simplebits.com
  35. Doug Bowman stopdesign.com
  36. “ 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
  37. Application 4Design from theinside, out© 2011 NATHAN HUENING sprockethouse.com 12 March 2011 Chapel Hill, NC
  38. Warren Parsons Photo
  39. “ Copywriting is interface design. Great interfaces are written. ... Good writing is good design. 37Signals Getting Real © 2011 NATHAN HUENING sprockethouse.com 12 March 2011 Chapel Hill, NC
  40. Application 5Above all else,show the content© 2011 NATHAN HUENING sprockethouse.com 12 March 2011 Chapel Hill, NC
  41. “ In an architecture of content, the information becomes the interface. Visual Explanations 146 © 2011 NATHAN HUENING sprockethouse.com 12 March 2011 Chapel Hill, NC
  42. “ Aesthetics matter: attractive things work better. Donald Norman Interactions Magazine © 2011 NATHAN HUENING sprockethouse.com 12 March 2011 Chapel Hill, NC
  43. 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
  44. “ ‘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
  45. Thank youThis has beena Sprocket Houseproduction.© 2011 NATHAN HUENING sprockethouse.com 12 March 2011 Chapel Hill, NC

×