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