edward tufte and information design for the web (mar 11)
DESCRIPTION
Edward Tufte & Information Design For the Web© 2011 NATHAN HUENINGsprockethouse.com12 March 2011Chapel Hill, NCDilbert 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,TRANSCRIPT
![Page 1: Edward Tufte and Information Design for the Web (Mar 11)](https://reader035.vdocument.in/reader035/viewer/2022062511/5517b8f84979594f228b4c46/html5/thumbnails/1.jpg)
© 2011 NATHAN HUENING 12 March 2011 Chapel Hill, NCsprockethouse.com
Edward Tufte &Information DesignFor the Web
![Page 2: Edward Tufte and Information Design for the Web (Mar 11)](https://reader035.vdocument.in/reader035/viewer/2022062511/5517b8f84979594f228b4c46/html5/thumbnails/2.jpg)
Dilbert Another Day in Cubicle Paradise
![Page 3: Edward Tufte and Information Design for the Web (Mar 11)](https://reader035.vdocument.in/reader035/viewer/2022062511/5517b8f84979594f228b4c46/html5/thumbnails/3.jpg)
“
© 2011 NATHAN HUENING 12 March 2011 Chapel Hill, NCsprockethouse.com
The fundamental task of the information architect is to make the information understandable. The goal is to clarify.
Richard Saul Wurman Digerati
![Page 4: Edward Tufte and Information Design for the Web (Mar 11)](https://reader035.vdocument.in/reader035/viewer/2022062511/5517b8f84979594f228b4c46/html5/thumbnails/4.jpg)
![Page 5: Edward Tufte and Information Design for the Web (Mar 11)](https://reader035.vdocument.in/reader035/viewer/2022062511/5517b8f84979594f228b4c46/html5/thumbnails/5.jpg)
“
© 2011 NATHAN HUENING 12 March 2011 Chapel Hill, NCsprockethouse.com
The Visual Display of Quantitative Information
Insights into graphical design are to be gained, I believe, from theories of what makes for excellence in art, architecture, and prose.
![Page 6: Edward Tufte and Information Design for the Web (Mar 11)](https://reader035.vdocument.in/reader035/viewer/2022062511/5517b8f84979594f228b4c46/html5/thumbnails/6.jpg)
![Page 7: Edward Tufte and Information Design for the Web (Mar 11)](https://reader035.vdocument.in/reader035/viewer/2022062511/5517b8f84979594f228b4c46/html5/thumbnails/7.jpg)
© 2011 NATHAN HUENING 12 March 2011 Chapel Hill, NCsprockethouse.com
Information design principles
Application to Web design
Outline
![Page 8: Edward Tufte and Information Design for the Web (Mar 11)](https://reader035.vdocument.in/reader035/viewer/2022062511/5517b8f84979594f228b4c46/html5/thumbnails/8.jpg)
© 2011 NATHAN HUENING 12 March 2011 Chapel Hill, NCsprockethouse.com
Graphics reveal data
To clarify, add detail
Small multiples invite comparisons
“Smallest effective difference”
Above all else, show the data
1
2
3
4
5
Tufte’s Information Design Principles
![Page 9: Edward Tufte and Information Design for the Web (Mar 11)](https://reader035.vdocument.in/reader035/viewer/2022062511/5517b8f84979594f228b4c46/html5/thumbnails/9.jpg)
© 2011 NATHAN HUENING 12 March 2011 Chapel Hill, NCsprockethouse.com
Graphics reveal data
Principle 1
![Page 10: Edward Tufte and Information Design for the Web (Mar 11)](https://reader035.vdocument.in/reader035/viewer/2022062511/5517b8f84979594f228b4c46/html5/thumbnails/10.jpg)
![Page 11: Edward Tufte and Information Design for the Web (Mar 11)](https://reader035.vdocument.in/reader035/viewer/2022062511/5517b8f84979594f228b4c46/html5/thumbnails/11.jpg)
![Page 12: Edward Tufte and Information Design for the Web (Mar 11)](https://reader035.vdocument.in/reader035/viewer/2022062511/5517b8f84979594f228b4c46/html5/thumbnails/12.jpg)
![Page 13: Edward Tufte and Information Design for the Web (Mar 11)](https://reader035.vdocument.in/reader035/viewer/2022062511/5517b8f84979594f228b4c46/html5/thumbnails/13.jpg)
“
© 2011 NATHAN HUENING 12 March 2011 Chapel Hill, NCsprockethouse.com
Visual Display of Quantitative Information
Often the most effective way to describe, explore, and summarize a set of numbers... is to look at pictures of those numbers.
![Page 14: Edward Tufte and Information Design for the Web (Mar 11)](https://reader035.vdocument.in/reader035/viewer/2022062511/5517b8f84979594f228b4c46/html5/thumbnails/14.jpg)
![Page 15: Edward Tufte and Information Design for the Web (Mar 11)](https://reader035.vdocument.in/reader035/viewer/2022062511/5517b8f84979594f228b4c46/html5/thumbnails/15.jpg)
![Page 16: Edward Tufte and Information Design for the Web (Mar 11)](https://reader035.vdocument.in/reader035/viewer/2022062511/5517b8f84979594f228b4c46/html5/thumbnails/16.jpg)
![Page 17: Edward Tufte and Information Design for the Web (Mar 11)](https://reader035.vdocument.in/reader035/viewer/2022062511/5517b8f84979594f228b4c46/html5/thumbnails/17.jpg)
![Page 18: Edward Tufte and Information Design for the Web (Mar 11)](https://reader035.vdocument.in/reader035/viewer/2022062511/5517b8f84979594f228b4c46/html5/thumbnails/18.jpg)
“
© 2011 NATHAN HUENING 12 March 2011 Chapel Hill, NCsprockethouse.com
Visual Display of Quantitative Information 96
Every bit of ink on a graphic requires a reason. And nearly always that reason should be that the ink presents new information.
![Page 19: Edward Tufte and Information Design for the Web (Mar 11)](https://reader035.vdocument.in/reader035/viewer/2022062511/5517b8f84979594f228b4c46/html5/thumbnails/19.jpg)
![Page 20: Edward Tufte and Information Design for the Web (Mar 11)](https://reader035.vdocument.in/reader035/viewer/2022062511/5517b8f84979594f228b4c46/html5/thumbnails/20.jpg)
© 2011 NATHAN HUENING 12 March 2011 Chapel Hill, NCsprockethouse.com
To clarify, add detail
Principle 2
![Page 21: Edward Tufte and Information Design for the Web (Mar 11)](https://reader035.vdocument.in/reader035/viewer/2022062511/5517b8f84979594f228b4c46/html5/thumbnails/21.jpg)
![Page 22: Edward Tufte and Information Design for the Web (Mar 11)](https://reader035.vdocument.in/reader035/viewer/2022062511/5517b8f84979594f228b4c46/html5/thumbnails/22.jpg)
![Page 23: Edward Tufte and Information Design for the Web (Mar 11)](https://reader035.vdocument.in/reader035/viewer/2022062511/5517b8f84979594f228b4c46/html5/thumbnails/23.jpg)
![Page 24: Edward Tufte and Information Design for the Web (Mar 11)](https://reader035.vdocument.in/reader035/viewer/2022062511/5517b8f84979594f228b4c46/html5/thumbnails/24.jpg)
![Page 25: Edward Tufte and Information Design for the Web (Mar 11)](https://reader035.vdocument.in/reader035/viewer/2022062511/5517b8f84979594f228b4c46/html5/thumbnails/25.jpg)
![Page 26: Edward Tufte and Information Design for the Web (Mar 11)](https://reader035.vdocument.in/reader035/viewer/2022062511/5517b8f84979594f228b4c46/html5/thumbnails/26.jpg)
“
© 2011 NATHAN HUENING 12 March 2011 Chapel Hill, NCsprockethouse.com
Information-sensitive designs are exacting and laborious, requiring a deep appreciation of the particular content at hand.
Visual Explanations 148
![Page 27: Edward Tufte and Information Design for the Web (Mar 11)](https://reader035.vdocument.in/reader035/viewer/2022062511/5517b8f84979594f228b4c46/html5/thumbnails/27.jpg)
© 2011 NATHAN HUENING 12 March 2011 Chapel Hill, NCsprockethouse.com
Small multiples invite comparisons
Principle 3
![Page 28: Edward Tufte and Information Design for the Web (Mar 11)](https://reader035.vdocument.in/reader035/viewer/2022062511/5517b8f84979594f228b4c46/html5/thumbnails/28.jpg)
Tufte iPhone Video:
http://www.edwardtufte.com/bboard/q-and-a-fetch-msg?msg_id=00036T
![Page 29: Edward Tufte and Information Design for the Web (Mar 11)](https://reader035.vdocument.in/reader035/viewer/2022062511/5517b8f84979594f228b4c46/html5/thumbnails/29.jpg)
“
© 2011 NATHAN HUENING 12 March 2011 Chapel Hill, NCsprockethouse.com
Multiple images reveal repetition and change, pattern and surprise—the defining elements in the idea of information.
Visual Explanations 105
![Page 30: Edward Tufte and Information Design for the Web (Mar 11)](https://reader035.vdocument.in/reader035/viewer/2022062511/5517b8f84979594f228b4c46/html5/thumbnails/30.jpg)
© 2011 NATHAN HUENING 12 March 2011 Chapel Hill, NCsprockethouse.com
The “smallest effective difference”
Principle 4
![Page 31: Edward Tufte and Information Design for the Web (Mar 11)](https://reader035.vdocument.in/reader035/viewer/2022062511/5517b8f84979594f228b4c46/html5/thumbnails/31.jpg)
![Page 32: Edward Tufte and Information Design for the Web (Mar 11)](https://reader035.vdocument.in/reader035/viewer/2022062511/5517b8f84979594f228b4c46/html5/thumbnails/32.jpg)
![Page 33: Edward Tufte and Information Design for the Web (Mar 11)](https://reader035.vdocument.in/reader035/viewer/2022062511/5517b8f84979594f228b4c46/html5/thumbnails/33.jpg)
![Page 34: Edward Tufte and Information Design for the Web (Mar 11)](https://reader035.vdocument.in/reader035/viewer/2022062511/5517b8f84979594f228b4c46/html5/thumbnails/34.jpg)
![Page 35: Edward Tufte and Information Design for the Web (Mar 11)](https://reader035.vdocument.in/reader035/viewer/2022062511/5517b8f84979594f228b4c46/html5/thumbnails/35.jpg)
![Page 36: Edward Tufte and Information Design for the Web (Mar 11)](https://reader035.vdocument.in/reader035/viewer/2022062511/5517b8f84979594f228b4c46/html5/thumbnails/36.jpg)
“
© 2011 NATHAN HUENING 12 March 2011 Chapel Hill, NCsprockethouse.com
Now what can be eliminated?
Frank Lloyd Wright
![Page 37: Edward Tufte and Information Design for the Web (Mar 11)](https://reader035.vdocument.in/reader035/viewer/2022062511/5517b8f84979594f228b4c46/html5/thumbnails/37.jpg)
© 2011 NATHAN HUENING 12 March 2011 Chapel Hill, NCsprockethouse.com
Above all else,show the data
Principle 5
![Page 38: Edward Tufte and Information Design for the Web (Mar 11)](https://reader035.vdocument.in/reader035/viewer/2022062511/5517b8f84979594f228b4c46/html5/thumbnails/38.jpg)
![Page 39: Edward Tufte and Information Design for the Web (Mar 11)](https://reader035.vdocument.in/reader035/viewer/2022062511/5517b8f84979594f228b4c46/html5/thumbnails/39.jpg)
![Page 40: Edward Tufte and Information Design for the Web (Mar 11)](https://reader035.vdocument.in/reader035/viewer/2022062511/5517b8f84979594f228b4c46/html5/thumbnails/40.jpg)
![Page 41: Edward Tufte and Information Design for the Web (Mar 11)](https://reader035.vdocument.in/reader035/viewer/2022062511/5517b8f84979594f228b4c46/html5/thumbnails/41.jpg)
![Page 42: Edward Tufte and Information Design for the Web (Mar 11)](https://reader035.vdocument.in/reader035/viewer/2022062511/5517b8f84979594f228b4c46/html5/thumbnails/42.jpg)
![Page 43: Edward Tufte and Information Design for the Web (Mar 11)](https://reader035.vdocument.in/reader035/viewer/2022062511/5517b8f84979594f228b4c46/html5/thumbnails/43.jpg)
![Page 44: Edward Tufte and Information Design for the Web (Mar 11)](https://reader035.vdocument.in/reader035/viewer/2022062511/5517b8f84979594f228b4c46/html5/thumbnails/44.jpg)
![Page 45: Edward Tufte and Information Design for the Web (Mar 11)](https://reader035.vdocument.in/reader035/viewer/2022062511/5517b8f84979594f228b4c46/html5/thumbnails/45.jpg)
![Page 46: Edward Tufte and Information Design for the Web (Mar 11)](https://reader035.vdocument.in/reader035/viewer/2022062511/5517b8f84979594f228b4c46/html5/thumbnails/46.jpg)
![Page 47: Edward Tufte and Information Design for the Web (Mar 11)](https://reader035.vdocument.in/reader035/viewer/2022062511/5517b8f84979594f228b4c46/html5/thumbnails/47.jpg)
“
© 2011 NATHAN HUENING 12 March 2011 Chapel Hill, NCsprockethouse.com
It is all right to decorate construction, but never construct decoration.
Robert Venturi Learning from Las Vegas
![Page 48: Edward Tufte and Information Design for the Web (Mar 11)](https://reader035.vdocument.in/reader035/viewer/2022062511/5517b8f84979594f228b4c46/html5/thumbnails/48.jpg)
© 2011 NATHAN HUENING 12 March 2011 Chapel Hill, NCsprockethouse.com
Graphics reveal data
To clarify, add detail
Small multiples invite comparisons
“Smallest effective difference”
Above all else, show the data
1
2
3
4
5
Tufte’s Information Design Principles
![Page 49: Edward Tufte and Information Design for the Web (Mar 11)](https://reader035.vdocument.in/reader035/viewer/2022062511/5517b8f84979594f228b4c46/html5/thumbnails/49.jpg)
© 2011 NATHAN HUENING 12 March 2011 Chapel Hill, NCsprockethouse.com
Design reveals content
To clarify, add detail
Design from the inside, out
Smallest effective difference
Above all else, show the content
1
2
3
4
5
Application to Web Design
![Page 50: Edward Tufte and Information Design for the Web (Mar 11)](https://reader035.vdocument.in/reader035/viewer/2022062511/5517b8f84979594f228b4c46/html5/thumbnails/50.jpg)
“
© 2011 NATHAN HUENING 12 March 2011 Chapel Hill, NCsprockethouse.com
Andy Rutledge A List Apart
Design is largely an exercise in creating or suggesting contrasts ... in an effort to convey meaning.
![Page 51: Edward Tufte and Information Design for the Web (Mar 11)](https://reader035.vdocument.in/reader035/viewer/2022062511/5517b8f84979594f228b4c46/html5/thumbnails/51.jpg)
© 2011 NATHAN HUENING 12 March 2011 Chapel Hill, NCsprockethouse.com
Design
Application 1
reveals data
![Page 52: Edward Tufte and Information Design for the Web (Mar 11)](https://reader035.vdocument.in/reader035/viewer/2022062511/5517b8f84979594f228b4c46/html5/thumbnails/52.jpg)
© 2011 NATHAN HUENING 12 March 2011 Chapel Hill, NCsprockethouse.com
Contrast
Application 1a
reveals data
![Page 53: Edward Tufte and Information Design for the Web (Mar 11)](https://reader035.vdocument.in/reader035/viewer/2022062511/5517b8f84979594f228b4c46/html5/thumbnails/53.jpg)
© 2011 NATHAN HUENING 12 March 2011 Chapel Hill, NCsprockethouse.com
Contrast
Application 1b
reveals information
![Page 54: Edward Tufte and Information Design for the Web (Mar 11)](https://reader035.vdocument.in/reader035/viewer/2022062511/5517b8f84979594f228b4c46/html5/thumbnails/54.jpg)
Andy Rutledge A List Apart
![Page 55: Edward Tufte and Information Design for the Web (Mar 11)](https://reader035.vdocument.in/reader035/viewer/2022062511/5517b8f84979594f228b4c46/html5/thumbnails/55.jpg)
“
© 2011 NATHAN HUENING 12 March 2011 Chapel Hill, NCsprockethouse.com
Information consists of differences that make a difference.
Envisioning Information 65
![Page 56: Edward Tufte and Information Design for the Web (Mar 11)](https://reader035.vdocument.in/reader035/viewer/2022062511/5517b8f84979594f228b4c46/html5/thumbnails/56.jpg)
1 23 4
5 6
![Page 57: Edward Tufte and Information Design for the Web (Mar 11)](https://reader035.vdocument.in/reader035/viewer/2022062511/5517b8f84979594f228b4c46/html5/thumbnails/57.jpg)
© 2011 NATHAN HUENING 12 March 2011 Chapel Hill, NCsprockethouse.com
To clarify, add detail
Application 2
![Page 58: Edward Tufte and Information Design for the Web (Mar 11)](https://reader035.vdocument.in/reader035/viewer/2022062511/5517b8f84979594f228b4c46/html5/thumbnails/58.jpg)
List your bits
Figure out which bits relate
Assign priorities
Design each bit
Assemble bits
1
2
3
4
5
37Signals An Introduction to Using Patterns in Web Design
![Page 59: Edward Tufte and Information Design for the Web (Mar 11)](https://reader035.vdocument.in/reader035/viewer/2022062511/5517b8f84979594f228b4c46/html5/thumbnails/59.jpg)
Scan annotatedcontent invent.
![Page 60: Edward Tufte and Information Design for the Web (Mar 11)](https://reader035.vdocument.in/reader035/viewer/2022062511/5517b8f84979594f228b4c46/html5/thumbnails/60.jpg)
![Page 61: Edward Tufte and Information Design for the Web (Mar 11)](https://reader035.vdocument.in/reader035/viewer/2022062511/5517b8f84979594f228b4c46/html5/thumbnails/61.jpg)
![Page 62: Edward Tufte and Information Design for the Web (Mar 11)](https://reader035.vdocument.in/reader035/viewer/2022062511/5517b8f84979594f228b4c46/html5/thumbnails/62.jpg)
![Page 63: Edward Tufte and Information Design for the Web (Mar 11)](https://reader035.vdocument.in/reader035/viewer/2022062511/5517b8f84979594f228b4c46/html5/thumbnails/63.jpg)
![Page 64: Edward Tufte and Information Design for the Web (Mar 11)](https://reader035.vdocument.in/reader035/viewer/2022062511/5517b8f84979594f228b4c46/html5/thumbnails/64.jpg)
![Page 65: Edward Tufte and Information Design for the Web (Mar 11)](https://reader035.vdocument.in/reader035/viewer/2022062511/5517b8f84979594f228b4c46/html5/thumbnails/65.jpg)
![Page 66: Edward Tufte and Information Design for the Web (Mar 11)](https://reader035.vdocument.in/reader035/viewer/2022062511/5517b8f84979594f228b4c46/html5/thumbnails/66.jpg)
![Page 67: Edward Tufte and Information Design for the Web (Mar 11)](https://reader035.vdocument.in/reader035/viewer/2022062511/5517b8f84979594f228b4c46/html5/thumbnails/67.jpg)
© 2011 NATHAN HUENING 12 March 2011 Chapel Hill, NCsprockethouse.com
Employ the smallest effective difference
Application 3
![Page 68: Edward Tufte and Information Design for the Web (Mar 11)](https://reader035.vdocument.in/reader035/viewer/2022062511/5517b8f84979594f228b4c46/html5/thumbnails/68.jpg)
tutorial9.net
![Page 69: Edward Tufte and Information Design for the Web (Mar 11)](https://reader035.vdocument.in/reader035/viewer/2022062511/5517b8f84979594f228b4c46/html5/thumbnails/69.jpg)
tutorial9.net
![Page 70: Edward Tufte and Information Design for the Web (Mar 11)](https://reader035.vdocument.in/reader035/viewer/2022062511/5517b8f84979594f228b4c46/html5/thumbnails/70.jpg)
Dan Cederholm simplebits.com
![Page 71: Edward Tufte and Information Design for the Web (Mar 11)](https://reader035.vdocument.in/reader035/viewer/2022062511/5517b8f84979594f228b4c46/html5/thumbnails/71.jpg)
Doug Bowman stopdesign.com
![Page 72: Edward Tufte and Information Design for the Web (Mar 11)](https://reader035.vdocument.in/reader035/viewer/2022062511/5517b8f84979594f228b4c46/html5/thumbnails/72.jpg)
![Page 73: Edward Tufte and Information Design for the Web (Mar 11)](https://reader035.vdocument.in/reader035/viewer/2022062511/5517b8f84979594f228b4c46/html5/thumbnails/73.jpg)
“
© 2011 NATHAN HUENING 12 March 2011 Chapel Hill, NCsprockethouse.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
![Page 74: Edward Tufte and Information Design for the Web (Mar 11)](https://reader035.vdocument.in/reader035/viewer/2022062511/5517b8f84979594f228b4c46/html5/thumbnails/74.jpg)
© 2011 NATHAN HUENING 12 March 2011 Chapel Hill, NCsprockethouse.com
Design from the inside, out
Application 4
![Page 75: Edward Tufte and Information Design for the Web (Mar 11)](https://reader035.vdocument.in/reader035/viewer/2022062511/5517b8f84979594f228b4c46/html5/thumbnails/75.jpg)
Warren Parsons Photo
![Page 76: Edward Tufte and Information Design for the Web (Mar 11)](https://reader035.vdocument.in/reader035/viewer/2022062511/5517b8f84979594f228b4c46/html5/thumbnails/76.jpg)
![Page 77: Edward Tufte and Information Design for the Web (Mar 11)](https://reader035.vdocument.in/reader035/viewer/2022062511/5517b8f84979594f228b4c46/html5/thumbnails/77.jpg)
![Page 78: Edward Tufte and Information Design for the Web (Mar 11)](https://reader035.vdocument.in/reader035/viewer/2022062511/5517b8f84979594f228b4c46/html5/thumbnails/78.jpg)
![Page 79: Edward Tufte and Information Design for the Web (Mar 11)](https://reader035.vdocument.in/reader035/viewer/2022062511/5517b8f84979594f228b4c46/html5/thumbnails/79.jpg)
![Page 80: Edward Tufte and Information Design for the Web (Mar 11)](https://reader035.vdocument.in/reader035/viewer/2022062511/5517b8f84979594f228b4c46/html5/thumbnails/80.jpg)
“
© 2011 NATHAN HUENING 12 March 2011 Chapel Hill, NCsprockethouse.com
Copywriting is interface design. Great interfaces are written. ... Good writing is good design.
37Signals Getting Real
![Page 81: Edward Tufte and Information Design for the Web (Mar 11)](https://reader035.vdocument.in/reader035/viewer/2022062511/5517b8f84979594f228b4c46/html5/thumbnails/81.jpg)
© 2011 NATHAN HUENING 12 March 2011 Chapel Hill, NCsprockethouse.com
Above all else,show the content
Application 5
![Page 82: Edward Tufte and Information Design for the Web (Mar 11)](https://reader035.vdocument.in/reader035/viewer/2022062511/5517b8f84979594f228b4c46/html5/thumbnails/82.jpg)
![Page 83: Edward Tufte and Information Design for the Web (Mar 11)](https://reader035.vdocument.in/reader035/viewer/2022062511/5517b8f84979594f228b4c46/html5/thumbnails/83.jpg)
![Page 84: Edward Tufte and Information Design for the Web (Mar 11)](https://reader035.vdocument.in/reader035/viewer/2022062511/5517b8f84979594f228b4c46/html5/thumbnails/84.jpg)
![Page 85: Edward Tufte and Information Design for the Web (Mar 11)](https://reader035.vdocument.in/reader035/viewer/2022062511/5517b8f84979594f228b4c46/html5/thumbnails/85.jpg)
![Page 86: Edward Tufte and Information Design for the Web (Mar 11)](https://reader035.vdocument.in/reader035/viewer/2022062511/5517b8f84979594f228b4c46/html5/thumbnails/86.jpg)
![Page 87: Edward Tufte and Information Design for the Web (Mar 11)](https://reader035.vdocument.in/reader035/viewer/2022062511/5517b8f84979594f228b4c46/html5/thumbnails/87.jpg)
![Page 88: Edward Tufte and Information Design for the Web (Mar 11)](https://reader035.vdocument.in/reader035/viewer/2022062511/5517b8f84979594f228b4c46/html5/thumbnails/88.jpg)
“
© 2011 NATHAN HUENING 12 March 2011 Chapel Hill, NCsprockethouse.com
In an architecture of content, the information becomes the interface.
Visual Explanations 146
![Page 89: Edward Tufte and Information Design for the Web (Mar 11)](https://reader035.vdocument.in/reader035/viewer/2022062511/5517b8f84979594f228b4c46/html5/thumbnails/89.jpg)
![Page 90: Edward Tufte and Information Design for the Web (Mar 11)](https://reader035.vdocument.in/reader035/viewer/2022062511/5517b8f84979594f228b4c46/html5/thumbnails/90.jpg)
![Page 91: Edward Tufte and Information Design for the Web (Mar 11)](https://reader035.vdocument.in/reader035/viewer/2022062511/5517b8f84979594f228b4c46/html5/thumbnails/91.jpg)
![Page 92: Edward Tufte and Information Design for the Web (Mar 11)](https://reader035.vdocument.in/reader035/viewer/2022062511/5517b8f84979594f228b4c46/html5/thumbnails/92.jpg)
![Page 93: Edward Tufte and Information Design for the Web (Mar 11)](https://reader035.vdocument.in/reader035/viewer/2022062511/5517b8f84979594f228b4c46/html5/thumbnails/93.jpg)
“
© 2011 NATHAN HUENING 12 March 2011 Chapel Hill, NCsprockethouse.com
Aesthetics matter: attractive things work better.
Donald Norman Interactions Magazine
![Page 94: Edward Tufte and Information Design for the Web (Mar 11)](https://reader035.vdocument.in/reader035/viewer/2022062511/5517b8f84979594f228b4c46/html5/thumbnails/94.jpg)
© 2011 NATHAN HUENING 12 March 2011 Chapel Hill, NCsprockethouse.com
Design reveals content
To clarify, add detail
Design from the inside, out
Smallest effective difference
Above all else, show the content
1
2
3
4
5
Applications to Web Design
![Page 95: Edward Tufte and Information Design for the Web (Mar 11)](https://reader035.vdocument.in/reader035/viewer/2022062511/5517b8f84979594f228b4c46/html5/thumbnails/95.jpg)
“
© 2011 NATHAN HUENING 12 March 2011 Chapel Hill, NCsprockethouse.com
‘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
![Page 96: Edward Tufte and Information Design for the Web (Mar 11)](https://reader035.vdocument.in/reader035/viewer/2022062511/5517b8f84979594f228b4c46/html5/thumbnails/96.jpg)
© 2011 NATHAN HUENING 12 March 2011 Chapel Hill, NCsprockethouse.com
This has beena Sprocket House production.
Thank you