Submit Search
Upload
Edward Tufte and Information Design for the Web
•
23 likes
•
22,069 views
S
sprocketeer
Follow
Reprise of my 2009 presentation for Refresh the Triangle
Read less
Read more
Design
Report
Share
Report
Share
1 of 96
Download now
Download to read offline
Recommended
Displaying Data
Displaying Data
Bipul Deb Nath
The Joy of Data Driven Storytelling
The Joy of Data Driven Storytelling
Leslie Bradshaw
MCJ Edward Tufte Notes
MCJ Edward Tufte Notes
McGarrah Jessee
The Art of Business Storytelling with Data
The Art of Business Storytelling with Data
Andrés Fortino, PhD
I Want My MVP (Digital Project Management Summit 2014)
I Want My MVP (Digital Project Management Summit 2014)
Anthony Armendariz
Doubt, daring, and documentation (1).pdf
Doubt, daring, and documentation (1).pdf
@HaggertyVilla Haggerty-Villa
Strategic Storytelling | Business Presentation Techniques
Strategic Storytelling | Business Presentation Techniques
Jeremey Donovan
DataCamp investor deck April 2015
DataCamp investor deck April 2015
Jonathan Cornelissen
Recommended
Displaying Data
Displaying Data
Bipul Deb Nath
The Joy of Data Driven Storytelling
The Joy of Data Driven Storytelling
Leslie Bradshaw
MCJ Edward Tufte Notes
MCJ Edward Tufte Notes
McGarrah Jessee
The Art of Business Storytelling with Data
The Art of Business Storytelling with Data
Andrés Fortino, PhD
I Want My MVP (Digital Project Management Summit 2014)
I Want My MVP (Digital Project Management Summit 2014)
Anthony Armendariz
Doubt, daring, and documentation (1).pdf
Doubt, daring, and documentation (1).pdf
@HaggertyVilla Haggerty-Villa
Strategic Storytelling | Business Presentation Techniques
Strategic Storytelling | Business Presentation Techniques
Jeremey Donovan
DataCamp investor deck April 2015
DataCamp investor deck April 2015
Jonathan Cornelissen
Optimizing Your Content Marketing and Blog for Conversions
Optimizing Your Content Marketing and Blog for Conversions
Kissmetrics on SlideShare
Data Storytelling: The only way to unlock true insight from your data
Data Storytelling: The only way to unlock true insight from your data
Bright North
Creating a Data-Driven Organization (Data Day Seattle 2015)
Creating a Data-Driven Organization (Data Day Seattle 2015)
Carl Anderson
10x Thinking - Leadership Development Session
10x Thinking - Leadership Development Session
Karina Ananta
Visual Storytelling with Data
Visual Storytelling with Data
JESS3
The Wealthfront Equity Plan (Stanford GSB, March 2016)
The Wealthfront Equity Plan (Stanford GSB, March 2016)
Adam Nash
Retain and Grow Your Customers
Retain and Grow Your Customers
Marketo
World Economic Forum: The power of analytics for better and faster decisions ...
World Economic Forum: The power of analytics for better and faster decisions ...
PwC
Mckinsey trends 2021
Mckinsey trends 2021
RakeshBawari1
Gartner - Buyer Enablement - win-more-b2b-sales-deals.pdf
Gartner - Buyer Enablement - win-more-b2b-sales-deals.pdf
Daniel Wu
Data Visualization Design Best Practices Workshop
Data Visualization Design Best Practices Workshop
Amanda Makulec
Data storytelling with personas, Utrecht
Data storytelling with personas, Utrecht
CREATIVE COMPANION
Moonshot Thinking
Moonshot Thinking
Slides That Rock
BI Business Requirements - A Framework For Business Analysts
BI Business Requirements - A Framework For Business Analysts
International Institute of Business Analysis - South Florida Chapter
Do You Struggle With Employee Recognition?
Do You Struggle With Employee Recognition?
Elodie A.
Software Project Proposal- Result Analysis Tool
Software Project Proposal- Result Analysis Tool
Minhas Kamal
Visualisation & Storytelling in Data Science & Analytics
Visualisation & Storytelling in Data Science & Analytics
Felipe Rego
DeciBio Perspectives on Pain Points, Unmet Needs, and Disruption in Precision...
DeciBio Perspectives on Pain Points, Unmet Needs, and Disruption in Precision...
Andrew Aijian
Storytelling with Data - Approach | Skills
Storytelling with Data - Approach | Skills
Amit Kapoor
How to Create a Lean Canvas and Interview Customers for Problem Validation
How to Create a Lean Canvas and Interview Customers for Problem Validation
Tal Atzmon
(办理学位证)约克圣约翰大学毕业证,KCL成绩单原版一比一
(办理学位证)约克圣约翰大学毕业证,KCL成绩单原版一比一
D SSS
Business research proposal mcdo.pptxBusiness research proposal mcdo.pptxBusin...
Business research proposal mcdo.pptxBusiness research proposal mcdo.pptxBusin...
mrchrns005
More Related Content
What's hot
Optimizing Your Content Marketing and Blog for Conversions
Optimizing Your Content Marketing and Blog for Conversions
Kissmetrics on SlideShare
Data Storytelling: The only way to unlock true insight from your data
Data Storytelling: The only way to unlock true insight from your data
Bright North
Creating a Data-Driven Organization (Data Day Seattle 2015)
Creating a Data-Driven Organization (Data Day Seattle 2015)
Carl Anderson
10x Thinking - Leadership Development Session
10x Thinking - Leadership Development Session
Karina Ananta
Visual Storytelling with Data
Visual Storytelling with Data
JESS3
The Wealthfront Equity Plan (Stanford GSB, March 2016)
The Wealthfront Equity Plan (Stanford GSB, March 2016)
Adam Nash
Retain and Grow Your Customers
Retain and Grow Your Customers
Marketo
World Economic Forum: The power of analytics for better and faster decisions ...
World Economic Forum: The power of analytics for better and faster decisions ...
PwC
Mckinsey trends 2021
Mckinsey trends 2021
RakeshBawari1
Gartner - Buyer Enablement - win-more-b2b-sales-deals.pdf
Gartner - Buyer Enablement - win-more-b2b-sales-deals.pdf
Daniel Wu
Data Visualization Design Best Practices Workshop
Data Visualization Design Best Practices Workshop
Amanda Makulec
Data storytelling with personas, Utrecht
Data storytelling with personas, Utrecht
CREATIVE COMPANION
Moonshot Thinking
Moonshot Thinking
Slides That Rock
BI Business Requirements - A Framework For Business Analysts
BI Business Requirements - A Framework For Business Analysts
International Institute of Business Analysis - South Florida Chapter
Do You Struggle With Employee Recognition?
Do You Struggle With Employee Recognition?
Elodie A.
Software Project Proposal- Result Analysis Tool
Software Project Proposal- Result Analysis Tool
Minhas Kamal
Visualisation & Storytelling in Data Science & Analytics
Visualisation & Storytelling in Data Science & Analytics
Felipe Rego
DeciBio Perspectives on Pain Points, Unmet Needs, and Disruption in Precision...
DeciBio Perspectives on Pain Points, Unmet Needs, and Disruption in Precision...
Andrew Aijian
Storytelling with Data - Approach | Skills
Storytelling with Data - Approach | Skills
Amit Kapoor
How to Create a Lean Canvas and Interview Customers for Problem Validation
How to Create a Lean Canvas and Interview Customers for Problem Validation
Tal Atzmon
What's hot
(20)
Optimizing Your Content Marketing and Blog for Conversions
Optimizing Your Content Marketing and Blog for Conversions
Data Storytelling: The only way to unlock true insight from your data
Data Storytelling: The only way to unlock true insight from your data
Creating a Data-Driven Organization (Data Day Seattle 2015)
Creating a Data-Driven Organization (Data Day Seattle 2015)
10x Thinking - Leadership Development Session
10x Thinking - Leadership Development Session
Visual Storytelling with Data
Visual Storytelling with Data
The Wealthfront Equity Plan (Stanford GSB, March 2016)
The Wealthfront Equity Plan (Stanford GSB, March 2016)
Retain and Grow Your Customers
Retain and Grow Your Customers
World Economic Forum: The power of analytics for better and faster decisions ...
World Economic Forum: The power of analytics for better and faster decisions ...
Mckinsey trends 2021
Mckinsey trends 2021
Gartner - Buyer Enablement - win-more-b2b-sales-deals.pdf
Gartner - Buyer Enablement - win-more-b2b-sales-deals.pdf
Data Visualization Design Best Practices Workshop
Data Visualization Design Best Practices Workshop
Data storytelling with personas, Utrecht
Data storytelling with personas, Utrecht
Moonshot Thinking
Moonshot Thinking
BI Business Requirements - A Framework For Business Analysts
BI Business Requirements - A Framework For Business Analysts
Do You Struggle With Employee Recognition?
Do You Struggle With Employee Recognition?
Software Project Proposal- Result Analysis Tool
Software Project Proposal- Result Analysis Tool
Visualisation & Storytelling in Data Science & Analytics
Visualisation & Storytelling in Data Science & Analytics
DeciBio Perspectives on Pain Points, Unmet Needs, and Disruption in Precision...
DeciBio Perspectives on Pain Points, Unmet Needs, and Disruption in Precision...
Storytelling with Data - Approach | Skills
Storytelling with Data - Approach | Skills
How to Create a Lean Canvas and Interview Customers for Problem Validation
How to Create a Lean Canvas and Interview Customers for Problem Validation
Recently uploaded
(办理学位证)约克圣约翰大学毕业证,KCL成绩单原版一比一
(办理学位证)约克圣约翰大学毕业证,KCL成绩单原版一比一
D SSS
Business research proposal mcdo.pptxBusiness research proposal mcdo.pptxBusin...
Business research proposal mcdo.pptxBusiness research proposal mcdo.pptxBusin...
mrchrns005
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档
208367051
ARt app | UX Case Study
ARt app | UX Case Study
Sophia Viganò
How to Empower the future of UX Design with Gen AI
How to Empower the future of UX Design with Gen AI
yuj
Untitled presedddddddddddddddddntation (1).pptx
Untitled presedddddddddddddddddntation (1).pptx
mapanig881
Passbook project document_april_21__.pdf
Passbook project document_april_21__.pdf
vaibhavkanaujia
Pharmaceutical Packaging for the elderly.pdf
Pharmaceutical Packaging for the elderly.pdf
AayushChavan5
group_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.pdf
neelspinoy
定制(CQU文凭证书)中央昆士兰大学毕业证成绩单原版一比一
定制(CQU文凭证书)中央昆士兰大学毕业证成绩单原版一比一
Fi ss
FiveHypotheses_UIDMasterclass_18April2024.pdf
FiveHypotheses_UIDMasterclass_18April2024.pdf
Shivakumar Viswanathan
2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
yuu sss
Call Girls in Pratap Nagar, 9953056974 Escort Service
Call Girls in Pratap Nagar, 9953056974 Escort Service
9953056974 Low Rate Call Girls In Saket, Delhi NCR
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
Rishabh Aryan
韩国SKKU学位证,成均馆大学毕业证书1:1制作
韩国SKKU学位证,成均馆大学毕业证书1:1制作
7tz4rjpd
cda.pptx critical discourse analysis ppt
cda.pptx critical discourse analysis ppt
MaryamAfzal41
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
ttt fff
Design and Managing Service in the field of tourism and hospitality industry
Design and Managing Service in the field of tourism and hospitality industry
rioverosanniejoy
8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCR
8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCR
dollysharma2066
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一
Fi L
Recently uploaded
(20)
(办理学位证)约克圣约翰大学毕业证,KCL成绩单原版一比一
(办理学位证)约克圣约翰大学毕业证,KCL成绩单原版一比一
Business research proposal mcdo.pptxBusiness research proposal mcdo.pptxBusin...
Business research proposal mcdo.pptxBusiness research proposal mcdo.pptxBusin...
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档
ARt app | UX Case Study
ARt app | UX Case Study
How to Empower the future of UX Design with Gen AI
How to Empower the future of UX Design with Gen AI
Untitled presedddddddddddddddddntation (1).pptx
Untitled presedddddddddddddddddntation (1).pptx
Passbook project document_april_21__.pdf
Passbook project document_april_21__.pdf
Pharmaceutical Packaging for the elderly.pdf
Pharmaceutical Packaging for the elderly.pdf
group_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.pdf
定制(CQU文凭证书)中央昆士兰大学毕业证成绩单原版一比一
定制(CQU文凭证书)中央昆士兰大学毕业证成绩单原版一比一
FiveHypotheses_UIDMasterclass_18April2024.pdf
FiveHypotheses_UIDMasterclass_18April2024.pdf
2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
Call Girls in Pratap Nagar, 9953056974 Escort Service
Call Girls in Pratap Nagar, 9953056974 Escort Service
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
韩国SKKU学位证,成均馆大学毕业证书1:1制作
韩国SKKU学位证,成均馆大学毕业证书1:1制作
cda.pptx critical discourse analysis ppt
cda.pptx critical discourse analysis ppt
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
Design and Managing Service in the field of tourism and hospitality industry
Design and Managing Service in the field of tourism and hospitality industry
8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCR
8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCR
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一
Edward Tufte and Information Design for the Web
1.
Edward Tufte & Information
Design For 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.
5.
“
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
6.
7.
Outline Information design principles Application
to Web design © 2011 NATHAN HUENING sprockethouse.com 12 March 2011 Chapel Hill, NC
8.
Tufte’s Information Design
Principles 1 Graphics reveal data 2 To clarify, add detail 3 Small multiples invite comparisons 4 “Smallest effective difference” 5 Above all else, show the data © 2011 NATHAN HUENING sprockethouse.com 12 March 2011 Chapel Hill, NC
9.
Principle 1 Graphics reveal data ©
2011 NATHAN HUENING sprockethouse.com 12 March 2011 Chapel Hill, NC
10.
11.
12.
13.
“
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
14.
15.
16.
17.
18.
“
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
19.
20.
Principle 2 To clarify, add
detail © 2011 NATHAN HUENING sprockethouse.com 12 March 2011 Chapel Hill, NC
21.
22.
23.
24.
25.
26.
“
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
27.
Principle 3 Small multiples invite
comparisons © 2011 NATHAN HUENING sprockethouse.com 12 March 2011 Chapel Hill, NC
28.
Tufte iPhone Video: http://www.edwardtufte.com/ bboard/q-and-a-fetch-msg? msg_id=00036T
29.
“
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
30.
Principle 4 The “smallest effective
difference” © 2011 NATHAN HUENING sprockethouse.com 12 March 2011 Chapel Hill, NC
31.
32.
33.
34.
35.
36.
“
Now what can be eliminated? Frank Lloyd Wright © 2011 NATHAN HUENING sprockethouse.com 12 March 2011 Chapel Hill, NC
37.
Principle 5 Above all
else, show the data © 2011 NATHAN HUENING sprockethouse.com 12 March 2011 Chapel Hill, NC
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
“
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
48.
Tufte’s Information Design
Principles 1 Graphics reveal data 2 To clarify, add detail 3 Small multiples invite comparisons 4 “Smallest effective difference” 5 Above all else, show the data © 2011 NATHAN HUENING sprockethouse.com 12 March 2011 Chapel Hill, NC
49.
Application to Web
Design 1 Design reveals content 2 To clarify, add detail 3 Design from the inside, out 4 Smallest effective difference 5 Above all else, show the content © 2011 NATHAN HUENING sprockethouse.com 12 March 2011 Chapel Hill, NC
50.
“
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
51.
Application 1 Design reveals data ©
2011 NATHAN HUENING sprockethouse.com 12 March 2011 Chapel Hill, NC
52.
Application 1a Contrast reveals data ©
2011 NATHAN HUENING sprockethouse.com 12 March 2011 Chapel Hill, NC
53.
Application 1b Contrast reveals information ©
2011 NATHAN HUENING sprockethouse.com 12 March 2011 Chapel Hill, NC
54.
Andy Rutledge A
List Apart
55.
“
Information consists of differences that make a difference. Envisioning Information 65 © 2011 NATHAN HUENING sprockethouse.com 12 March 2011 Chapel Hill, NC
56.
1
2 3 4 5 6
57.
Application 2 To clarify, add
detail © 2011 NATHAN HUENING sprockethouse.com 12 March 2011 Chapel Hill, NC
58.
1 List your
bits 2 Figure out which bits relate 3 Assign priorities 4 Design each bit 5 Assemble bits 37Signals An Introduction to Using Patterns in Web Design
59.
Scan annotated content invent.
60.
61.
62.
63.
64.
65.
66.
67.
Application 3 Employ the
smallest effective difference © 2011 NATHAN HUENING sprockethouse.com 12 March 2011 Chapel Hill, NC
68.
tutorial9.net
69.
tutorial9.net
70.
Dan Cederholm simplebits.com
71.
Doug Bowman stopdesign.com
72.
73.
“
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
74.
Application 4 Design from
the inside, out © 2011 NATHAN HUENING sprockethouse.com 12 March 2011 Chapel Hill, NC
75.
Warren Parsons Photo
76.
77.
78.
79.
80.
“
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
81.
Application 5 Above all
else, show the content © 2011 NATHAN HUENING sprockethouse.com 12 March 2011 Chapel Hill, NC
82.
83.
84.
85.
86.
87.
88.
“
In an architecture of content, the information becomes the interface. Visual Explanations 146 © 2011 NATHAN HUENING sprockethouse.com 12 March 2011 Chapel Hill, NC
89.
90.
91.
92.
93.
“
Aesthetics matter: attractive things work better. Donald Norman Interactions Magazine © 2011 NATHAN HUENING sprockethouse.com 12 March 2011 Chapel Hill, NC
94.
Applications to Web
Design 1 Design reveals content 2 To clarify, add detail 3 Design from the inside, out 4 Smallest effective difference 5 Above all else, show the content © 2011 NATHAN HUENING sprockethouse.com 12 March 2011 Chapel Hill, NC
95.
“
‘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
96.
Thank you This has
been a Sprocket House production. © 2011 NATHAN HUENING sprockethouse.com 12 March 2011 Chapel Hill, NC
Download now