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
Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024
Search Engine Journal
Digital Strategy Toolbox
Digital Strategy Toolbox
Julian Cole
Punch Social Media Trends Report 2022
Punch Social Media Trends Report 2022
Bryn Foweather
How to Determine the ROI of Anything
How to Determine the ROI of Anything
Gary Vaynerchuk
The Ultimate Startup Pitch Deck Template and Example Startup Pitch
The Ultimate Startup Pitch Deck Template and Example Startup Pitch
Silvia Mah PhD, MBA
Social Media Trends 2023 - MarketingTrips.pdf
Social Media Trends 2023 - MarketingTrips.pdf
MarketingTrips
Smart Digital Marketing Plan for eCommerce Website, by Anthony Ragland
Smart Digital Marketing Plan for eCommerce Website, by Anthony Ragland
Anthony Ragland
Recommended
Effective Data Visualization (David Giard)
Effective Data Visualization (David Giard)
ITCamp
Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024
Search Engine Journal
Digital Strategy Toolbox
Digital Strategy Toolbox
Julian Cole
Punch Social Media Trends Report 2022
Punch Social Media Trends Report 2022
Bryn Foweather
How to Determine the ROI of Anything
How to Determine the ROI of Anything
Gary Vaynerchuk
The Ultimate Startup Pitch Deck Template and Example Startup Pitch
The Ultimate Startup Pitch Deck Template and Example Startup Pitch
Silvia Mah PhD, MBA
Social Media Trends 2023 - MarketingTrips.pdf
Social Media Trends 2023 - MarketingTrips.pdf
MarketingTrips
Smart Digital Marketing Plan for eCommerce Website, by Anthony Ragland
Smart Digital Marketing Plan for eCommerce Website, by Anthony Ragland
Anthony Ragland
The Website Redesign Process
The Website Redesign Process
Gary Schroeder
What the F**k is Social Media NOW?
What the F**k is Social Media NOW?
Martafy!
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie Insights
Kurio // The Social Media Age(ncy)
Netflix Digital Strategy
Netflix Digital Strategy
VCCP
3 Storytelling Tips - From Acclaimed Writer Burt Helm
3 Storytelling Tips - From Acclaimed Writer Burt Helm
Ethos3
Content Marketing Training by Christa Sabathaly
Content Marketing Training by Christa Sabathaly
Growth Hacking Asia
10 Things your Audience Hates About your Presentation
10 Things your Audience Hates About your Presentation
Stinson
Stop Selling Start Helping
Stop Selling Start Helping
Slides That Rock
Clickbait: A Guide To Writing Un-Ignorable Headlines
Clickbait: A Guide To Writing Un-Ignorable Headlines
Venngage
Growth Lessons from Early Snapchat
Growth Lessons from Early Snapchat
Mozza
2022 B2B Content Marketing Research: Benchmarks, Budgets, Trends
2022 B2B Content Marketing Research: Benchmarks, Budgets, Trends
MarketingProfs
Real estate Industry Digital Marketing
Real estate Industry Digital Marketing
Naynish Ladkat
SXSW 2016: The Need To Knows
SXSW 2016: The Need To Knows
Ogilvy Consulting
Social media trends 2022
Social media trends 2022
VeronikaFazekas2
Level Up: Lessons in User Retention from the Gaming Industry
Level Up: Lessons in User Retention from the Gaming Industry
CleverTap
Ogilvy_SL_SOCIAL MEDIA TRENDS 2023.pdf
Ogilvy_SL_SOCIAL MEDIA TRENDS 2023.pdf
Mishellie
What is Comms Planning?
What is Comms Planning?
Julian Cole
Influencing our New Reality
Influencing our New Reality
Ogilvy Consulting
What are people, who nobody is listening to, saying?
What are people, who nobody is listening to, saying?
Albert Stęclik
Must Know Social Media Trends For 2022
Must Know Social Media Trends For 2022
Falcon.io
Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...
Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...
amitlee9823
Sweety Planet Packaging Design Process Book.pptx
Sweety Planet Packaging Design Process Book.pptx
bingyichin04
More Related Content
What's hot
The Website Redesign Process
The Website Redesign Process
Gary Schroeder
What the F**k is Social Media NOW?
What the F**k is Social Media NOW?
Martafy!
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie Insights
Kurio // The Social Media Age(ncy)
Netflix Digital Strategy
Netflix Digital Strategy
VCCP
3 Storytelling Tips - From Acclaimed Writer Burt Helm
3 Storytelling Tips - From Acclaimed Writer Burt Helm
Ethos3
Content Marketing Training by Christa Sabathaly
Content Marketing Training by Christa Sabathaly
Growth Hacking Asia
10 Things your Audience Hates About your Presentation
10 Things your Audience Hates About your Presentation
Stinson
Stop Selling Start Helping
Stop Selling Start Helping
Slides That Rock
Clickbait: A Guide To Writing Un-Ignorable Headlines
Clickbait: A Guide To Writing Un-Ignorable Headlines
Venngage
Growth Lessons from Early Snapchat
Growth Lessons from Early Snapchat
Mozza
2022 B2B Content Marketing Research: Benchmarks, Budgets, Trends
2022 B2B Content Marketing Research: Benchmarks, Budgets, Trends
MarketingProfs
Real estate Industry Digital Marketing
Real estate Industry Digital Marketing
Naynish Ladkat
SXSW 2016: The Need To Knows
SXSW 2016: The Need To Knows
Ogilvy Consulting
Social media trends 2022
Social media trends 2022
VeronikaFazekas2
Level Up: Lessons in User Retention from the Gaming Industry
Level Up: Lessons in User Retention from the Gaming Industry
CleverTap
Ogilvy_SL_SOCIAL MEDIA TRENDS 2023.pdf
Ogilvy_SL_SOCIAL MEDIA TRENDS 2023.pdf
Mishellie
What is Comms Planning?
What is Comms Planning?
Julian Cole
Influencing our New Reality
Influencing our New Reality
Ogilvy Consulting
What are people, who nobody is listening to, saying?
What are people, who nobody is listening to, saying?
Albert Stęclik
Must Know Social Media Trends For 2022
Must Know Social Media Trends For 2022
Falcon.io
What's hot
(20)
The Website Redesign Process
The Website Redesign Process
What the F**k is Social Media NOW?
What the F**k is Social Media NOW?
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie Insights
Netflix Digital Strategy
Netflix Digital Strategy
3 Storytelling Tips - From Acclaimed Writer Burt Helm
3 Storytelling Tips - From Acclaimed Writer Burt Helm
Content Marketing Training by Christa Sabathaly
Content Marketing Training by Christa Sabathaly
10 Things your Audience Hates About your Presentation
10 Things your Audience Hates About your Presentation
Stop Selling Start Helping
Stop Selling Start Helping
Clickbait: A Guide To Writing Un-Ignorable Headlines
Clickbait: A Guide To Writing Un-Ignorable Headlines
Growth Lessons from Early Snapchat
Growth Lessons from Early Snapchat
2022 B2B Content Marketing Research: Benchmarks, Budgets, Trends
2022 B2B Content Marketing Research: Benchmarks, Budgets, Trends
Real estate Industry Digital Marketing
Real estate Industry Digital Marketing
SXSW 2016: The Need To Knows
SXSW 2016: The Need To Knows
Social media trends 2022
Social media trends 2022
Level Up: Lessons in User Retention from the Gaming Industry
Level Up: Lessons in User Retention from the Gaming Industry
Ogilvy_SL_SOCIAL MEDIA TRENDS 2023.pdf
Ogilvy_SL_SOCIAL MEDIA TRENDS 2023.pdf
What is Comms Planning?
What is Comms Planning?
Influencing our New Reality
Influencing our New Reality
What are people, who nobody is listening to, saying?
What are people, who nobody is listening to, saying?
Must Know Social Media Trends For 2022
Must Know Social Media Trends For 2022
Recently uploaded
Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...
Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...
amitlee9823
Sweety Planet Packaging Design Process Book.pptx
Sweety Planet Packaging Design Process Book.pptx
bingyichin04
Call Girls Basavanagudi Just Call 👗 7737669865 👗 Top Class Call Girl Service ...
Call Girls Basavanagudi Just Call 👗 7737669865 👗 Top Class Call Girl Service ...
amitlee9823
VVIP Pune Call Girls Hadapsar (7001035870) Pune Escorts Nearby with Complete ...
VVIP Pune Call Girls Hadapsar (7001035870) Pune Escorts Nearby with Complete ...
Call Girls in Nagpur High Profile
Nisha Yadav Escorts Service Ernakulam ❣️ 7014168258 ❣️ High Cost Unlimited Ha...
Nisha Yadav Escorts Service Ernakulam ❣️ 7014168258 ❣️ High Cost Unlimited Ha...
nirzagarg
Escorts Service Basapura ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Escorts Service Basapura ☎ 7737669865☎ Book Your One night Stand (Bangalore)
amitlee9823
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
Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)
amitlee9823
DESIGN THINKING in architecture- Introduction
DESIGN THINKING in architecture- Introduction
sivagami49
call girls in Vasundhra (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...
call girls in Vasundhra (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...
Delhi Call girls
Booking open Available Pune Call Girls Kirkatwadi 6297143586 Call Hot Indian...
Booking open Available Pune Call Girls Kirkatwadi 6297143586 Call Hot Indian...
Call Girls in Nagpur High Profile
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Th...
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Th...
Pooja Nehwal
Recommendable # 971589162217 # philippine Young Call Girls in Dubai By Marina...
Recommendable # 971589162217 # philippine Young Call Girls in Dubai By Marina...
home
Case Study of Hotel Taj Vivanta, Pune
Case Study of Hotel Taj Vivanta, Pune
LukeKholes
8377087607, Door Step Call Girls In Kalkaji (Locanto) 24/7 Available
8377087607, Door Step Call Girls In Kalkaji (Locanto) 24/7 Available
dollysharma2066
SD_The MATATAG Curriculum Training Design.pptx
SD_The MATATAG Curriculum Training Design.pptx
janettecruzeiro1
Q4-W4-SCIENCE-5 power point presentation
Q4-W4-SCIENCE-5 power point presentation
ZenSeloveres
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
❤Personal Whatsapp Number 8617697112 Samba Call Girls 💦✅.
❤Personal Whatsapp Number 8617697112 Samba Call Girls 💦✅.
Nitya salvi
Peaches App development presentation deck
Peaches App development presentation deck
tbatkhuu1
Recently uploaded
(20)
Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...
Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...
Sweety Planet Packaging Design Process Book.pptx
Sweety Planet Packaging Design Process Book.pptx
Call Girls Basavanagudi Just Call 👗 7737669865 👗 Top Class Call Girl Service ...
Call Girls Basavanagudi Just Call 👗 7737669865 👗 Top Class Call Girl Service ...
VVIP Pune Call Girls Hadapsar (7001035870) Pune Escorts Nearby with Complete ...
VVIP Pune Call Girls Hadapsar (7001035870) Pune Escorts Nearby with Complete ...
Nisha Yadav Escorts Service Ernakulam ❣️ 7014168258 ❣️ High Cost Unlimited Ha...
Nisha Yadav Escorts Service Ernakulam ❣️ 7014168258 ❣️ High Cost Unlimited Ha...
Escorts Service Basapura ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Escorts Service Basapura ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Hy...
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Hy...
Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)
DESIGN THINKING in architecture- Introduction
DESIGN THINKING in architecture- Introduction
call girls in Vasundhra (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...
call girls in Vasundhra (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...
Booking open Available Pune Call Girls Kirkatwadi 6297143586 Call Hot Indian...
Booking open Available Pune Call Girls Kirkatwadi 6297143586 Call Hot Indian...
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Th...
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Th...
Recommendable # 971589162217 # philippine Young Call Girls in Dubai By Marina...
Recommendable # 971589162217 # philippine Young Call Girls in Dubai By Marina...
Case Study of Hotel Taj Vivanta, Pune
Case Study of Hotel Taj Vivanta, Pune
8377087607, Door Step Call Girls In Kalkaji (Locanto) 24/7 Available
8377087607, Door Step Call Girls In Kalkaji (Locanto) 24/7 Available
SD_The MATATAG Curriculum Training Design.pptx
SD_The MATATAG Curriculum Training Design.pptx
Q4-W4-SCIENCE-5 power point presentation
Q4-W4-SCIENCE-5 power point presentation
Booking open Available Pune Call Girls Nanded City 6297143586 Call Hot India...
Booking open Available Pune Call Girls Nanded City 6297143586 Call Hot India...
❤Personal Whatsapp Number 8617697112 Samba Call Girls 💦✅.
❤Personal Whatsapp Number 8617697112 Samba Call Girls 💦✅.
Peaches App development presentation deck
Peaches App development presentation deck
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