infographics
DESCRIPTION
Infographics: the power of numbers and design languageTRANSCRIPT
All sections to appear here
5
4
InfographicsThe power of numbers and design language
#mspdays #infographics
Nikita LukianetsUkraine, UX, Hitchhike, Start-up, Design, Web, @nikiluk
https://www.facebook.com/UXNext
Data, Information, Knowledge
lat. informatio — explanation;gr. γραφικος — illustrative
Things and Signs
The inspiration is not selling, But you can make a bit from text
/Talk of poet and a bookseller/“
Tărtăria tablets [5500 BC]
Mapping. Dynamics + Distribution
Heat Map
Heat Map
Inclusion
Scale
Mapping - comparison
Process )
Needs
Or this way
http://www.elmundo.es/
Structure
Chernoff Faces
The Use of Faces to Represent Points in K-Dimensional Space Graphically, by Herman Chernoff © 1973 American Statistical Association.
Coffee is different
Scaling
Trees
©Nikita Lukianets, LimeJam
All-in-one
Comics
Choosing the right visualization type
Project Crescent
Crescent (in SQL Server Denali)
http://sharepoint/sites/crescent/SitePages/Welcome.aspx
Geo-mapping
ImapBuilder - http://www.imapbuilder.com/
amMap - http://www.ammap.com/
Affinity analysis
©Nikita Lukianets, LimeJam
Touch Graphhttp://www.touchgraph.com
Fraze-frequency analysis
©Nikita Lukianets, LimeJam
Wordle Text Cloudshttp://www.wordle.net/
Bin connection analysis
©Nikita Lukianets, LimeJam
GATE – General Architecture for Text Engineering, IBM many Eyeshttp://gate.ac.uk/
Using Isotype Pictograms
lat. pictus — drawgr. γράμμα — mark
Keywords: Isotype, Vienna method, Otto Neurath & Gerd Arntz
Numbers and Meanings
360
Color Grades
COLOURlovershttp://www.colourlovers.com
Kuler Adobehttp://kuler.adobe.com/
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
How?
1. Define objects and Structure2. Define relationships3. Sequence of actions, Events4. Quantitative criteria5. Model-Presentation
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.
Nikita Lukianets– [email protected], twitter: nikiluk http://uxnext.org.ua