Инфографика

Инфогра́фика (от лат. informatio — осведомление, разъяснение, изложение; и др.-греч. γραφικός — письменный, от γράφω — пишу) — это графический способ подачи информации, данных и знаний, целью которого является быстро и чётко преподносить сложную информацию. Одна из форм информационного дизайна.

Спектр её применения огромен: география, журналистика, образование, статистика, технические тексты. Инфографика способна не только организовать большие объёмы информации, но и более наглядно показать соотношение предметов и фактов во времени и пространстве, а также продемонстрировать тенденции.

Подходы

Инфографика — визуализация данных или идей, целью которой является донесение сложной информации до аудитории быстрым и понятным образом. Средства инфографики помимо изображений могут включать в себя графики, диаграммы, блок-схемы, таблицы, карты, списки.

Существуют два противоположных подхода к дизайну инфографики, расходящиеся в вопросах значимости для инфографики эстетики и украшений. За одним из них, исследовательским (англ. explorative), берущим начало в вековых традициях оформления научных работ, стоит Эдвард Тафти, автор нескольких основополагающих работ по информационному дизайну. Он ратует за минималистский характер инфографики, при котором всё несущественное для передачи информации должно быть опущено, а сама информация должна быть передана максимально точно. Основной целью этого подхода является стремление к донесению информации до целевой аудитории. Такой подход оправдан в научной работе, анализе данных, бизнес-аналитике. Другой подход, сюжетный, повествовательный (англ. narrative) свойственен Найгелу Холмсу (Nigel Holmes), наиболее известному по его иллюстрациям редакционных колонок в Time с 1978 по 1994 год, называемому им explanation graphics — «поясняющие иллюстрации». Этому подходу присуще стремление к созданию привлекательных для читателя образов, выразительного дизайна, иллюстративности. Это — не просто получение информации, но и развлечение для читателя. Сферой применения этого подхода можно считать журналистику, блоги, маркетинговые и рекламные материалы. Таким образом, исследовательский подход подразумевает извлечение нужной информации самим читателем, тогда как повествовательный уже содержит заключение, к которому читатель должен прийти.

Инфографика может использоваться для создания ложного представления о статистических данных и манипулирования общественным мнением. Использование инфографики для этих целей подробно рассмотрено в главе «The One-Dimensional Picture» классической книги Дарелла Хаффа «Как лгать при помощи статистики».

Особенности

• графические объекты, ассоциативно связанные с представляемой информацией или являющиеся графическим выражением направлений изменения представляемых данных,
• полезная информационная нагрузка,
• красочное представление,
• внятное и осмысленное представление темы.

Составляющие успеха инфографики

Практикующие дизайнеры выделяют несколько аспектов, учёт которых позволяет сделать инфографику успешной:

• Своевременность
• Привлекательная, понятная тема
• Плавный, красивый, эффективный дизайн
• Удобство распространения
• Учёт целевой аудитории
• Цифры могут говорить сами за себя
• Внутренняя целостность
• Эмоциональные цвета
• Качественные диаграммы
• Выбор масштаба
• Создание истории
• Выбор интересных фактов
• Визуализация
• Упрощение
• Использование линии времени
• Определение концепции и цели
• Авторитетность и надёжность источников
• Учёт отзывов от заказчика

Кроме того, можно выделить три столпа, на которых основывается хорошая инфографика:

• Полезность (практическая ценность) — насколько достигаются поставленные цели коммуникации.
• Пригодность — наличие смысла для зрителей и читателей, насколько полно, достоверно, интересно содержание.
• Красота — качество формы и дизайна преподнесения информации.

Разновидности

Несмотря на то, что инфографика может применяться практически в любой дисциплине, специалист может выделить некоторые категории инфографики:

• Числа в картинках: наиболее распространённая категория, которая позволяет сделать числовые данные более удобоваримыми,
• Расширенный список: статистические данные, линия времени, просто набор фактов может быть визуализирован,
• Процесс и перспектива: служит для визуализации сложного процесса или предоставления некоторой перспективы. Может вообще не содержать числовых данных.

По способу отображения инфографика подразделяется на следующие виды:

• Статичная инфографика — одиночные изображения без элементов анимации;
• Динамическая инфографика — инфографика с анимированными элементами. Основными подвидами динамической инфографики являются видеоинфографика, анимированные изображения, презентации.

По типу источника различают 3 основных вида инфографики:

• Аналитическая инфографика — графика подготавливаемая по аналитическим материалам. Наиболее часто используется экономическая инфографика: аналитика проводится исключительно по данным экономических показателей и исследований;
• Новостная инфографика — инфографика, подготавливаемая под конкретную новость в оперативном режиме;
• Инфографика реконструкции — инфографика, использующая за основу данные о каком-либо событии, воссоздающая динамику событий в хронологическом порядке.

Инфографика различных видов

Статистика по проекту Wikipedian in Residence   Линия времени о работах Джона Баскервиля   Инфографика на тему Social media brandsphere   Принцип создания и восприятия инфографики

Интерактивная инфографика

Ключевыми форматами инфографической коммуникации являются:

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

Движущиеся изображения, особенно в сочетании со звуковым сопровождением, привлекают внимание людей больше, чем статические изображения. Этот вид инфографики становится всё более популярным. Технологии HTML5, CSS3 и JavaScript (ранее — Flash) позволяют располагать текстовый и графический материал поверх видео, создавая эффект расширенной реальности.

Интерактивные инфографические интерфейсы (англ. interactive infographic interfaces) варьируются от самых простых до сложных и динамических. Этот вид инфографики особенно приспособлен для презентации большого объёма данных и привлечения пользователя к активному исследованию при получении требуемой им информации. Через интерактивный интерфейс можно подать как фиксированную информацию (англ. hard-coded), информацию о ситуации в виде приборной доски, а также обновляющуюся информацию в реальном времени.

Интерактивная визуализация фиксированной информации в наиболее простом варианте может быть аналогична презентации или слайд-шоу, где от пользователя может потребоваться лишь переходить от одного слайда к другому. Другим случаем может быть нагруженная данными географическая карта, которая визуально представляет данные о выбранном пользователем регионе (скажем, при движении мыши над этим регионом).

Фиксированная интерактивная визуализация набора данных, динамически обновляющаяся в случае внесения изменений в наборе данных. В этом решении данные отделены от движка визуализации, да и обновлять подчас огромный объём данных вручную может быть слишком дорогим занятием. Примером данного подхода может служить фоновая картограмма карты США с обозначенными уровнями безработицы.

Динамический интерактивный интерфейс позволяет по требованию обновлять как отображение, так и отображаемую информацию. Примеры данного вида интерактивной инфографики можно найти в программах для разного рода аналитики и CRM. В качестве хорошего примера интерфейса можно назвать бесплатный сервис управления финансами mint.com. Хотя обычно в таких системах пользователь сам выбирает временные периоды, визуализируемые данные и форму их отображения, и в этом случае сюжетное изложение возможно наряду с исследовательским.

История

В СССР инфографика широко применялась при оформлении павильонов ВДНХ, где был создан «Производственно-оформительский комбинат» (ПОК ВДНХ), на котором работали в том числе выпускники художественно-оформительского отделения МГАХУ памяти 1905 года и МГХПА им. Строганова.

Одними из первых в газете стали использовать сочетание графики и текста издатели USA Today, запустившие свой проект в 1982 году. За несколько лет газета вошла в пятерку самых читаемых изданий страны. Одним из наиболее заметных и востребованных читателями нововведений USA Today стали детальные, хорошо прорисованные картинки с поясняющими комментариями — инфографика. Американские читатели быстро поняли и приняли преимущества такого способа передачи информации — инфографика передавала сообщение быстрее, чем текст (один качественно сделанный рисунок заменял несколько страниц текста) и подробнее, чем стандартная иллюстрация (благодаря детальности рисунка и точным тезисным комментариям). Со временем выяснилось, что инфографика является не только технологией, не только сферой бизнеса, но и искусством. При этом, степень владения этим искусством напрямую влияет на доходность издательского бизнеса. Именно поэтому сегодня такие журналы как «Эсквайр» и «Нью-Йоркер» выделяют на создание инфографики 3—4 ведущих дизайнеров и одного журналиста — автора стержневой идеи.

Одним из пионеров в создании интерактивной графики можно считать Дона Виттекинда (Don Wittekind), приглашённого газетой South Florida Sun-Sentinel. Мультимедийная галерея The Edge, созданная в Sun-Sentinel с помощью программы Adobe Director и позднее перенесённая на Macromedia Flash, стала образцом для подражания многих профессионалов. Интерактивную графику приняли на вооружение и другие онлайн-медиа.

В России в 2011 году появился журнал «Инфографика», главной особенностью которого стало отсутствие текстов и представление всей информации в виде инфографики.

Литература

• История мира в инфографике. — М.: Альпина Паблишер, 2014. — ISBN 978-5-9614-4525-1.
• Edward R. Tufte. The Visual Display of Quantitative Information. — 16. — Graphics Press, 1983. — P. 197.
• Lankow, J. and Ritchie, J. and Crooks, R. Infographics: The Power of Visual Storytelling. — Wiley, 2012. — 264 p. — ISBN 9781118420065.
• Alberto Cairo. The Functional Art: An introduction to information graphics and visualization. — New Riders, 2012. — 384 p. — ISBN 978-0-13-304118-7.
• Newsom, D. and Haynes, J. Public Relations Writing: Form \& Style. — Cengage Learning, 2010. — 448 p. — ISBN 9781439082720.

Ссылки

• Статья [www.cmsmagazine.ru/library/items/graphical_design/jj_2011-10-25/ «10 советов по созданию качественной инфографики»] (перевод) на сайте CMS Magazine.
• [ria.ru/infografika/ Пример новостной инфографики] на сайте РИА
• [visual.ly/ visual.ly] (англ.) Сайт об инфодизайне с демонстрациями и примерами
• infographicsmag.ru Сайт журнала «Инфографика»
• [obrazets-resume.ru/infografika/ Использование инфографики в резюме] статья

Отрывок, характеризующий Инфографика

Николай Ростов испытывал вполне это блаженство, после 1807 года продолжая служить в Павлоградском полку, в котором он уже командовал эскадроном, принятым от Денисова.
Ростов сделался загрубелым, добрым малым, которого московские знакомые нашли бы несколько mauvais genre [дурного тона], но который был любим и уважаем товарищами, подчиненными и начальством и который был доволен своей жизнью. В последнее время, в 1809 году, он чаще в письмах из дому находил сетования матери на то, что дела расстраиваются хуже и хуже, и что пора бы ему приехать домой, обрадовать и успокоить стариков родителей.
Читая эти письма, Николай испытывал страх, что хотят вывести его из той среды, в которой он, оградив себя от всей житейской путаницы, жил так тихо и спокойно. Он чувствовал, что рано или поздно придется опять вступить в тот омут жизни с расстройствами и поправлениями дел, с учетами управляющих, ссорами, интригами, с связями, с обществом, с любовью Сони и обещанием ей. Всё это было страшно трудно, запутано, и он отвечал на письма матери, холодными классическими письмами, начинавшимися: Ma chere maman [Моя милая матушка] и кончавшимися: votre obeissant fils, [Ваш послушный сын,] умалчивая о том, когда он намерен приехать. В 1810 году он получил письма родных, в которых извещали его о помолвке Наташи с Болконским и о том, что свадьба будет через год, потому что старый князь не согласен. Это письмо огорчило, оскорбило Николая. Во первых, ему жалко было потерять из дома Наташу, которую он любил больше всех из семьи; во вторых, он с своей гусарской точки зрения жалел о том, что его не было при этом, потому что он бы показал этому Болконскому, что совсем не такая большая честь родство с ним и что, ежели он любит Наташу, то может обойтись и без разрешения сумасбродного отца. Минуту он колебался не попроситься ли в отпуск, чтоб увидать Наташу невестой, но тут подошли маневры, пришли соображения о Соне, о путанице, и Николай опять отложил. Но весной того же года он получил письмо матери, писавшей тайно от графа, и письмо это убедило его ехать. Она писала, что ежели Николай не приедет и не возьмется за дела, то всё именье пойдет с молотка и все пойдут по миру. Граф так слаб, так вверился Митеньке, и так добр, и так все его обманывают, что всё идет хуже и хуже. «Ради Бога, умоляю тебя, приезжай сейчас же, ежели ты не хочешь сделать меня и всё твое семейство несчастными», писала графиня.
Письмо это подействовало на Николая. У него был тот здравый смысл посредственности, который показывал ему, что было должно.
Теперь должно было ехать, если не в отставку, то в отпуск. Почему надо было ехать, он не знал; но выспавшись после обеда, он велел оседлать серого Марса, давно не езженного и страшно злого жеребца, и вернувшись на взмыленном жеребце домой, объявил Лаврушке (лакей Денисова остался у Ростова) и пришедшим вечером товарищам, что подает в отпуск и едет домой. Как ни трудно и странно было ему думать, что он уедет и не узнает из штаба (что ему особенно интересно было), произведен ли он будет в ротмистры, или получит Анну за последние маневры; как ни странно было думать, что он так и уедет, не продав графу Голуховскому тройку саврасых, которых польский граф торговал у него, и которых Ростов на пари бил, что продаст за 2 тысячи, как ни непонятно казалось, что без него будет тот бал, который гусары должны были дать панне Пшаздецкой в пику уланам, дававшим бал своей панне Боржозовской, – он знал, что надо ехать из этого ясного, хорошего мира куда то туда, где всё было вздор и путаница.
Через неделю вышел отпуск. Гусары товарищи не только по полку, но и по бригаде, дали обед Ростову, стоивший с головы по 15 руб. подписки, – играли две музыки, пели два хора песенников; Ростов плясал трепака с майором Басовым; пьяные офицеры качали, обнимали и уронили Ростова; солдаты третьего эскадрона еще раз качали его, и кричали ура! Потом Ростова положили в сани и проводили до первой станции.
До половины дороги, как это всегда бывает, от Кременчуга до Киева, все мысли Ростова были еще назади – в эскадроне; но перевалившись за половину, он уже начал забывать тройку саврасых, своего вахмистра Дожойвейку, и беспокойно начал спрашивать себя о том, что и как он найдет в Отрадном. Чем ближе он подъезжал, тем сильнее, гораздо сильнее (как будто нравственное чувство было подчинено тому же закону скорости падения тел в квадратах расстояний), он думал о своем доме; на последней перед Отрадным станции, дал ямщику три рубля на водку, и как мальчик задыхаясь вбежал на крыльцо дома.
После восторгов встречи, и после того странного чувства неудовлетворения в сравнении с тем, чего ожидаешь – всё то же, к чему же я так торопился! – Николай стал вживаться в свой старый мир дома. Отец и мать были те же, они только немного постарели. Новое в них било какое то беспокойство и иногда несогласие, которого не бывало прежде и которое, как скоро узнал Николай, происходило от дурного положения дел. Соне был уже двадцатый год. Она уже остановилась хорошеть, ничего не обещала больше того, что в ней было; но и этого было достаточно. Она вся дышала счастьем и любовью с тех пор как приехал Николай, и верная, непоколебимая любовь этой девушки радостно действовала на него. Петя и Наташа больше всех удивили Николая. Петя был уже большой, тринадцатилетний, красивый, весело и умно шаловливый мальчик, у которого уже ломался голос. На Наташу Николай долго удивлялся, и смеялся, глядя на нее.
– Совсем не та, – говорил он.
– Что ж, подурнела?
– Напротив, но важность какая то. Княгиня! – сказал он ей шопотом.
– Да, да, да, – радостно говорила Наташа.
Наташа рассказала ему свой роман с князем Андреем, его приезд в Отрадное и показала его последнее письмо.
– Что ж ты рад? – спрашивала Наташа. – Я так теперь спокойна, счастлива.
– Очень рад, – отвечал Николай. – Он отличный человек. Что ж ты очень влюблена?
– Как тебе сказать, – отвечала Наташа, – я была влюблена в Бориса, в учителя, в Денисова, но это совсем не то. Мне покойно, твердо. Я знаю, что лучше его не бывает людей, и мне так спокойно, хорошо теперь. Совсем не так, как прежде…
Николай выразил Наташе свое неудовольствие о том, что свадьба была отложена на год; но Наташа с ожесточением напустилась на брата, доказывая ему, что это не могло быть иначе, что дурно бы было вступить в семью против воли отца, что она сама этого хотела.
– Ты совсем, совсем не понимаешь, – говорила она. Николай замолчал и согласился с нею.
Брат часто удивлялся глядя на нее. Совсем не было похоже, чтобы она была влюбленная невеста в разлуке с своим женихом. Она была ровна, спокойна, весела совершенно по прежнему. Николая это удивляло и даже заставляло недоверчиво смотреть на сватовство Болконского. Он не верил в то, что ее судьба уже решена, тем более, что он не видал с нею князя Андрея. Ему всё казалось, что что нибудь не то, в этом предполагаемом браке.
«Зачем отсрочка? Зачем не обручились?» думал он. Разговорившись раз с матерью о сестре, он, к удивлению своему и отчасти к удовольствию, нашел, что мать точно так же в глубине души иногда недоверчиво смотрела на этот брак.
– Вот пишет, – говорила она, показывая сыну письмо князя Андрея с тем затаенным чувством недоброжелательства, которое всегда есть у матери против будущего супружеского счастия дочери, – пишет, что не приедет раньше декабря. Какое же это дело может задержать его? Верно болезнь! Здоровье слабое очень. Ты не говори Наташе. Ты не смотри, что она весела: это уж последнее девичье время доживает, а я знаю, что с ней делается всякий раз, как письма его получаем. А впрочем Бог даст, всё и хорошо будет, – заключала она всякий раз: – он отличный человек.


Первое время своего приезда Николай был серьезен и даже скучен. Его мучила предстоящая необходимость вмешаться в эти глупые дела хозяйства, для которых мать вызвала его. Чтобы скорее свалить с плеч эту обузу, на третий день своего приезда он сердито, не отвечая на вопрос, куда он идет, пошел с нахмуренными бровями во флигель к Митеньке и потребовал у него счеты всего. Что такое были эти счеты всего, Николай знал еще менее, чем пришедший в страх и недоумение Митенька. Разговор и учет Митеньки продолжался недолго. Староста, выборный и земский, дожидавшиеся в передней флигеля, со страхом и удовольствием слышали сначала, как загудел и затрещал как будто всё возвышавшийся голос молодого графа, слышали ругательные и страшные слова, сыпавшиеся одно за другим.
– Разбойник! Неблагодарная тварь!… изрублю собаку… не с папенькой… обворовал… – и т. д.
Потом эти люди с неменьшим удовольствием и страхом видели, как молодой граф, весь красный, с налитой кровью в глазах, за шиворот вытащил Митеньку, ногой и коленкой с большой ловкостью в удобное время между своих слов толкнул его под зад и закричал: «Вон! чтобы духу твоего, мерзавец, здесь не было!»
Митенька стремглав слетел с шести ступеней и убежал в клумбу. (Клумба эта была известная местность спасения преступников в Отрадном. Сам Митенька, приезжая пьяный из города, прятался в эту клумбу, и многие жители Отрадного, прятавшиеся от Митеньки, знали спасительную силу этой клумбы.)
Жена Митеньки и свояченицы с испуганными лицами высунулись в сени из дверей комнаты, где кипел чистый самовар и возвышалась приказчицкая высокая постель под стеганным одеялом, сшитым из коротких кусочков.
Молодой граф, задыхаясь, не обращая на них внимания, решительными шагами прошел мимо них и пошел в дом.
Графиня узнавшая тотчас через девушек о том, что произошло во флигеле, с одной стороны успокоилась в том отношении, что теперь состояние их должно поправиться, с другой стороны она беспокоилась о том, как перенесет это ее сын. Она подходила несколько раз на цыпочках к его двери, слушая, как он курил трубку за трубкой.
На другой день старый граф отозвал в сторону сына и с робкой улыбкой сказал ему:
– А знаешь ли, ты, моя душа, напрасно погорячился! Мне Митенька рассказал все.
«Я знал, подумал Николай, что никогда ничего не пойму здесь, в этом дурацком мире».
– Ты рассердился, что он не вписал эти 700 рублей. Ведь они у него написаны транспортом, а другую страницу ты не посмотрел.
– Папенька, он мерзавец и вор, я знаю. И что сделал, то сделал. А ежели вы не хотите, я ничего не буду говорить ему.
– Нет, моя душа (граф был смущен тоже. Он чувствовал, что он был дурным распорядителем имения своей жены и виноват был перед своими детьми но не знал, как поправить это) – Нет, я прошу тебя заняться делами, я стар, я…
– Нет, папенька, вы простите меня, ежели я сделал вам неприятное; я меньше вашего умею.
«Чорт с ними, с этими мужиками и деньгами, и транспортами по странице, думал он. Еще от угла на шесть кушей я понимал когда то, но по странице транспорт – ничего не понимаю», сказал он сам себе и с тех пор более не вступался в дела. Только однажды графиня позвала к себе сына, сообщила ему о том, что у нее есть вексель Анны Михайловны на две тысячи и спросила у Николая, как он думает поступить с ним.
– А вот как, – отвечал Николай. – Вы мне сказали, что это от меня зависит; я не люблю Анну Михайловну и не люблю Бориса, но они были дружны с нами и бедны. Так вот как! – и он разорвал вексель, и этим поступком слезами радости заставил рыдать старую графиню. После этого молодой Ростов, уже не вступаясь более ни в какие дела, с страстным увлечением занялся еще новыми для него делами псовой охоты, которая в больших размерах была заведена у старого графа.


Уже были зазимки, утренние морозы заковывали смоченную осенними дождями землю, уже зелень уклочилась и ярко зелено отделялась от полос буреющего, выбитого скотом, озимого и светло желтого ярового жнивья с красными полосами гречихи. Вершины и леса, в конце августа еще бывшие зелеными островами между черными полями озимей и жнивами, стали золотистыми и ярко красными островами посреди ярко зеленых озимей. Русак уже до половины затерся (перелинял), лисьи выводки начинали разбредаться, и молодые волки были больше собаки. Было лучшее охотничье время. Собаки горячего, молодого охотника Ростова уже не только вошли в охотничье тело, но и подбились так, что в общем совете охотников решено было три дня дать отдохнуть собакам и 16 сентября итти в отъезд, начиная с дубравы, где был нетронутый волчий выводок.
В таком положении были дела 14 го сентября.
Весь этот день охота была дома; было морозно и колко, но с вечера стало замолаживать и оттеплело. 15 сентября, когда молодой Ростов утром в халате выглянул в окно, он увидал такое утро, лучше которого ничего не могло быть для охоты: как будто небо таяло и без ветра спускалось на землю. Единственное движенье, которое было в воздухе, было тихое движенье сверху вниз спускающихся микроскопических капель мги или тумана. На оголившихся ветвях сада висели прозрачные капли и падали на только что свалившиеся листья. Земля на огороде, как мак, глянцевито мокро чернела, и в недалеком расстоянии сливалась с тусклым и влажным покровом тумана. Николай вышел на мокрое с натасканной грязью крыльцо: пахло вянущим лесом и собаками. Чернопегая, широкозадая сука Милка с большими черными на выкате глазами, увидав хозяина, встала, потянулась назад и легла по русачьи, потом неожиданно вскочила и лизнула его прямо в нос и усы. Другая борзая собака, увидав хозяина с цветной дорожки, выгибая спину, стремительно бросилась к крыльцу и подняв правило (хвост), стала тереться о ноги Николая.