Infographics

1,409 views
1,207 views

Published on

Infographics: the power of numbers and design language

Published in: Design, Technology, Business
0 Comments
3 Likes
Statistics
Notes
  • Be the first to comment

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

No notes for slide

Infographics

  1. 1. Infographics<br />The power of numbers and design language<br />#mspdays #infographics<br />4<br />5<br />All sections to appear here<br />
  2. 2. Nikita LukianetsUkraine, UX, Hitchhike, Start-up, Design, Web, @nikiluk<br />https://www.facebook.com/UXNext<br />
  3. 3. Data, Information, Knowledge<br />lat. informatio— explanation;<br />gr. γραφικος — illustrative<br />
  4. 4.
  5. 5.
  6. 6. Things and Signs<br />“<br />The inspiration is not selling, <br />But you can make a bit from text<br />/Talk of poet and a bookseller/<br />
  7. 7. Tărtăria tablets [5500 BC]<br />
  8. 8. Mapping. Dynamics + Distribution<br />
  9. 9. Heat Map<br />
  10. 10. Heat Map<br />
  11. 11. Inclusion<br />
  12. 12. Scale<br />
  13. 13. Mapping - comparison<br />
  14. 14. Process )<br />
  15. 15. Needs<br />
  16. 16. Or this way<br />
  17. 17. http://www.elmundo.es/<br />
  18. 18. Structure<br />
  19. 19. Chernoff Faces<br />The Use of Faces to Represent Points in K-Dimensional Space Graphically, <br />by Herman Chernoff © 1973 American Statistical Association.<br />
  20. 20. Coffee is different<br />
  21. 21. Scaling<br />
  22. 22. Trees<br />©Nikita Lukianets, LimeJam<br />
  23. 23. All-in-one<br />
  24. 24. Comics<br />
  25. 25. Choosing the right visualization type<br />
  26. 26. Project Crescent<br />Crescent (in SQL Server Denali)<br />http://sharepoint/sites/crescent/SitePages/Welcome.aspx<br />
  27. 27. Geo-mapping<br />ImapBuilder - http://www.imapbuilder.com/<br />amMap - http://www.ammap.com/<br />
  28. 28. Affinity analysis<br />Touch Graph<br />http://www.touchgraph.com<br />©Nikita Lukianets, LimeJam<br />
  29. 29. Fraze-frequency analysis<br />WordleText Clouds<br />http://www.wordle.net/<br />©Nikita Lukianets, LimeJam<br />
  30. 30. Bin connection analysis<br />GATE – General Architecture for Text Engineering, IBM many Eyes<br />http://gate.ac.uk/<br />©Nikita Lukianets, LimeJam<br />
  31. 31. Using Isotype Pictograms<br />lat. pictus — draw<br />gr. γράμμα — mark<br />Keywords: Isotype, Vienna method, Otto Neurath&GerdArntz<br />
  32. 32. Numbers and Meanings<br />360<br />
  33. 33. Color Grades<br />COLOURlovers<br />http://www.colourlovers.com<br />Kuler Adobe<br />http://kuler.adobe.com/<br />
  34. 34. What to Read?<br />Books<br />Tufte, Edward R. «The Visual Display of Quantitative Information» (2nd edition, 2001, Cheshire, CT: Graphics Press; ISBN 0961392142: PDF, 12,7 Mb)<br />"Gesellschaft und Wirtschaft. Bildstatistisches Elementarwerk" (PDF, 14.9 Mb)<br />"Modern Man in the Making" (PDF, 17.2 Mb)<br />Petrenko V.F. Basic Psychosemantics. 2-nd edition.<br />Willard Cope Brinton – Graphic Presentation<br />Web<br />http://visualcomplexity.com<br />http://www.flickr.com/groups/infografias/<br />http://infographer.ru<br />
  35. 35. How?<br />Define objects and Structure<br />Define relationships<br />Sequence of actions, Events<br />Quantitative criteria<br />Model-Presentation<br />
  36. 36. TUFTE rules<br />Compare, show difference.<br />Show structure and mechanisms.<br />Use polivariative data, at least 2 dimensions.<br />Get to full integration of text, numbers, graphics.<br />Show sources and metadata.<br />Remember about content, it’s core.<br />
  37. 37. Nikita Lukianets– nikital@microsoft.comskype, twitter:nikiluk<br />http://uxnext.org.ua<br />

×