Basic pinciples and rules of information visualization. Four criteria of good infographic for paper, video and Internet: clear, rich content, beautiful, and emotional. A Layer Cake communication strategy. in Russian.

1. 1

2. Инфографика
Антон Гуменский
2014

3. Правило Парето:
20% усилий
приносят 80% результата

4. Правило Парето:
80%результата
20% усилий

12. История
• Уильям Плэйфэр
William Playfair, 22 Sept. 1759 – 11 Feb. 1823
• Джон Сноу
John Snow, 15 March 1813 – 16 June 1858
• Флоренс Найтингейл
Florence Nightingale, 12 May 1820 – 13 Aug. 1910

20. Главные требования
1. Интуитивно понятно
2. Много информации
3. Эмоционально
4. Эстетично

21. Слоёный пирог
• Несколько уровней представления
информации рассчитаны на различные
модели читателя
• Первый уровень – главное сообщение –
поверхностное, быстрое чтение
• Следующий уровень – дополнительная
информация – вдумчивое чтение
• Далее – широкий контекст, детали,
предыстория – для экспертов и фанатов

22. Оправданность медиа
Использование каждого медиа должно
быть оправдано:
Бумага – качество графики, дизайн
Видео – динамика, история, драма
Интернет – интерактивность

31. http://grafdesigner.ru/Infographicsmag/export/3

43. Примеры
• http://animagraffs.com/how-a-car-engine-works
• http://dev.citysdk.waag.org/buildings/#52.1468,4.7629,11
• http://marker.ru/interactive/africa
• http://www.nytimes.com/newsgraphics/2013/10/27/south-china-sea/
• http://www.nytimes.com/projects/2012/snow-fall/#/?part=tunnel-creek
• http://www.nytimes.com/newsgraphics/2013/10/13/russia/?ref=global-
home
• http://s.telegraph.co.uk/graphics/ar-15/index.html
• http://www.theguardian.com/world/interactive/2013/nov/01/snowden-
nsa-files-surveillance-revelations-decoded
• http://www.theguardian.com/world/ng-interactive/2014/aviation-100-
years

44. Источники
• coolinfographics.com
• datavisualization.ch
• infographer.ru
• infografics.ru
• infographicsmag.ru
• informationisbeautiful.net
• infosthetics.com
• pinterest.com
• vimeo.com
• visual.ly
• visualcomplexity.com
• visualizing.org
• visualisingdata.com/in
dex.php/resources
• wordle.net
• 5coins.ru

45. Данные Инструменты
• gks.ru
• data.mos.ru
• hubofdata.ru
• google.com/
publicdata/directory
• generatedata.com
• opendatasites.com
• spritesapp.com
• easel.ly
• raw.densitydesign.org
• piktochart.com
• infogr.am
• tableausoftware.com

46. blogberry.ru