How to present lots of information on a screen

1,064 views
761 views

Published on

Tips you can put in practice today on how to improve your User Interfaces and communicate large amounts of information to users.

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,064
On SlideShare
0
From Embeds
0
Number of Embeds
47
Actions
Shares
0
Downloads
3
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

How to present lots of information on a screen

  1. 1. How to present lots ofinformation on a screen
  2. 2. Like this?cacaphony of pictures here Nuclear launch detected
  3. 3. SimplicityIt takes work to simplify Plan time to simplify your designs "Looks good, how can we make it simpler?"
  4. 4. Reduce The simplest way to achieve simplicity is through thoughtful reduction. - John Maeda What features can we hide? What can we remove?
  5. 5. What would Tufte do? 1975"There are a lot of terrible graphs out there!" - things Tufte probably saidProfessor Tufte studies how to present variouskinds of information.
  6. 6. Data to Ink Ratio
  7. 7. Which means Fewer Lines
  8. 8. In action at Google"A lot of use of white space, not a lot ofartificial, surface-like divisions. We’re reallycounting on bold typography, white space, andbig images to give emphasis, give characterand give hierarchy to the cards that we giveyou."-Matias Duarte, senior director, Android user experience
  9. 9. No Crazy EffectsFun for a slideshow but bad for comparing data. Imagine a few of these on a screen.
  10. 10. A good 3D chart
  11. 11. Thankshttp://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.svgWheelbarrow photo - By U.S. Navy photo by Mass Communication Specialist 2nd Class Dustin Kelling [Publicdomain], via Wikimedia Commons

×