SlideShare una empresa de Scribd logo
1 de 42
D E P Ukraine Инфографика Никита Лукьянец департамент стратегических технологий Microsoft Ukraine #picturescience
Никита Лукьянец Microsoft, MBA, Италия, UX, автостоп, LimeJam, Дизайн, web
Инфографика. Что это?
Данные, информация, знания лат. informatio—разъяснение, изложение; греч. γραφικος — письменный
Вещи и Знаки “ Не продаётся вдохновенье,  но можно рукопись продать /Разговор книгопродавца с поэтом/
Тэртэрийские таблички [5500 д.н.э.]
Позже: Леонардо
Примеры в действии
Mapping. Динамика + Распределение
Тепловая карта
Тепловая карта
Состав
Масштаб
Mapping - сравнение
Процесс )
Или так
http://www.elmundo.es/
Структура
Лица Чернова The Use of Faces to Represent Points in K-Dimensional Space Graphically,  by Herman Chernoff © 1973 American Statistical Association.
Кофебывает разный
Скейлинг
Всё в одном
Комикс
Инструментарий
Выбор типа визуализации
Geo-mapping ImapBuilder - http://www.imapbuilder.com/ amMap - http://www.ammap.com/
Анализподобиясетей Touch Graph http://www.touchgraph.com ©Nikita Lukianets, LimeJam
Фразо-частотный анализ WordleText Clouds http://www.wordle.net/ ©Nikita Lukianets, LimeJam
Бинарные отношения для SMarter℠ GATE – General Architecture for Text Engineering http://gate.ac.uk/ ©Nikita Lukianets, LimeJam
Используем Isotype пиктограммы лат. pictus — рисовать греч. γράμμα — запись Ключевые слова: Isotype, Венский Метод, Otto Neurath и Gerd Arntz
Числа 360
Градации цвета и палитры COLOURlovers http://www.colourlovers.com Kuler Adobe http://kuler.adobe.com/
Материалы, Резюме
Присоединиськ сообществуUser Experience Nexthttp://uxnext.org.ua Никита Лукьянец Microsoft, MBA, Италия, UX, автостоп, LimeJam, Дизайн
Что посмотреть? Книги 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) Петренко В.Ф. Основы психосемантики. 2-е изд. Willard Cope Brinton – Graphic Presentation Web http://visualcomplexity.com http://www.flickr.com/groups/infografias/ http://infographer.ru
Как? Выделить объекты, структуру Выделить связи Последовательность действий-событий Количественный критерий Модель-Представление
Правила Тафти Сравнивайте, противопоставляйте, показывайте различия. Показывайте причины, механизмы, структуру, приводите объяснения. Используйте поливариативные данные – всегда пользуйтесь более, чем 1-2 переменными. Добивайтесь полной интеграции текста, чисел и инфографики. Аккуратно оформляйте вашу инфографику. Указывайте заголовок, авторов, источники информации, показывайте измерительные шкалы. Метаданные. Успех инфографики зависит от качества, связанности и обоснованности ее содержания.
Никита Лукьянец – nikital@microsoft.comskype, twitter:nikiluk Департамент стратегических технологий Microsoft:http://twitter.com/dpeua http://uxnext.org.ua

Más contenido relacionado

Más de Департамент Стратегических Технологий

Más de Департамент Стратегических Технологий (20)

HTML for smart TV
HTML for smart TVHTML for smart TV
HTML for smart TV
 
Semantic Grid. Layout of the future
Semantic Grid. Layout of the futureSemantic Grid. Layout of the future
Semantic Grid. Layout of the future
 
Progressive Enhancement
Progressive EnhancementProgressive Enhancement
Progressive Enhancement
 
Hard Rock Design
Hard Rock DesignHard Rock Design
Hard Rock Design
 
Способы структурирования данных и виды навигации сложных сайтов СМИ
Способы структурирования данных и виды навигации сложных сайтов СМИСпособы структурирования данных и виды навигации сложных сайтов СМИ
Способы структурирования данных и виды навигации сложных сайтов СМИ
 
CSS3 Animations
CSS3 AnimationsCSS3 Animations
CSS3 Animations
 
Responsive Web design. Что это и как использовать
Responsive Web design. Что это и как использоватьResponsive Web design. Что это и как использовать
Responsive Web design. Что это и как использовать
 
Проектирование Интерфейсов
Проектирование ИнтерфейсовПроектирование Интерфейсов
Проектирование Интерфейсов
 
ECMAScript 5: Новое в JavaScript
ECMAScript 5: Новое в JavaScriptECMAScript 5: Новое в JavaScript
ECMAScript 5: Новое в JavaScript
 
Разработка SaaS решений на платформе Windows Azure, Azure University
Разработка SaaS решений на платформе Windows Azure, Azure UniversityРазработка SaaS решений на платформе Windows Azure, Azure University
Разработка SaaS решений на платформе Windows Azure, Azure University
 
Архитектура облачных приложений. Типовые шаблоны, Azure University
Архитектура облачных приложений. Типовые шаблоны, Azure UniversityАрхитектура облачных приложений. Типовые шаблоны, Azure University
Архитектура облачных приложений. Типовые шаблоны, Azure University
 
Технический обзор платформы Windows Azure. Демонстрация, Azure University
Технический обзор платформы Windows Azure. Демонстрация, Azure UniversityТехнический обзор платформы Windows Azure. Демонстрация, Azure University
Технический обзор платформы Windows Azure. Демонстрация, Azure University
 
Сценарии применения Windows Azure, Azure University
Сценарии применения Windows Azure, Azure UniversityСценарии применения Windows Azure, Azure University
Сценарии применения Windows Azure, Azure University
 
Облачные сервисы Майкрософт и возможности для партнеров, Azure University
Облачные сервисы Майкрософт и возможности для партнеров, Azure UniversityОблачные сервисы Майкрософт и возможности для партнеров, Azure University
Облачные сервисы Майкрософт и возможности для партнеров, Azure University
 
Что нового в CSS3
Что нового в CSS3Что нового в CSS3
Что нового в CSS3
 
Обзор IE9 developer tools
Обзор IE9 developer toolsОбзор IE9 developer tools
Обзор IE9 developer tools
 
Pinned Sites
Pinned SitesPinned Sites
Pinned Sites
 
Карта Потребностей
Карта ПотребностейКарта Потребностей
Карта Потребностей
 
Эволюция веб-стандартов
Эволюция веб-стандартовЭволюция веб-стандартов
Эволюция веб-стандартов
 
HTML5 Geolocation API
HTML5 Geolocation APIHTML5 Geolocation API
HTML5 Geolocation API
 

Инфографика