Submit Search
Upload
Edward Tufte and Information Design for the Web
•
23 likes
•
22,093 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
Effective Data Visualization (David Giard)
Effective Data Visualization (David Giard)
ITCamp
Tufte envisioning designing_data
Tufte envisioning designing_data
Hoàng Trần Hữu
Report on Beautiful Evidence by E. Tufte
Report on Beautiful Evidence by E. Tufte
hckingmtuedu
MCJ Edward Tufte Notes
MCJ Edward Tufte Notes
McGarrah Jessee
Visual Design with Data
Visual Design with Data
Seth Familian
24 Design Tips from Real Designers
24 Design Tips from Real Designers
Edahn Small
Introduction to Storyboarding for User Experience Design
Introduction to Storyboarding for User Experience Design
Deb Aoki
Sketchnoting: 10 Tips to get Started
Sketchnoting: 10 Tips to get Started
Silvia Rosenthal Tolisano
Recommended
Effective Data Visualization (David Giard)
Effective Data Visualization (David Giard)
ITCamp
Tufte envisioning designing_data
Tufte envisioning designing_data
Hoàng Trần Hữu
Report on Beautiful Evidence by E. Tufte
Report on Beautiful Evidence by E. Tufte
hckingmtuedu
MCJ Edward Tufte Notes
MCJ Edward Tufte Notes
McGarrah Jessee
Visual Design with Data
Visual Design with Data
Seth Familian
24 Design Tips from Real Designers
24 Design Tips from Real Designers
Edahn Small
Introduction to Storyboarding for User Experience Design
Introduction to Storyboarding for User Experience Design
Deb Aoki
Sketchnoting: 10 Tips to get Started
Sketchnoting: 10 Tips to get Started
Silvia Rosenthal Tolisano
The Number One Mistake Everybody Makes on Twitter
The Number One Mistake Everybody Makes on Twitter
Gary Vaynerchuk
The Physical Interface
The Physical Interface
Josh Clark
UI & UX Design for Startups
UI & UX Design for Startups
Richard Fang
Wild Slides: 20 tips to improve your PowerPoint presentations
Wild Slides: 20 tips to improve your PowerPoint presentations
Make Great
Graphic Design Introduction Upload
Graphic Design Introduction Upload
Nida Aslam
25 Need-to-Know Marketing Stats
25 Need-to-Know Marketing Stats
contently
WHAT IS GRAPHIC DESIGN? (Intro to GD, Wk 1)
WHAT IS GRAPHIC DESIGN? (Intro to GD, Wk 1)
Shawn Calvert
Design Theory - Lecture 03: Design as Learning / Methods & Tools
Design Theory - Lecture 03: Design as Learning / Methods & Tools
Bas Leurs
Principles of Design
Principles of Design
Patrick Morgan
Ux is not UI
Ux is not UI
Bruno Mendes
A Guide to Using Color Effectively
A Guide to Using Color Effectively
Digital Media & Multimedia Design McFatter Technical College
Visual Design Elements
Visual Design Elements
Marketplace Nigeria
Its all about Infographics
Its all about Infographics
Aditya Krishna
Intro to Graphic Design Elements
Intro to Graphic Design Elements
Jordan Open Source Association
PrograMetrix Report: Cannabis & CBD Digital Advertising Trends
PrograMetrix Report: Cannabis & CBD Digital Advertising Trends
Brett Konen
Wireframing Basics - UX and the Design Process by Amber Vasquez
Wireframing Basics - UX and the Design Process by Amber Vasquez
Mightybytes
UI / UX Design Processes
UI / UX Design Processes
Muhammad Hijazi
Graphic design composition
Graphic design composition
suniltalekar1
Creating an Magazine ad with Adobe InDesign
Creating an Magazine ad with Adobe InDesign
Alease Michelle Jones
Typecurious: A Typography Crash Course
Typecurious: A Typography Crash Course
Digital Surgeons
How to Build a Simple Shopify Website
How to Build a Simple Shopify Website
mark11275
Booking open Available Pune Call Girls Nanded City 6297143586 Call Hot India...
Booking open Available Pune Call Girls Nanded City 6297143586 Call Hot India...
Call Girls in Nagpur High Profile
More Related Content
What's hot
The Number One Mistake Everybody Makes on Twitter
The Number One Mistake Everybody Makes on Twitter
Gary Vaynerchuk
The Physical Interface
The Physical Interface
Josh Clark
UI & UX Design for Startups
UI & UX Design for Startups
Richard Fang
Wild Slides: 20 tips to improve your PowerPoint presentations
Wild Slides: 20 tips to improve your PowerPoint presentations
Make Great
Graphic Design Introduction Upload
Graphic Design Introduction Upload
Nida Aslam
25 Need-to-Know Marketing Stats
25 Need-to-Know Marketing Stats
contently
WHAT IS GRAPHIC DESIGN? (Intro to GD, Wk 1)
WHAT IS GRAPHIC DESIGN? (Intro to GD, Wk 1)
Shawn Calvert
Design Theory - Lecture 03: Design as Learning / Methods & Tools
Design Theory - Lecture 03: Design as Learning / Methods & Tools
Bas Leurs
Principles of Design
Principles of Design
Patrick Morgan
Ux is not UI
Ux is not UI
Bruno Mendes
A Guide to Using Color Effectively
A Guide to Using Color Effectively
Digital Media & Multimedia Design McFatter Technical College
Visual Design Elements
Visual Design Elements
Marketplace Nigeria
Its all about Infographics
Its all about Infographics
Aditya Krishna
Intro to Graphic Design Elements
Intro to Graphic Design Elements
Jordan Open Source Association
PrograMetrix Report: Cannabis & CBD Digital Advertising Trends
PrograMetrix Report: Cannabis & CBD Digital Advertising Trends
Brett Konen
Wireframing Basics - UX and the Design Process by Amber Vasquez
Wireframing Basics - UX and the Design Process by Amber Vasquez
Mightybytes
UI / UX Design Processes
UI / UX Design Processes
Muhammad Hijazi
Graphic design composition
Graphic design composition
suniltalekar1
Creating an Magazine ad with Adobe InDesign
Creating an Magazine ad with Adobe InDesign
Alease Michelle Jones
Typecurious: A Typography Crash Course
Typecurious: A Typography Crash Course
Digital Surgeons
What's hot
(20)
The Number One Mistake Everybody Makes on Twitter
The Number One Mistake Everybody Makes on Twitter
The Physical Interface
The Physical Interface
UI & UX Design for Startups
UI & UX Design for Startups
Wild Slides: 20 tips to improve your PowerPoint presentations
Wild Slides: 20 tips to improve your PowerPoint presentations
Graphic Design Introduction Upload
Graphic Design Introduction Upload
25 Need-to-Know Marketing Stats
25 Need-to-Know Marketing Stats
WHAT IS GRAPHIC DESIGN? (Intro to GD, Wk 1)
WHAT IS GRAPHIC DESIGN? (Intro to GD, Wk 1)
Design Theory - Lecture 03: Design as Learning / Methods & Tools
Design Theory - Lecture 03: Design as Learning / Methods & Tools
Principles of Design
Principles of Design
Ux is not UI
Ux is not UI
A Guide to Using Color Effectively
A Guide to Using Color Effectively
Visual Design Elements
Visual Design Elements
Its all about Infographics
Its all about Infographics
Intro to Graphic Design Elements
Intro to Graphic Design Elements
PrograMetrix Report: Cannabis & CBD Digital Advertising Trends
PrograMetrix Report: Cannabis & CBD Digital Advertising Trends
Wireframing Basics - UX and the Design Process by Amber Vasquez
Wireframing Basics - UX and the Design Process by Amber Vasquez
UI / UX Design Processes
UI / UX Design Processes
Graphic design composition
Graphic design composition
Creating an Magazine ad with Adobe InDesign
Creating an Magazine ad with Adobe InDesign
Typecurious: A Typography Crash Course
Typecurious: A Typography Crash Course
Recently uploaded
How to Build a Simple Shopify Website
How to Build a Simple Shopify Website
mark11275
Booking open Available Pune Call Girls Nanded City 6297143586 Call Hot India...
Booking open Available Pune Call Girls Nanded City 6297143586 Call Hot India...
Call Girls in Nagpur High Profile
call girls in Vaishali (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝✔️✔️
call girls in Vaishali (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝✔️✔️
Delhi Call girls
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Hy...
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Hy...
Pooja Nehwal
Verified Trusted Call Girls Adugodi💘 9352852248 Good Looking standard Profil...
Verified Trusted Call Girls Adugodi💘 9352852248 Good Looking standard Profil...
kumaririma588
Abortion Pills in Oman (+918133066128) Cytotec clinic buy Oman Muscat
Abortion Pills in Oman (+918133066128) Cytotec clinic buy Oman Muscat
Abortion pills in Kuwait Cytotec pills in Kuwait
Jordan_Amanda_DMBS202404_PB1_2024-04.pdf
Jordan_Amanda_DMBS202404_PB1_2024-04.pdf
amanda2495
Editorial design Magazine design project.pdf
Editorial design Magazine design project.pdf
tbatkhuu1
8377087607, Door Step Call Girls In Kalkaji (Locanto) 24/7 Available
8377087607, Door Step Call Girls In Kalkaji (Locanto) 24/7 Available
dollysharma2066
VIP Model Call Girls Kalyani Nagar ( Pune ) Call ON 8005736733 Starting From ...
VIP Model Call Girls Kalyani Nagar ( Pune ) Call ON 8005736733 Starting From ...
SUHANI PANDEY
Sweety Planet Packaging Design Process Book.pptx
Sweety Planet Packaging Design Process Book.pptx
bingyichin04
Just Call Vip call girls dharamshala Escorts ☎️9352988975 Two shot with one g...
Just Call Vip call girls dharamshala Escorts ☎️9352988975 Two shot with one g...
gajnagarg
Call Girls Basavanagudi Just Call 👗 7737669865 👗 Top Class Call Girl Service ...
Call Girls Basavanagudi Just Call 👗 7737669865 👗 Top Class Call Girl Service ...
amitlee9823
➥🔝 7737669865 🔝▻ dharamshala Call-girls in Women Seeking Men 🔝dharamshala🔝 ...
➥🔝 7737669865 🔝▻ dharamshala Call-girls in Women Seeking Men 🔝dharamshala🔝 ...
amitlee9823
Call Girls Jalgaon Just Call 8617370543Top Class Call Girl Service Available
Call Girls Jalgaon Just Call 8617370543Top Class Call Girl Service Available
Nitya salvi
The hottest UI and UX Design Trends 2024
The hottest UI and UX Design Trends 2024
Ilham Brata
Top Rated Pune Call Girls Saswad ⟟ 6297143586 ⟟ Call Me For Genuine Sex Serv...
Top Rated Pune Call Girls Saswad ⟟ 6297143586 ⟟ Call Me For Genuine Sex Serv...
Call Girls in Nagpur High Profile
Hire 💕 8617697112 Meerut Call Girls Service Call Girls Agency
Hire 💕 8617697112 Meerut Call Girls Service Call Girls Agency
Nitya salvi
Sector 104, Noida Call girls :8448380779 Model Escorts | 100% verified
Sector 104, Noida Call girls :8448380779 Model Escorts | 100% verified
Delhi Call girls
Whitefield Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Ba...
Whitefield Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Ba...
amitlee9823
Recently uploaded
(20)
How to Build a Simple Shopify Website
How to Build a Simple Shopify Website
Booking open Available Pune Call Girls Nanded City 6297143586 Call Hot India...
Booking open Available Pune Call Girls Nanded City 6297143586 Call Hot India...
call girls in Vaishali (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝✔️✔️
call girls in Vaishali (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝✔️✔️
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Hy...
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Hy...
Verified Trusted Call Girls Adugodi💘 9352852248 Good Looking standard Profil...
Verified Trusted Call Girls Adugodi💘 9352852248 Good Looking standard Profil...
Abortion Pills in Oman (+918133066128) Cytotec clinic buy Oman Muscat
Abortion Pills in Oman (+918133066128) Cytotec clinic buy Oman Muscat
Jordan_Amanda_DMBS202404_PB1_2024-04.pdf
Jordan_Amanda_DMBS202404_PB1_2024-04.pdf
Editorial design Magazine design project.pdf
Editorial design Magazine design project.pdf
8377087607, Door Step Call Girls In Kalkaji (Locanto) 24/7 Available
8377087607, Door Step Call Girls In Kalkaji (Locanto) 24/7 Available
VIP Model Call Girls Kalyani Nagar ( Pune ) Call ON 8005736733 Starting From ...
VIP Model Call Girls Kalyani Nagar ( Pune ) Call ON 8005736733 Starting From ...
Sweety Planet Packaging Design Process Book.pptx
Sweety Planet Packaging Design Process Book.pptx
Just Call Vip call girls dharamshala Escorts ☎️9352988975 Two shot with one g...
Just Call Vip call girls dharamshala Escorts ☎️9352988975 Two shot with one g...
Call Girls Basavanagudi Just Call 👗 7737669865 👗 Top Class Call Girl Service ...
Call Girls Basavanagudi Just Call 👗 7737669865 👗 Top Class Call Girl Service ...
➥🔝 7737669865 🔝▻ dharamshala Call-girls in Women Seeking Men 🔝dharamshala🔝 ...
➥🔝 7737669865 🔝▻ dharamshala Call-girls in Women Seeking Men 🔝dharamshala🔝 ...
Call Girls Jalgaon Just Call 8617370543Top Class Call Girl Service Available
Call Girls Jalgaon Just Call 8617370543Top Class Call Girl Service Available
The hottest UI and UX Design Trends 2024
The hottest UI and UX Design Trends 2024
Top Rated Pune Call Girls Saswad ⟟ 6297143586 ⟟ Call Me For Genuine Sex Serv...
Top Rated Pune Call Girls Saswad ⟟ 6297143586 ⟟ Call Me For Genuine Sex Serv...
Hire 💕 8617697112 Meerut Call Girls Service Call Girls Agency
Hire 💕 8617697112 Meerut Call Girls Service Call Girls Agency
Sector 104, Noida Call girls :8448380779 Model Escorts | 100% verified
Sector 104, Noida Call girls :8448380779 Model Escorts | 100% verified
Whitefield Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Ba...
Whitefield Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Ba...
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