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
Slideshow view
Report
Share
Slideshow view
Report
Share
1 of 96
Download now
Download to read offline
Recommended
Effective Data Visualization (David Giard)
Effective Data Visualization (David Giard)
ITCamp
MCJ Edward Tufte Notes
MCJ Edward Tufte Notes
McGarrah Jessee
Lessons From Edward Tufte
Lessons From Edward Tufte
Mika Aldaba
Logo re design
Logo re design
mklaber
What's Next: The Holistic Content Studio
What's Next: The Holistic Content Studio
Ogilvy Consulting
Think Like A Growth Hacker
Think Like A Growth Hacker
Tim Homuth
Bbdo big idea_today
Bbdo big idea_today
Leslie Turley
Report on Beautiful Evidence by E. Tufte
Report on Beautiful Evidence by E. Tufte
hckingmtuedu
Recommended
Effective Data Visualization (David Giard)
Effective Data Visualization (David Giard)
ITCamp
MCJ Edward Tufte Notes
MCJ Edward Tufte Notes
McGarrah Jessee
Lessons From Edward Tufte
Lessons From Edward Tufte
Mika Aldaba
Logo re design
Logo re design
mklaber
What's Next: The Holistic Content Studio
What's Next: The Holistic Content Studio
Ogilvy Consulting
Think Like A Growth Hacker
Think Like A Growth Hacker
Tim Homuth
Bbdo big idea_today
Bbdo big idea_today
Leslie Turley
Report on Beautiful Evidence by E. Tufte
Report on Beautiful Evidence by E. Tufte
hckingmtuedu
17 Ways to Design a Presentation People Want to View
17 Ways to Design a Presentation People Want to View
Jim MacLeod
The Creative Brief: An Introduction
The Creative Brief: An Introduction
edward boches
Information Graphics for Everyone
Information Graphics for Everyone
Trina Chiasson
The pyramid principle by barbara minto
The pyramid principle by barbara minto
Altair Management Consultants
How to write a killer agency creative brief
How to write a killer agency creative brief
David Bell
Effective Logo Design
Effective Logo Design
clewis86
Tbwa speech
Tbwa speech
Peterson Tran
Connections Planningness
Connections Planningness
Jason Oke
7 Effective TikTok Marketing Tactics to Skyrocket Your eCommerce Sales
7 Effective TikTok Marketing Tactics to Skyrocket Your eCommerce Sales
weDevs
TikTok Money Mastery: Unlocking the Secrets to Monetizing Your TikTok Presence
TikTok Money Mastery: Unlocking the Secrets to Monetizing Your TikTok Presence
soufianecherraj
Ideal Key Issues presentation
Ideal Key Issues presentation
Beloved Brands Inc.
Telling Stories With Data
Telling Stories With Data
Tom Morton
Its all about Infographics
Its all about Infographics
Aditya Krishna
Clubhouse: Viral Growth Lessons
Clubhouse: Viral Growth Lessons
Yannick Steinmann
Talking TikTok: How to Authentically Activate and Convert on the Highest Enga...
Talking TikTok: How to Authentically Activate and Convert on the Highest Enga...
Tinuiti
Pixar's 22 Rules to Phenomenal Storytelling
Pixar's 22 Rules to Phenomenal Storytelling
Gavin McMahon
Instagram vs YouTube vs TikTok - Which platform to run your Influencer Market...
Instagram vs YouTube vs TikTok - Which platform to run your Influencer Market...
Winkl
dentsu 2022 media trends
dentsu 2022 media trends
dentsu
Good Design is Honest: Cognitive Science to UX Design Principles
Good Design is Honest: Cognitive Science to UX Design Principles
William Evans
4 Key Elements of Great Infographic Design
4 Key Elements of Great Infographic Design
Andrea Fryrear
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
Q4-W4-SCIENCE-5 power point presentation
Q4-W4-SCIENCE-5 power point presentation
ZenSeloveres
More Related Content
What's hot
17 Ways to Design a Presentation People Want to View
17 Ways to Design a Presentation People Want to View
Jim MacLeod
The Creative Brief: An Introduction
The Creative Brief: An Introduction
edward boches
Information Graphics for Everyone
Information Graphics for Everyone
Trina Chiasson
The pyramid principle by barbara minto
The pyramid principle by barbara minto
Altair Management Consultants
How to write a killer agency creative brief
How to write a killer agency creative brief
David Bell
Effective Logo Design
Effective Logo Design
clewis86
Tbwa speech
Tbwa speech
Peterson Tran
Connections Planningness
Connections Planningness
Jason Oke
7 Effective TikTok Marketing Tactics to Skyrocket Your eCommerce Sales
7 Effective TikTok Marketing Tactics to Skyrocket Your eCommerce Sales
weDevs
TikTok Money Mastery: Unlocking the Secrets to Monetizing Your TikTok Presence
TikTok Money Mastery: Unlocking the Secrets to Monetizing Your TikTok Presence
soufianecherraj
Ideal Key Issues presentation
Ideal Key Issues presentation
Beloved Brands Inc.
Telling Stories With Data
Telling Stories With Data
Tom Morton
Its all about Infographics
Its all about Infographics
Aditya Krishna
Clubhouse: Viral Growth Lessons
Clubhouse: Viral Growth Lessons
Yannick Steinmann
Talking TikTok: How to Authentically Activate and Convert on the Highest Enga...
Talking TikTok: How to Authentically Activate and Convert on the Highest Enga...
Tinuiti
Pixar's 22 Rules to Phenomenal Storytelling
Pixar's 22 Rules to Phenomenal Storytelling
Gavin McMahon
Instagram vs YouTube vs TikTok - Which platform to run your Influencer Market...
Instagram vs YouTube vs TikTok - Which platform to run your Influencer Market...
Winkl
dentsu 2022 media trends
dentsu 2022 media trends
dentsu
Good Design is Honest: Cognitive Science to UX Design Principles
Good Design is Honest: Cognitive Science to UX Design Principles
William Evans
4 Key Elements of Great Infographic Design
4 Key Elements of Great Infographic Design
Andrea Fryrear
What's hot
(20)
17 Ways to Design a Presentation People Want to View
17 Ways to Design a Presentation People Want to View
The Creative Brief: An Introduction
The Creative Brief: An Introduction
Information Graphics for Everyone
Information Graphics for Everyone
The pyramid principle by barbara minto
The pyramid principle by barbara minto
How to write a killer agency creative brief
How to write a killer agency creative brief
Effective Logo Design
Effective Logo Design
Tbwa speech
Tbwa speech
Connections Planningness
Connections Planningness
7 Effective TikTok Marketing Tactics to Skyrocket Your eCommerce Sales
7 Effective TikTok Marketing Tactics to Skyrocket Your eCommerce Sales
TikTok Money Mastery: Unlocking the Secrets to Monetizing Your TikTok Presence
TikTok Money Mastery: Unlocking the Secrets to Monetizing Your TikTok Presence
Ideal Key Issues presentation
Ideal Key Issues presentation
Telling Stories With Data
Telling Stories With Data
Its all about Infographics
Its all about Infographics
Clubhouse: Viral Growth Lessons
Clubhouse: Viral Growth Lessons
Talking TikTok: How to Authentically Activate and Convert on the Highest Enga...
Talking TikTok: How to Authentically Activate and Convert on the Highest Enga...
Pixar's 22 Rules to Phenomenal Storytelling
Pixar's 22 Rules to Phenomenal Storytelling
Instagram vs YouTube vs TikTok - Which platform to run your Influencer Market...
Instagram vs YouTube vs TikTok - Which platform to run your Influencer Market...
dentsu 2022 media trends
dentsu 2022 media trends
Good Design is Honest: Cognitive Science to UX Design Principles
Good Design is Honest: Cognitive Science to UX Design Principles
4 Key Elements of Great Infographic Design
4 Key Elements of Great Infographic Design
Recently uploaded
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
Q4-W4-SCIENCE-5 power point presentation
Q4-W4-SCIENCE-5 power point presentation
ZenSeloveres
AMBER GRAIN EMBROIDERY | Growing folklore elements | Root-based materials, w...
AMBER GRAIN EMBROIDERY | Growing folklore elements | Root-based materials, w...
BarusRa
Book Paid In Vashi In 8976425520 Navi Mumbai Call Girls
Book Paid In Vashi In 8976425520 Navi Mumbai Call Girls
modelanjalisharma4
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
call girls in Vasundhra (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...
call girls in Vasundhra (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...
Delhi Call girls
❤Personal Whatsapp Number 8617697112 Samba Call Girls 💦✅.
❤Personal Whatsapp Number 8617697112 Samba Call Girls 💦✅.
Nitya salvi
Design Inspiration for College by Slidesgo.pptx
Design Inspiration for College by Slidesgo.pptx
TusharBahuguna2
Top Rated Pune Call Girls Koregaon Park ⟟ 6297143586 ⟟ Call Me For Genuine S...
Top Rated Pune Call Girls Koregaon Park ⟟ 6297143586 ⟟ Call Me For Genuine S...
Call Girls in Nagpur High Profile
Recommendable # 971589162217 # philippine Young Call Girls in Dubai By Marina...
Recommendable # 971589162217 # philippine Young Call Girls in Dubai By Marina...
home
Sweety Planet Packaging Design Process Book.pptx
Sweety Planet Packaging Design Process Book.pptx
bingyichin04
call girls in Vaishali (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝✔️✔️
call girls in Vaishali (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝✔️✔️
Delhi Call girls
How to Build a Simple Shopify Website
How to Build a Simple Shopify Website
mark11275
Vip Mumbai Call Girls Bandra West Call On 9920725232 With Body to body massag...
Vip Mumbai Call Girls Bandra West Call On 9920725232 With Body to body massag...
amitlee9823
Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)
amitlee9823
Real service provider college girl Mira Road 8976425520
Real service provider college girl Mira Road 8976425520
modelanjalisharma4
WhatsApp Chat: 📞 8617697112 Call Girl Baran is experienced
WhatsApp Chat: 📞 8617697112 Call Girl Baran is experienced
Nitya salvi
call girls in Kaushambi (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...
call girls in Kaushambi (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...
Delhi Call girls
Peaches App development presentation deck
Peaches App development presentation deck
tbatkhuu1
Jordan_Amanda_DMBS202404_PB1_2024-04.pdf
Jordan_Amanda_DMBS202404_PB1_2024-04.pdf
amanda2495
Recently uploaded
(20)
Booking open Available Pune Call Girls Nanded City 6297143586 Call Hot India...
Booking open Available Pune Call Girls Nanded City 6297143586 Call Hot India...
Q4-W4-SCIENCE-5 power point presentation
Q4-W4-SCIENCE-5 power point presentation
AMBER GRAIN EMBROIDERY | Growing folklore elements | Root-based materials, w...
AMBER GRAIN EMBROIDERY | Growing folklore elements | Root-based materials, w...
Book Paid In Vashi In 8976425520 Navi Mumbai Call Girls
Book Paid In Vashi In 8976425520 Navi Mumbai Call Girls
Abortion Pills in Oman (+918133066128) Cytotec clinic buy Oman Muscat
Abortion Pills in Oman (+918133066128) Cytotec clinic buy Oman Muscat
call girls in Vasundhra (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...
call girls in Vasundhra (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...
❤Personal Whatsapp Number 8617697112 Samba Call Girls 💦✅.
❤Personal Whatsapp Number 8617697112 Samba Call Girls 💦✅.
Design Inspiration for College by Slidesgo.pptx
Design Inspiration for College by Slidesgo.pptx
Top Rated Pune Call Girls Koregaon Park ⟟ 6297143586 ⟟ Call Me For Genuine S...
Top Rated Pune Call Girls Koregaon Park ⟟ 6297143586 ⟟ Call Me For Genuine S...
Recommendable # 971589162217 # philippine Young Call Girls in Dubai By Marina...
Recommendable # 971589162217 # philippine Young Call Girls in Dubai By Marina...
Sweety Planet Packaging Design Process Book.pptx
Sweety Planet Packaging Design Process Book.pptx
call girls in Vaishali (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝✔️✔️
call girls in Vaishali (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝✔️✔️
How to Build a Simple Shopify Website
How to Build a Simple Shopify Website
Vip Mumbai Call Girls Bandra West Call On 9920725232 With Body to body massag...
Vip Mumbai Call Girls Bandra West Call On 9920725232 With Body to body massag...
Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Real service provider college girl Mira Road 8976425520
Real service provider college girl Mira Road 8976425520
WhatsApp Chat: 📞 8617697112 Call Girl Baran is experienced
WhatsApp Chat: 📞 8617697112 Call Girl Baran is experienced
call girls in Kaushambi (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...
call girls in Kaushambi (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...
Peaches App development presentation deck
Peaches App development presentation deck
Jordan_Amanda_DMBS202404_PB1_2024-04.pdf
Jordan_Amanda_DMBS202404_PB1_2024-04.pdf
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