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
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
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
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
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
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
55. โ Information consists of
differences that make
a difference.
Envisioning Information 65
ยฉ 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
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
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