Введение

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

Ранняя история

В 1626 году Кристоф Шейнер опубликовал книгу Rosa Ursina sive Sol, в которой представил результаты своих исследований вращения Солнца. Инфографика впервые появилась в виде иллюстраций, демонстрирующих закономерности вращения Солнца. В 1786 году Уильям Плейфейр, инженер и политический экономист, опубликовал первые графики данных в своей книге «Коммерческий и политический атлас». Для визуализации экономики Англии XVIII века Плейфейр использовал статистические графики, столбчатые диаграммы, линейные графики, диаграммы площадей и гистограммы. Ему приписывают создание первой круговой диаграммы в его работе «Статистический краткий обзор». Около 1820 года современная география была сформирована Карлом Риттером. Его карты включали общие рамки, согласованные условные обозначения, масштабы, воспроизводимость и точность. Такую карту можно рассматривать как «суперзнак», сочетающий в себе системы знаков – как определил Чарльз Сандерс Пирс, – состоящие из символов, икон и индексов в качестве репрезентаций. Другие примеры можно найти в трудах географов Риттера и Александра фон Гумбольдта. В 1857 году английская медсестра Флоренс Найтингейл использовала информационную графику, чтобы убедить королеву Викторию улучшить условия в военных госпиталях. Основным инструментом стала диаграмма Коккомба – комбинация столбчатой и круговой диаграмм, показывающая количество и причины смертей в каждый месяц Крымской войны. В 1861 году была опубликована влиятельная информационная графика, посвященная катастрофическому походу Наполеона на Москву. Создатель этой графики, Шарль Жозеф Минар, в одном двумерном изображении отразил четыре изменяющиеся переменные, способствовавшие поражению Наполеона: направление движения армии, маршрут следования войск, численность армии, уменьшающуюся из-за голода и ран, и испытываемые ими морозы. Джеймс Джозеф Сильвестр ввел термин «граф» в 1878 году в научном журнале Nature и опубликовал серию диаграмм, демонстрирующих связь между химическими связями и математическими свойствами. Эти диаграммы также были одними из первых математических графов.

20 век

В 1900 году афроамериканский историк, социолог, писатель и активист за права чернокожих В. Э. Б. Дю Буа представил визуализацию данных на Всемирной выставке в Париже, Франция. В дополнение к 500 фотографиям о жизни афроамериканцев, Дю Буа и его команда студентов и ученых из Атлантского университета создали 60 ручных визуализаций данных, чтобы задокументировать способы, которыми афроамериканцам отказывали в доступе к образованию, жилью, трудоустройству и накоплению богатства. Кельнские прогрессисты разработали эстетический подход к искусству, ориентированный на передачу информации. Герд Арнц, Петер Альма и Августин Цинкель, участники этого движения, были приглашены Отто Нейратом в Gesellschafts- und Wirtschaftsmuseum, где с 1926 по 1934 год они разработали Венский метод. В этом методе для структурированного представления данных использовались простые изображения. После победы австрофашизма в Австрийской гражданской войне команда переехала в Нидерланды, где продолжила работу, переименовав ее в Isotypes (Международная система типографических изображений). Метод также применялся ИЗОСТАТом (ИЗОСТАТ) в Советском Союзе. В 1942 году Исидор Ису опубликовал «Леттристский манифест» – документ, охватывающий искусство, культуру, поэзию, кино и политическую теорию. Включенные в него работы, также называемые метаграфикой и гиперграфикой, представляют собой синтез письма и изобразительного искусства. В 1958 году Стивен Тульмин предложил графическую модель аргументации, известную как Модель аргументации Тульмина. Диаграмма содержала шесть взаимосвязанных компонентов, используемых для анализа аргументов, и считалась наиболее влиятельной работой Тульмина, особенно в области риторики, коммуникации и информатики. Модель аргументации Тульмина оказала влияние на теорию аргументации и ее применение. В 1972 и 1973 годах космические аппараты «Пионер-10» и «Пионер-11» несли на борту «Пионерские таблички» – пару золотых анодированных алюминиевых табличек, каждая из которых содержала графическое послание. Графические послания включали изображения обнаженных мужчин и женщин, а также символы, предназначенные для передачи информации о происхождении космического аппарата. Изображения были разработаны Карлом Саганом и Фрэнком Дрейком и были уникальны тем, что их графическое значение должно было быть понятно внеземным существам, не знакомым с человеческим языком. Эдвард Тафте, пионер в области визуализации данных, написал серию книг – «Визуальные объяснения», «Визуальное представление количественной информации» и «Воображение информации» – посвященных информационной графике. The New York Times назвал Тафте «да Винчи данных», и начиная с 1993 года он начал проводить однодневные лекции и семинары по инфографике. По состоянию на 2012 год Тафте продолжал проводить эти лекции. По мнению Тафте, хорошая визуализация данных точно представляет каждую точку данных и позволяет зрителю выявлять тенденции и закономерности. Вклад Тафте в область визуализации данных и инфографики считается огромным, и его принципы дизайна можно увидеть на многих веб-сайтах, в журналах и газетах сегодня. Инфографика, созданная Питером Салливаном для The Sunday Times в 1970-х, 1980-х и 1990-х годах, стала одним из ключевых факторов, побудивших газеты использовать больше инфографики. Салливан также является одним из немногих авторов, писавших об информационной графике в газетах. Аналогично, художники газеты USA Today, которая начала выходить в 1982 году, поставили перед собой цель использовать графику для облегчения понимания информации. Однако газета подверглась критике за чрезмерное упрощение новостей и создание инфографики, которая, по мнению некоторых, отдает предпочтение развлечениям, а не содержанию и данным. Тафте ввел термин «визуальный шум» для обозначения графики, которая настолько визуально привлекательна, что теряется содержащаяся в ней информация. С распространением векторной и растровой графики в компьютерных технологиях в 21 веке визуализация данных стала применяться в широко используемых компьютерных системах, включая настольные издательские системы и географические информационные системы (ГИС). Тесно связанной с информационной графикой является информационная архитектура, которая представляет собой создание инфографики.

21 век

К 2000 году анимация на основе Adobe Flash в интернете использовала многие ключевые приемы создания инфографики для разработки разнообразных продуктов и игр. Аналогично, телевидение начало внедрять инфографику в опыт зрителей в начале 2000-х годов. Одним из примеров использования инфографики на телевидении и в поп-культуре является музыкальный клип 2002 года норвежских музыкантов Röyksopp на песню "Remind Me". Клип был полностью создан из анимированной инфографики. Подобным образом, в 2004 году телевизионная реклама французской компании по ядерным технологиям Areva использовала анимированную инфографику как рекламную тактику. Оба этих видеоролика и внимание, которое они привлекли, продемонстрировали другим сферам потенциальную ценность использования информационной графики для эффективного представления сложной информации. С появлением альтернатив Adobe Flash, таких как HTML 5 и CSS3, инфографика теперь создается в различных медиа с использованием множества программных инструментов. Журналистика также включила и применяет информационную графику к новостным материалам. Для историй, предполагающих сочетание текста, изображений и графики, система, известная как концепция "маэстро", позволяет всем новостным редакциям совместно работать и организовывать материал для успешной интеграции всех компонентов. Во многих редакциях эта интегрированная командная система применяется для повышения эффективности управления временем. Система "маэстро" разработана для улучшения подачи новостей для занятых читателей. Многие новостные веб-сайты также используют интерактивную информационную графику, позволяющую пользователям извлекать информацию по теме в процессе изучения графики. Многие компании используют инфографику как средство коммуникации и привлечения потенциальных клиентов. Информационная графика является формой контент-маркетинга и стала инструментом для интернет-маркетологов и компаний для создания контента, на который другие будут ссылаться, тем самым, возможно, повышая репутацию компании и ее онлайн-присутствие. Религиозные организации также начали использовать инфографику. Например, Церковь Иисуса Христа Святых последних дней создала множество инфографик, чтобы помочь людям узнать о своей вере, миссионерах, храмах, служении мирян и генеалогических усилиях. Инфографика также находит применение в образовании. Курсы, обучающие студентов созданию собственных инфографик с использованием различных инструментов, могут стимулировать вовлеченность в учебный процесс и способствовать лучшему пониманию концепций, которые они визуализируют. С ростом популярности социальных сетей инфографика стала широко распространена, часто в виде статических изображений или простых веб-интерфейсов, охватывающих самые разные темы. Такие инфографики часто распространяются пользователями социальных сетей, таких как Facebook, Twitter, Pinterest, Google+ и Reddit. Хэштег #инфографика был использован в Твиттере 56 765 раз в марте 2012 года, а в пике – 3365 раз за 24 часа.

Анализ

Три части любой инфографики – это визуальная составляющая, содержание и знания. Визуальная составляющая состоит из цветов и графики. Существуют два различных типа графики – тематическая и вспомогательная. Эта графика включена во все инфографики и представляет собой базовое визуальное представление данных. Вспомогательная графика, как правило, представляет собой иконки, которые могут использоваться для указания на определенные данные, хотя они не всегда встречаются в инфографике. Статистические данные и факты обычно служат содержанием для инфографики и могут быть получены из множества источников, включая данные переписи населения и новостные репортажи. Один из самых важных аспектов инфографики заключается в том, что она содержит определенную информацию, основанную на представленных данных – это и есть знание. Пятьдесят процентов человеческого мозга посвящено визуальным функциям, и изображения обрабатываются быстрее, чем текст. Мозг обрабатывает изображения целиком, а текст – линейно, то есть для получения информации из текста требуется гораздо больше времени. Онлайн-тренды, такие как постоянно сокращающийся промежуток внимания интернет-пользователей, также способствовали росту популярности и эффективности инфографики. При разработке визуальной составляющей инфографики необходимо учитывать ряд факторов для оптимизации эффективности визуализации. Шесть компонентов визуального кодирования – пространственное, знаки, связь, выделение, свойства сетчатки и временное кодирование. «Привлекательность» – это идея о том, что коммуникация должна вовлекать аудиторию. Понимание подразумевает, что зритель должен легко понимать представленную информацию. И, наконец, «запоминаемость» означает, что зритель должен помнить данные, представленные в инфографике. Порядок важности этих аспектов зависит от цели инфографики. Если инфографика предназначена для беспристрастной передачи информации, например, в академической или научной сфере, в первую очередь следует учитывать понимание, затем запоминаемость и, наконец, привлекательность. Однако, если инфографика используется в коммерческих целях, то привлекательность становится наиболее важной, за ней следуют запоминаемость и понимание. При использовании инфографики в редакционных целях, например, в газете, привлекательность снова является наиболее важной, но ей предшествуют понимание и затем запоминаемость. При разработке инфографики с учетом всех вышеперечисленных факторов, она может стать высокоэффективным и действенным способом визуальной передачи большого объема информации.

Визуализация данных

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

Временные серии

Данные временных рядов являются одной из наиболее распространенных форм визуализации данных. Они документируют наборы значений с течением времени. Примеры графиков в этой категории включают индексные диаграммы, составные графики, серии небольших графиков и горизонтальные графики. Индексные диаграммы идеально подходят для случаев, когда абсолютные значения менее важны, чем относительные изменения. Это интерактивная линейная диаграмма, показывающая процентные изменения для набора данных временных рядов относительно выбранной индексной точки. Например, инвесторы на фондовом рынке могут использовать их, поскольку их больше интересует темп роста, чем конкретная цена. Составные графики – это диаграммы, представляющие собой области, наложенные друг на друга, и отображающие общие закономерности. Они позволяют зрителям видеть как общие, так и индивидуальные тенденции. Однако они не поддерживают отрицательные значения и затрудняют точную интерпретацию трендов. Альтернативой составным графикам являются серии небольших графиков. Вместо наложения областей, каждая серия отображается отдельно, что облегчает интерпретацию общих тенденций для каждого сектора. Горизонтальные графики – это способ повышения плотности данных временного ряда при сохранении разрешения, эффективно использующий пространство. ]]Сетевая визуализация исследует взаимосвязи, такие как дружеские связи и группы. Три распространенных типа: диаграммы с силами направленного расположения, дуговые диаграммы и матричное представление. Диаграммы с силами направленного расположения – это распространенный и интуитивно понятный подход к построению сетевых диаграмм. В этой системе узлы ведут себя как заряженные частицы, отталкивающиеся друг от друга, а связи используются для сближения связанных узлов. Дуговые диаграммы – это одномерное расположение узлов, соединенных круговыми дугами. При правильном использовании и хорошем порядке узлов, в этой схеме легко идентифицировать группы и мосты. В качестве альтернативы, математики и специалисты по компьютерным наукам чаще используют матричные представления. Каждое значение в матрице имеет координаты (x,y), соответствующие узлу. Используя цвет и насыщенность вместо текста, значения, связанные со связями, можно быстро воспринимать. Хотя этот метод затрудняет отслеживание пути узлов, в нем отсутствуют пересечения линий, что может привести к загроможденности в больших и сильно связанных сетях.

Инфографика для сравнения

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

Инструменты

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