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– nikital@microsoft.comskype, twitter: nikiluk http://uxnext.org.ua