How to present lots of information on a screen
0 likes1,519 views
Tips you can put in practice today on how to improve your User Interfaces and communicate large amounts of information to users.
![Thanks
http://commons.wikimedia.org/wiki/File:Enso.jpg
http://commons.wikimedia.org/wiki/File:Highway_Chart_Data.pdf
http://commons.wikimedia.org/wiki/File:Gantt_it.png
http://commons.wikimedia.org/wiki/File:BTW05_VAE_CDU_CSU_Stapel.jpg
http://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](https://image.slidesharecdn.com/howtopresentlotsofinformationonascreen-130213170440-phpapp01/85/How-to-present-lots-of-information-on-a-screen-16-320.jpg)
How to present lots of information on a screen
- 1. How to present lots of information on a screen
- 2. Like this? cacaphony of pictures here Nuclear launch detected
- 4. Simplicity It takes work to simplify Plan time to simplify your designs "Looks good, how can we make it simpler?"
- 5. Reduce The simplest way to achieve simplicity is through thoughtful reduction. - John Maeda What features can we hide? What can we remove?
- 6. What would Tufte do? 1975 "There are a lot of terrible graphs out there!" - things Tufte probably said Professor Tufte studies how to present various kinds of information.
- 7. Data to Ink Ratio
- 8. Which means Fewer Lines
- 11. In action at Google "A lot of use of white space, not a lot of artificial, surface-like divisions. Were 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
- 13. No Crazy Effects Fun for a slideshow but bad for comparing data. Imagine a few of these on a screen.
- 14. A good 3D chart
- 16. Thanks http://commons.wikimedia.org/wiki/File:Enso.jpg http://commons.wikimedia.org/wiki/File:Highway_Chart_Data.pdf http://commons.wikimedia.org/wiki/File:Gantt_it.png http://commons.wikimedia.org/wiki/File:BTW05_VAE_CDU_CSU_Stapel.jpg http://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