Infographics

download Infographics

of 37

  • date post

    28-Jan-2015
  • Category

    Design

  • view

    1.038
  • download

    0

Embed Size (px)

description

Infographics: the power of numbers and design language

Transcript of Infographics

  • 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
4. 5. 6. Things and Signs

The inspiration is not selling,
But you can make a bit from text
/Talk of poet and a bookseller/
7. Trtria 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. Choosingthe 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, its core.
37. Nikita Lukianets nikital@microsoft.comskype, twitter:nikiluk
http://uxnext.org.ua