”Confusion and clutter are failures of design, not attributes of information.” - Edward R. Tufte
description
Transcript of ”Confusion and clutter are failures of design, not attributes of information.” - Edward R. Tufte
![Page 1: ”Confusion and clutter are failures of design, not attributes of information.” - Edward R. Tufte](https://reader035.fdocuments.in/reader035/viewer/2022062519/5681510b550346895dbf2793/html5/thumbnails/1.jpg)
”Confusion and clutter are failures
of design, not attributes of information.”
- Edward R. Tufte
![Page 2: ”Confusion and clutter are failures of design, not attributes of information.” - Edward R. Tufte](https://reader035.fdocuments.in/reader035/viewer/2022062519/5681510b550346895dbf2793/html5/thumbnails/2.jpg)
On Informatio
n
![Page 3: ”Confusion and clutter are failures of design, not attributes of information.” - Edward R. Tufte](https://reader035.fdocuments.in/reader035/viewer/2022062519/5681510b550346895dbf2793/html5/thumbnails/3.jpg)
![Page 4: ”Confusion and clutter are failures of design, not attributes of information.” - Edward R. Tufte](https://reader035.fdocuments.in/reader035/viewer/2022062519/5681510b550346895dbf2793/html5/thumbnails/4.jpg)
![Page 5: ”Confusion and clutter are failures of design, not attributes of information.” - Edward R. Tufte](https://reader035.fdocuments.in/reader035/viewer/2022062519/5681510b550346895dbf2793/html5/thumbnails/5.jpg)
![Page 6: ”Confusion and clutter are failures of design, not attributes of information.” - Edward R. Tufte](https://reader035.fdocuments.in/reader035/viewer/2022062519/5681510b550346895dbf2793/html5/thumbnails/6.jpg)
![Page 7: ”Confusion and clutter are failures of design, not attributes of information.” - Edward R. Tufte](https://reader035.fdocuments.in/reader035/viewer/2022062519/5681510b550346895dbf2793/html5/thumbnails/7.jpg)
![Page 8: ”Confusion and clutter are failures of design, not attributes of information.” - Edward R. Tufte](https://reader035.fdocuments.in/reader035/viewer/2022062519/5681510b550346895dbf2793/html5/thumbnails/8.jpg)
![Page 9: ”Confusion and clutter are failures of design, not attributes of information.” - Edward R. Tufte](https://reader035.fdocuments.in/reader035/viewer/2022062519/5681510b550346895dbf2793/html5/thumbnails/9.jpg)
Guru:Edward R.
Tufte
![Page 10: ”Confusion and clutter are failures of design, not attributes of information.” - Edward R. Tufte](https://reader035.fdocuments.in/reader035/viewer/2022062519/5681510b550346895dbf2793/html5/thumbnails/10.jpg)
”Confusion and clutter are failures
of design, not attributes of information”
Edward R. Tufte
![Page 11: ”Confusion and clutter are failures of design, not attributes of information.” - Edward R. Tufte](https://reader035.fdocuments.in/reader035/viewer/2022062519/5681510b550346895dbf2793/html5/thumbnails/11.jpg)
Visualizing the editing history of Wikipedia pages - Viégas, Wattenberg & Dave
http://www.research.ibm.com/visual/projects/history_flow/or google “history flow” IBM
![Page 12: ”Confusion and clutter are failures of design, not attributes of information.” - Edward R. Tufte](https://reader035.fdocuments.in/reader035/viewer/2022062519/5681510b550346895dbf2793/html5/thumbnails/12.jpg)
![Page 13: ”Confusion and clutter are failures of design, not attributes of information.” - Edward R. Tufte](https://reader035.fdocuments.in/reader035/viewer/2022062519/5681510b550346895dbf2793/html5/thumbnails/13.jpg)
![Page 14: ”Confusion and clutter are failures of design, not attributes of information.” - Edward R. Tufte](https://reader035.fdocuments.in/reader035/viewer/2022062519/5681510b550346895dbf2793/html5/thumbnails/14.jpg)
![Page 15: ”Confusion and clutter are failures of design, not attributes of information.” - Edward R. Tufte](https://reader035.fdocuments.in/reader035/viewer/2022062519/5681510b550346895dbf2793/html5/thumbnails/15.jpg)
![Page 16: ”Confusion and clutter are failures of design, not attributes of information.” - Edward R. Tufte](https://reader035.fdocuments.in/reader035/viewer/2022062519/5681510b550346895dbf2793/html5/thumbnails/16.jpg)
![Page 17: ”Confusion and clutter are failures of design, not attributes of information.” - Edward R. Tufte](https://reader035.fdocuments.in/reader035/viewer/2022062519/5681510b550346895dbf2793/html5/thumbnails/17.jpg)
![Page 18: ”Confusion and clutter are failures of design, not attributes of information.” - Edward R. Tufte](https://reader035.fdocuments.in/reader035/viewer/2022062519/5681510b550346895dbf2793/html5/thumbnails/18.jpg)
Graphic Tools
![Page 19: ”Confusion and clutter are failures of design, not attributes of information.” - Edward R. Tufte](https://reader035.fdocuments.in/reader035/viewer/2022062519/5681510b550346895dbf2793/html5/thumbnails/19.jpg)
![Page 20: ”Confusion and clutter are failures of design, not attributes of information.” - Edward R. Tufte](https://reader035.fdocuments.in/reader035/viewer/2022062519/5681510b550346895dbf2793/html5/thumbnails/20.jpg)
![Page 21: ”Confusion and clutter are failures of design, not attributes of information.” - Edward R. Tufte](https://reader035.fdocuments.in/reader035/viewer/2022062519/5681510b550346895dbf2793/html5/thumbnails/21.jpg)
![Page 22: ”Confusion and clutter are failures of design, not attributes of information.” - Edward R. Tufte](https://reader035.fdocuments.in/reader035/viewer/2022062519/5681510b550346895dbf2793/html5/thumbnails/22.jpg)
![Page 23: ”Confusion and clutter are failures of design, not attributes of information.” - Edward R. Tufte](https://reader035.fdocuments.in/reader035/viewer/2022062519/5681510b550346895dbf2793/html5/thumbnails/23.jpg)
![Page 24: ”Confusion and clutter are failures of design, not attributes of information.” - Edward R. Tufte](https://reader035.fdocuments.in/reader035/viewer/2022062519/5681510b550346895dbf2793/html5/thumbnails/24.jpg)
![Page 25: ”Confusion and clutter are failures of design, not attributes of information.” - Edward R. Tufte](https://reader035.fdocuments.in/reader035/viewer/2022062519/5681510b550346895dbf2793/html5/thumbnails/25.jpg)
![Page 26: ”Confusion and clutter are failures of design, not attributes of information.” - Edward R. Tufte](https://reader035.fdocuments.in/reader035/viewer/2022062519/5681510b550346895dbf2793/html5/thumbnails/26.jpg)
![Page 27: ”Confusion and clutter are failures of design, not attributes of information.” - Edward R. Tufte](https://reader035.fdocuments.in/reader035/viewer/2022062519/5681510b550346895dbf2793/html5/thumbnails/27.jpg)
![Page 28: ”Confusion and clutter are failures of design, not attributes of information.” - Edward R. Tufte](https://reader035.fdocuments.in/reader035/viewer/2022062519/5681510b550346895dbf2793/html5/thumbnails/28.jpg)
![Page 29: ”Confusion and clutter are failures of design, not attributes of information.” - Edward R. Tufte](https://reader035.fdocuments.in/reader035/viewer/2022062519/5681510b550346895dbf2793/html5/thumbnails/29.jpg)
![Page 30: ”Confusion and clutter are failures of design, not attributes of information.” - Edward R. Tufte](https://reader035.fdocuments.in/reader035/viewer/2022062519/5681510b550346895dbf2793/html5/thumbnails/30.jpg)
![Page 31: ”Confusion and clutter are failures of design, not attributes of information.” - Edward R. Tufte](https://reader035.fdocuments.in/reader035/viewer/2022062519/5681510b550346895dbf2793/html5/thumbnails/31.jpg)
![Page 32: ”Confusion and clutter are failures of design, not attributes of information.” - Edward R. Tufte](https://reader035.fdocuments.in/reader035/viewer/2022062519/5681510b550346895dbf2793/html5/thumbnails/32.jpg)
![Page 33: ”Confusion and clutter are failures of design, not attributes of information.” - Edward R. Tufte](https://reader035.fdocuments.in/reader035/viewer/2022062519/5681510b550346895dbf2793/html5/thumbnails/33.jpg)
![Page 34: ”Confusion and clutter are failures of design, not attributes of information.” - Edward R. Tufte](https://reader035.fdocuments.in/reader035/viewer/2022062519/5681510b550346895dbf2793/html5/thumbnails/34.jpg)
![Page 35: ”Confusion and clutter are failures of design, not attributes of information.” - Edward R. Tufte](https://reader035.fdocuments.in/reader035/viewer/2022062519/5681510b550346895dbf2793/html5/thumbnails/35.jpg)
![Page 36: ”Confusion and clutter are failures of design, not attributes of information.” - Edward R. Tufte](https://reader035.fdocuments.in/reader035/viewer/2022062519/5681510b550346895dbf2793/html5/thumbnails/36.jpg)
Choosing data...
• Show only relevant data– Otherwise: clutter
• Show only reliable data– Otherwise: distrust
• Most important data comes first / is more colorful / is larger / etc!
• Provide several views– Layering data vs not layering it
![Page 37: ”Confusion and clutter are failures of design, not attributes of information.” - Edward R. Tufte](https://reader035.fdocuments.in/reader035/viewer/2022062519/5681510b550346895dbf2793/html5/thumbnails/37.jpg)
![Page 38: ”Confusion and clutter are failures of design, not attributes of information.” - Edward R. Tufte](https://reader035.fdocuments.in/reader035/viewer/2022062519/5681510b550346895dbf2793/html5/thumbnails/38.jpg)
Information
Visualization
![Page 39: ”Confusion and clutter are failures of design, not attributes of information.” - Edward R. Tufte](https://reader035.fdocuments.in/reader035/viewer/2022062519/5681510b550346895dbf2793/html5/thumbnails/39.jpg)
”The use of computer-supported,
interactive, visual representations of abstract data to
amplify cognition”
- Card, Mackinlay & Shneiderman
![Page 40: ”Confusion and clutter are failures of design, not attributes of information.” - Edward R. Tufte](https://reader035.fdocuments.in/reader035/viewer/2022062519/5681510b550346895dbf2793/html5/thumbnails/40.jpg)
Zooming and
lenses
![Page 41: ”Confusion and clutter are failures of design, not attributes of information.” - Edward R. Tufte](https://reader035.fdocuments.in/reader035/viewer/2022062519/5681510b550346895dbf2793/html5/thumbnails/41.jpg)
![Page 42: ”Confusion and clutter are failures of design, not attributes of information.” - Edward R. Tufte](https://reader035.fdocuments.in/reader035/viewer/2022062519/5681510b550346895dbf2793/html5/thumbnails/42.jpg)
Semantic ZoomWhen information changes (and typically gets richer) when zooming in.
![Page 43: ”Confusion and clutter are failures of design, not attributes of information.” - Edward R. Tufte](https://reader035.fdocuments.in/reader035/viewer/2022062519/5681510b550346895dbf2793/html5/thumbnails/43.jpg)
Magic Lenses: Transparent - Different properties - Change view
Toolglass and Magic Lenses. Bier, E., et al., 1993
![Page 44: ”Confusion and clutter are failures of design, not attributes of information.” - Edward R. Tufte](https://reader035.fdocuments.in/reader035/viewer/2022062519/5681510b550346895dbf2793/html5/thumbnails/44.jpg)
![Page 45: ”Confusion and clutter are failures of design, not attributes of information.” - Edward R. Tufte](https://reader035.fdocuments.in/reader035/viewer/2022062519/5681510b550346895dbf2793/html5/thumbnails/45.jpg)
![Page 46: ”Confusion and clutter are failures of design, not attributes of information.” - Edward R. Tufte](https://reader035.fdocuments.in/reader035/viewer/2022062519/5681510b550346895dbf2793/html5/thumbnails/46.jpg)
The Document Lens G.G.Robertson and J.D.Mackinlay
![Page 47: ”Confusion and clutter are failures of design, not attributes of information.” - Edward R. Tufte](https://reader035.fdocuments.in/reader035/viewer/2022062519/5681510b550346895dbf2793/html5/thumbnails/47.jpg)
Focus + Context
![Page 48: ”Confusion and clutter are failures of design, not attributes of information.” - Edward R. Tufte](https://reader035.fdocuments.in/reader035/viewer/2022062519/5681510b550346895dbf2793/html5/thumbnails/48.jpg)
Focus + Context:
To display the most important data at the focal point at full size and detail, and display the area
around the focal point (the context) to help make sense of how the important information
relates to the entire data structure. Regions far from the focal point may be displayed
smaller (as in fisheye views) or selectively omitted.
![Page 49: ”Confusion and clutter are failures of design, not attributes of information.” - Edward R. Tufte](https://reader035.fdocuments.in/reader035/viewer/2022062519/5681510b550346895dbf2793/html5/thumbnails/49.jpg)
Fisheye Views
![Page 50: ”Confusion and clutter are failures of design, not attributes of information.” - Edward R. Tufte](https://reader035.fdocuments.in/reader035/viewer/2022062519/5681510b550346895dbf2793/html5/thumbnails/50.jpg)
![Page 51: ”Confusion and clutter are failures of design, not attributes of information.” - Edward R. Tufte](https://reader035.fdocuments.in/reader035/viewer/2022062519/5681510b550346895dbf2793/html5/thumbnails/51.jpg)
Main issue:Distortion
"Well....thanks to the lame ass security, I’m
going home!"
Axl W Rose, July 2 1991Riverport Amphitheatre, St.
Louis, Missouri,
![Page 52: ”Confusion and clutter are failures of design, not attributes of information.” - Edward R. Tufte](https://reader035.fdocuments.in/reader035/viewer/2022062519/5681510b550346895dbf2793/html5/thumbnails/52.jpg)
![Page 53: ”Confusion and clutter are failures of design, not attributes of information.” - Edward R. Tufte](https://reader035.fdocuments.in/reader035/viewer/2022062519/5681510b550346895dbf2793/html5/thumbnails/53.jpg)
HyperbolicGeometry
![Page 54: ”Confusion and clutter are failures of design, not attributes of information.” - Edward R. Tufte](https://reader035.fdocuments.in/reader035/viewer/2022062519/5681510b550346895dbf2793/html5/thumbnails/54.jpg)
Typically laid out in circles, or onto globes or hemispheres
Focal point in the centerThe further from the
center the smaller the items
Allows angles or positions to stay constant when changing focus but not both...
Hyperbolic geometry
![Page 55: ”Confusion and clutter are failures of design, not attributes of information.” - Edward R. Tufte](https://reader035.fdocuments.in/reader035/viewer/2022062519/5681510b550346895dbf2793/html5/thumbnails/55.jpg)
![Page 56: ”Confusion and clutter are failures of design, not attributes of information.” - Edward R. Tufte](https://reader035.fdocuments.in/reader035/viewer/2022062519/5681510b550346895dbf2793/html5/thumbnails/56.jpg)
![Page 57: ”Confusion and clutter are failures of design, not attributes of information.” - Edward R. Tufte](https://reader035.fdocuments.in/reader035/viewer/2022062519/5681510b550346895dbf2793/html5/thumbnails/57.jpg)
Trees
![Page 58: ”Confusion and clutter are failures of design, not attributes of information.” - Edward R. Tufte](https://reader035.fdocuments.in/reader035/viewer/2022062519/5681510b550346895dbf2793/html5/thumbnails/58.jpg)
Hierarchical tree v. 1
![Page 59: ”Confusion and clutter are failures of design, not attributes of information.” - Edward R. Tufte](https://reader035.fdocuments.in/reader035/viewer/2022062519/5681510b550346895dbf2793/html5/thumbnails/59.jpg)
Hierarchical tree v.2
![Page 60: ”Confusion and clutter are failures of design, not attributes of information.” - Edward R. Tufte](https://reader035.fdocuments.in/reader035/viewer/2022062519/5681510b550346895dbf2793/html5/thumbnails/60.jpg)
Disk tree
![Page 61: ”Confusion and clutter are failures of design, not attributes of information.” - Edward R. Tufte](https://reader035.fdocuments.in/reader035/viewer/2022062519/5681510b550346895dbf2793/html5/thumbnails/61.jpg)
Cone tree...
![Page 62: ”Confusion and clutter are failures of design, not attributes of information.” - Edward R. Tufte](https://reader035.fdocuments.in/reader035/viewer/2022062519/5681510b550346895dbf2793/html5/thumbnails/62.jpg)
Tree Map – node within node
![Page 63: ”Confusion and clutter are failures of design, not attributes of information.” - Edward R. Tufte](https://reader035.fdocuments.in/reader035/viewer/2022062519/5681510b550346895dbf2793/html5/thumbnails/63.jpg)
Tree Map – node within node