Submit Search
Upload
Edward Tufte and Information Design for the Web
•
23 likes
•
22,067 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
Report on Beautiful Evidence by E. Tufte
Report on Beautiful Evidence by E. Tufte
hckingmtuedu
UX Strategy - the secret sauce that defines the pixie dust
UX Strategy - the secret sauce that defines the pixie dust
Eric Reiss
Principles of User Interface Design
Principles of User Interface Design
KANKIPATI KISHORE
Brand Identity in UI/UX Design
Brand Identity in UI/UX Design
Adryan Putra
GAME 3400 Level Design - Moment Based Design
GAME 3400 Level Design - Moment Based Design
Seth Sivak
Mini UX Workshop: Creating Persona & Scenario
Mini UX Workshop: Creating Persona & Scenario
Natt Phenjati
Game Design 2: Lecture 5 - Game UI Wireframes and Paper Prototypes
Game Design 2: Lecture 5 - Game UI Wireframes and Paper Prototypes
David Farrell
UX Strategy Blueprint
UX Strategy Blueprint
Jim Kalbach
Recommended
Report on Beautiful Evidence by E. Tufte
Report on Beautiful Evidence by E. Tufte
hckingmtuedu
UX Strategy - the secret sauce that defines the pixie dust
UX Strategy - the secret sauce that defines the pixie dust
Eric Reiss
Principles of User Interface Design
Principles of User Interface Design
KANKIPATI KISHORE
Brand Identity in UI/UX Design
Brand Identity in UI/UX Design
Adryan Putra
GAME 3400 Level Design - Moment Based Design
GAME 3400 Level Design - Moment Based Design
Seth Sivak
Mini UX Workshop: Creating Persona & Scenario
Mini UX Workshop: Creating Persona & Scenario
Natt Phenjati
Game Design 2: Lecture 5 - Game UI Wireframes and Paper Prototypes
Game Design 2: Lecture 5 - Game UI Wireframes and Paper Prototypes
David Farrell
UX Strategy Blueprint
UX Strategy Blueprint
Jim Kalbach
The Essentials of Brand Strategy - General Assembly Class
The Essentials of Brand Strategy - General Assembly Class
Christian Vatter
UX Explained
UX Explained
Mind Over Machines
MB Design Systems slides.pdf
MB Design Systems slides.pdf
1508 A/S
GE User Experience Playbook
GE User Experience Playbook
Melinda Belcher
Beyond Gamification: Architecting Engagement Through Game Design Thinking
Beyond Gamification: Architecting Engagement Through Game Design Thinking
Dustin DiTommaso
Heuristic ux-evaluation
Heuristic ux-evaluation
Steffen Kastner
What is an insight?
What is an insight?
Umar Ghumman
LIONS Creativity Report 2023.pdf
LIONS Creativity Report 2023.pdf
Social Samosa
Creative Planning @ Miami Ad School
Creative Planning @ Miami Ad School
The Planning Lab
UX - User Experience Design and Principles
UX - User Experience Design and Principles
Peeyush Sahu CAPM®
Why Design Matters
Why Design Matters
Group 8A
Design in motion. The new frontier of interaction design
Design in motion. The new frontier of interaction design
Antonio De Pasquale
How to Pitch your Game to Business People
How to Pitch your Game to Business People
Laura Bularca
APG Awards: Tate Tracks
APG Awards: Tate Tracks
Matt Springate
Inspiring Creativity
Inspiring Creativity
Daniele Fiandaca
UX Research for a Hotel Online Booking Website
UX Research for a Hotel Online Booking Website
Nadia Serveti
You Suck At PowerPoint! by @jessedee
You Suck At PowerPoint! by @jessedee
Jesse Desjardins - @jessedee
Game UX Design and Evaluation
Game UX Design and Evaluation
Gena Drahun
The Joshua Tree Epiphany
The Joshua Tree Epiphany
Digital Media & Multimedia Design McFatter Technical College
Design Fiction presentation
Design Fiction presentation
Adam Owen
AI and Design Vol. 2: Navigating the New Frontier - Morgenbooster
AI and Design Vol. 2: Navigating the New Frontier - Morgenbooster
1508 A/S
guest bathroom white and blue ssssssssss
guest bathroom white and blue ssssssssss
NadaMohammed714321
More Related Content
What's hot
The Essentials of Brand Strategy - General Assembly Class
The Essentials of Brand Strategy - General Assembly Class
Christian Vatter
UX Explained
UX Explained
Mind Over Machines
MB Design Systems slides.pdf
MB Design Systems slides.pdf
1508 A/S
GE User Experience Playbook
GE User Experience Playbook
Melinda Belcher
Beyond Gamification: Architecting Engagement Through Game Design Thinking
Beyond Gamification: Architecting Engagement Through Game Design Thinking
Dustin DiTommaso
Heuristic ux-evaluation
Heuristic ux-evaluation
Steffen Kastner
What is an insight?
What is an insight?
Umar Ghumman
LIONS Creativity Report 2023.pdf
LIONS Creativity Report 2023.pdf
Social Samosa
Creative Planning @ Miami Ad School
Creative Planning @ Miami Ad School
The Planning Lab
UX - User Experience Design and Principles
UX - User Experience Design and Principles
Peeyush Sahu CAPM®
Why Design Matters
Why Design Matters
Group 8A
Design in motion. The new frontier of interaction design
Design in motion. The new frontier of interaction design
Antonio De Pasquale
How to Pitch your Game to Business People
How to Pitch your Game to Business People
Laura Bularca
APG Awards: Tate Tracks
APG Awards: Tate Tracks
Matt Springate
Inspiring Creativity
Inspiring Creativity
Daniele Fiandaca
UX Research for a Hotel Online Booking Website
UX Research for a Hotel Online Booking Website
Nadia Serveti
You Suck At PowerPoint! by @jessedee
You Suck At PowerPoint! by @jessedee
Jesse Desjardins - @jessedee
Game UX Design and Evaluation
Game UX Design and Evaluation
Gena Drahun
The Joshua Tree Epiphany
The Joshua Tree Epiphany
Digital Media & Multimedia Design McFatter Technical College
Design Fiction presentation
Design Fiction presentation
Adam Owen
What's hot
(20)
The Essentials of Brand Strategy - General Assembly Class
The Essentials of Brand Strategy - General Assembly Class
UX Explained
UX Explained
MB Design Systems slides.pdf
MB Design Systems slides.pdf
GE User Experience Playbook
GE User Experience Playbook
Beyond Gamification: Architecting Engagement Through Game Design Thinking
Beyond Gamification: Architecting Engagement Through Game Design Thinking
Heuristic ux-evaluation
Heuristic ux-evaluation
What is an insight?
What is an insight?
LIONS Creativity Report 2023.pdf
LIONS Creativity Report 2023.pdf
Creative Planning @ Miami Ad School
Creative Planning @ Miami Ad School
UX - User Experience Design and Principles
UX - User Experience Design and Principles
Why Design Matters
Why Design Matters
Design in motion. The new frontier of interaction design
Design in motion. The new frontier of interaction design
How to Pitch your Game to Business People
How to Pitch your Game to Business People
APG Awards: Tate Tracks
APG Awards: Tate Tracks
Inspiring Creativity
Inspiring Creativity
UX Research for a Hotel Online Booking Website
UX Research for a Hotel Online Booking Website
You Suck At PowerPoint! by @jessedee
You Suck At PowerPoint! by @jessedee
Game UX Design and Evaluation
Game UX Design and Evaluation
The Joshua Tree Epiphany
The Joshua Tree Epiphany
Design Fiction presentation
Design Fiction presentation
Recently uploaded
AI and Design Vol. 2: Navigating the New Frontier - Morgenbooster
AI and Design Vol. 2: Navigating the New Frontier - Morgenbooster
1508 A/S
guest bathroom white and blue ssssssssss
guest bathroom white and blue ssssssssss
NadaMohammed714321
simpson-lee_house_dt20ajshsjsjsjsjj15.pdf
simpson-lee_house_dt20ajshsjsjsjsjj15.pdf
LucyBonelli
The spirit of digital place - game worlds and architectural phenomenology
The spirit of digital place - game worlds and architectural phenomenology
Christopher Totten
NBA power point presentation final copy y
NBA power point presentation final copy y
srajece
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
Piece by Piece Magazine
Piece by Piece Magazine
CharlottePulte
怎么办理英国Newcastle毕业证纽卡斯尔大学学位证书一手渠道
怎么办理英国Newcastle毕业证纽卡斯尔大学学位证书一手渠道
yrolcks
10 must-have Chrome extensions for designers
10 must-have Chrome extensions for designers
Pixeldarts
world health day 2024.pptxgbbvggvbhjjjbbbb
world health day 2024.pptxgbbvggvbhjjjbbbb
preetirao780
Niintendo Wii Presentation Template.pptx
Niintendo Wii Presentation Template.pptx
KevinYaelJimnezSanti
Interior Design for Office a cura di RMG Project Studio
Interior Design for Office a cura di RMG Project Studio
RMG Project Studio
Unit1_Syllbwbnwnwneneneneneneentation_Sem2.pptx
Unit1_Syllbwbnwnwneneneneneneentation_Sem2.pptx
Nitish292041
FW25-26 Knit Cut & Sew Trend Book Peclers Paris
FW25-26 Knit Cut & Sew Trend Book Peclers Paris
Peclers Paris
Giulio Michelon, Founder di @Belka – “Oltre le Stime: Sviluppare una Mentalit...
Giulio Michelon, Founder di @Belka – “Oltre le Stime: Sviluppare una Mentalit...
Associazione Digital Days
Karim apartment ideas 01 ppppppppppppppp
Karim apartment ideas 01 ppppppppppppppp
NadaMohammed714321
Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025
Rndexperts
General Simple Guide About AI in Design By: A.L. Samar Hossam ElDin
General Simple Guide About AI in Design By: A.L. Samar Hossam ElDin
Samar Hossam ElDin Ahmed
Sharif's 9-BOX Monitoring Model for Adaptive Programme Management
Sharif's 9-BOX Monitoring Model for Adaptive Programme Management
Md. Shariful Hoque
CAPITAL GATE CASE STUDY -regional case study.pdf
CAPITAL GATE CASE STUDY -regional case study.pdf
AlasAlthaher
Recently uploaded
(20)
AI and Design Vol. 2: Navigating the New Frontier - Morgenbooster
AI and Design Vol. 2: Navigating the New Frontier - Morgenbooster
guest bathroom white and blue ssssssssss
guest bathroom white and blue ssssssssss
simpson-lee_house_dt20ajshsjsjsjsjj15.pdf
simpson-lee_house_dt20ajshsjsjsjsjj15.pdf
The spirit of digital place - game worlds and architectural phenomenology
The spirit of digital place - game worlds and architectural phenomenology
NBA power point presentation final copy y
NBA power point presentation final copy y
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
Piece by Piece Magazine
Piece by Piece Magazine
怎么办理英国Newcastle毕业证纽卡斯尔大学学位证书一手渠道
怎么办理英国Newcastle毕业证纽卡斯尔大学学位证书一手渠道
10 must-have Chrome extensions for designers
10 must-have Chrome extensions for designers
world health day 2024.pptxgbbvggvbhjjjbbbb
world health day 2024.pptxgbbvggvbhjjjbbbb
Niintendo Wii Presentation Template.pptx
Niintendo Wii Presentation Template.pptx
Interior Design for Office a cura di RMG Project Studio
Interior Design for Office a cura di RMG Project Studio
Unit1_Syllbwbnwnwneneneneneneentation_Sem2.pptx
Unit1_Syllbwbnwnwneneneneneneentation_Sem2.pptx
FW25-26 Knit Cut & Sew Trend Book Peclers Paris
FW25-26 Knit Cut & Sew Trend Book Peclers Paris
Giulio Michelon, Founder di @Belka – “Oltre le Stime: Sviluppare una Mentalit...
Giulio Michelon, Founder di @Belka – “Oltre le Stime: Sviluppare una Mentalit...
Karim apartment ideas 01 ppppppppppppppp
Karim apartment ideas 01 ppppppppppppppp
Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025
General Simple Guide About AI in Design By: A.L. Samar Hossam ElDin
General Simple Guide About AI in Design By: A.L. Samar Hossam ElDin
Sharif's 9-BOX Monitoring Model for Adaptive Programme Management
Sharif's 9-BOX Monitoring Model for Adaptive Programme Management
CAPITAL GATE CASE STUDY -regional case study.pdf
CAPITAL GATE CASE STUDY -regional case study.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