![Page 1: How to present lots of information on a screen](https://reader034.vdocuments.us/reader034/viewer/2022042607/557ab1bfd8b42a9f2e8b5176/html5/thumbnails/1.jpg)
How to present lots of information on a screen
![Page 2: How to present lots of information on a screen](https://reader034.vdocuments.us/reader034/viewer/2022042607/557ab1bfd8b42a9f2e8b5176/html5/thumbnails/2.jpg)
cacaphony of pictures here
Nuclear launch detected
Like this?
![Page 3: How to present lots of information on a screen](https://reader034.vdocuments.us/reader034/viewer/2022042607/557ab1bfd8b42a9f2e8b5176/html5/thumbnails/3.jpg)
![Page 4: How to present lots of information on a screen](https://reader034.vdocuments.us/reader034/viewer/2022042607/557ab1bfd8b42a9f2e8b5176/html5/thumbnails/4.jpg)
Simplicity
It takes work to simplify
Plan time to simplify your designs
"Looks good, how can we make it simpler?"
![Page 5: How to present lots of information on a screen](https://reader034.vdocuments.us/reader034/viewer/2022042607/557ab1bfd8b42a9f2e8b5176/html5/thumbnails/5.jpg)
Reduce
The simplest way to achieve simplicity is through thoughtful reduction. - John Maeda
What features can we hide?
What can we remove?
![Page 6: How to present lots of information on a screen](https://reader034.vdocuments.us/reader034/viewer/2022042607/557ab1bfd8b42a9f2e8b5176/html5/thumbnails/6.jpg)
What would Tufte do?
"There are a lot of terrible graphs out there!"- things Tufte probably said
Professor Tufte studies how to present various kinds of information.
1975
![Page 7: How to present lots of information on a screen](https://reader034.vdocuments.us/reader034/viewer/2022042607/557ab1bfd8b42a9f2e8b5176/html5/thumbnails/7.jpg)
Data to Ink Ratio
![Page 8: How to present lots of information on a screen](https://reader034.vdocuments.us/reader034/viewer/2022042607/557ab1bfd8b42a9f2e8b5176/html5/thumbnails/8.jpg)
Which means Fewer Lines
![Page 9: How to present lots of information on a screen](https://reader034.vdocuments.us/reader034/viewer/2022042607/557ab1bfd8b42a9f2e8b5176/html5/thumbnails/9.jpg)
![Page 10: How to present lots of information on a screen](https://reader034.vdocuments.us/reader034/viewer/2022042607/557ab1bfd8b42a9f2e8b5176/html5/thumbnails/10.jpg)
![Page 11: How to present lots of information on a screen](https://reader034.vdocuments.us/reader034/viewer/2022042607/557ab1bfd8b42a9f2e8b5176/html5/thumbnails/11.jpg)
In action at Google
"A lot of use of white space, not a lot of artificial, surface-like divisions. We’re really counting on bold typography, white space, and big images to give emphasis, give character and give hierarchy to the cards that we give you."
-Matias Duarte, senior director, Android user experience
![Page 12: How to present lots of information on a screen](https://reader034.vdocuments.us/reader034/viewer/2022042607/557ab1bfd8b42a9f2e8b5176/html5/thumbnails/12.jpg)
![Page 13: How to present lots of information on a screen](https://reader034.vdocuments.us/reader034/viewer/2022042607/557ab1bfd8b42a9f2e8b5176/html5/thumbnails/13.jpg)
No Crazy Effects
Fun for a slideshow but bad for comparing data. Imagine a few of these on a screen.
![Page 14: How to present lots of information on a screen](https://reader034.vdocuments.us/reader034/viewer/2022042607/557ab1bfd8b42a9f2e8b5176/html5/thumbnails/14.jpg)
A good 3D chart
![Page 15: How to present lots of information on a screen](https://reader034.vdocuments.us/reader034/viewer/2022042607/557ab1bfd8b42a9f2e8b5176/html5/thumbnails/15.jpg)
![Page 16: How to present lots of information on a screen](https://reader034.vdocuments.us/reader034/viewer/2022042607/557ab1bfd8b42a9f2e8b5176/html5/thumbnails/16.jpg)
Thanks
http://commons.wikimedia.org/wiki/File:Enso.jpghttp://commons.wikimedia.org/wiki/File:Highway_Chart_Data.pdfhttp://commons.wikimedia.org/wiki/File:Gantt_it.pnghttp://commons.wikimedia.org/wiki/File:BTW05_VAE_CDU_CSU_Stapel.jpghttp://commons.wikimedia.org/wiki/File:Switches_domain.svg
Wheelbarrow photo - By U.S. Navy photo by Mass Communication Specialist 2nd Class Dustin Kelling [Public domain], via Wikimedia Commons