This document discusses infographics and their power to communicate information through numbers and design. It provides examples of different types of infographics like heat maps, scaling, trees and comics that can be used. It also discusses choosing the right visualization type for the data and information to be conveyed. Guidelines are provided on how to create effective infographics by defining objects and structure, relationships, events and quantitative criteria.

1. Infographics The power of numbers and design language #mspdays #infographics 4 5 All sections to appear here

2. Nikita LukianetsUkraine, UX, Hitchhike, Start-up, Design, Web, @nikiluk https://www.facebook.com/UXNext

3. Data, Information, Knowledge lat. informatio— explanation; gr. γραφικος — illustrative

6. Things and Signs “ The inspiration is not selling, But you can make a bit from text /Talk of poet and a bookseller/

7. Tărtăria tablets [5500 BC]

8. Mapping. Dynamics + Distribution

9. Heat Map

10. Heat Map

11. Inclusion

12. Scale

13. Mapping - comparison

14. Process )

15. Needs

16. Or this way

17. http://www.elmundo.es/

18. Structure

19. Chernoff Faces The Use of Faces to Represent Points in K-Dimensional Space Graphically, by Herman Chernoff © 1973 American Statistical Association.

20. Coffee is different

21. Scaling

22. Trees ©Nikita Lukianets, LimeJam

23. All-in-one

24. Comics

25. Choosing the right visualization type

26. Project Crescent Crescent (in SQL Server Denali) http://sharepoint/sites/crescent/SitePages/Welcome.aspx

27. Geo-mapping ImapBuilder - http://www.imapbuilder.com/ amMap - http://www.ammap.com/

28. Affinity analysis Touch Graph http://www.touchgraph.com ©Nikita Lukianets, LimeJam

29. Fraze-frequency analysis WordleText Clouds http://www.wordle.net/ ©Nikita Lukianets, LimeJam

30. Bin connection analysis GATE – General Architecture for Text Engineering, IBM many Eyes http://gate.ac.uk/ ©Nikita Lukianets, LimeJam

31. Using Isotype Pictograms lat. pictus — draw gr. γράμμα — mark Keywords: Isotype, Vienna method, Otto Neurath&GerdArntz

32. Numbers and Meanings 360

33. Color Grades COLOURlovers http://www.colourlovers.com Kuler Adobe http://kuler.adobe.com/

34. What to Read? Books Tufte, Edward R. «The Visual Display of Quantitative Information» (2nd edition, 2001, Cheshire, CT: Graphics Press; ISBN 0961392142: PDF, 12,7 Mb) "Gesellschaft und Wirtschaft. Bildstatistisches Elementarwerk" (PDF, 14.9 Mb) "Modern Man in the Making" (PDF, 17.2 Mb) Petrenko V.F. Basic Psychosemantics. 2-nd edition. Willard Cope Brinton – Graphic Presentation Web http://visualcomplexity.com http://www.flickr.com/groups/infografias/ http://infographer.ru

35. How? Define objects and Structure Define relationships Sequence of actions, Events Quantitative criteria Model-Presentation

36. TUFTE rules Compare, show difference. Show structure and mechanisms. Use polivariative data, at least 2 dimensions. Get to full integration of text, numbers, graphics. Show sources and metadata. Remember about content, it’s core.

37. Nikita Lukianets– nikital@microsoft.comskype, twitter:nikiluk http://uxnext.org.ua