Инфографика ( сокращенное словосочетание « информация » и « графика ») — это графические визуальные представления информации, данных или знаний, предназначенные для быстрого и четкого представления информации. [1] [2] Они могут улучшить познание, используя графику для улучшения способности зрительной системы человека видеть закономерности и тенденции. [3] [4] Похожие занятия — визуализация информации , визуализация данных , статистическая графика , информационный дизайн или информационная архитектура . [2] Инфографика в последние годы развивалась в целях массовой коммуникации и, таким образом, разрабатывается с меньшим количеством предположений о базе знаний читателей, чем другие типы визуализаций. [5] Изотипы являются ранним примером инфографики, быстро и легко передающей информацию массам. [6]
Инфографика существует уже много лет, и в последнее время увеличение количества простых в использовании бесплатных инструментов сделало создание инфографики доступным для большой части населения. Сайты социальных сетей, такие как Facebook и Twitter, также позволили распространять индивидуальную инфографику среди многих людей по всему миру. Инфографика широко используется в эпоху короткой концентрации внимания . [ требуется цитата ]
В газетах инфографика обычно используется для отображения погоды, а также карт, планов местности и графиков для сводок данных. Некоторые книги почти полностью состоят из информационной графики, например, « The Way Things Work » Дэвида Маколея . «The Snapshots» в USA Today также являются примером простой инфографики, используемой для передачи новостей и текущих событий. [7]
Современные карты, особенно карты маршрутов для транзитных систем, используют инфографические приемы для интеграции различной информации, такой как концептуальная схема транзитной сети, пересадочные пункты и местные достопримечательности. Карты общественного транспорта, такие как карты Вашингтонского метрополитена и Лондонского метрополитена , являются хорошо известной инфографикой. Общественные места, такие как транзитные терминалы, обычно имеют своего рода интегрированную «систему указателей» со стандартизированными значками и стилизованными картами.
В своей «знаменательной книге» 1983 года « Визуальное отображение количественной информации » Эдвард Тафти определяет «графические отображения» в следующем отрывке:
Графические дисплеи должны
- показать данные
- побудить зрителя задуматься о сути, а не о методологии, графическом дизайне, технологии графического производства или о чем-то еще
- избегайте искажения того, что говорят данные
- представить много чисел в небольшом пространстве
- сделать большие наборы данных согласованными
- поощрять глаз сравнивать различные фрагменты данных
- раскрывать данные на нескольких уровнях детализации: от общего обзора до тонкой структуры
- служить достаточно ясной цели: описанию, исследованию, табулированию или оформлению
- быть тесно интегрированы со статистическими и вербальными описаниями набора данных.
Графика раскрывает данные. Действительно, графика может быть более точной и показательной, чем обычные статистические вычисления. [8]
Хотя современная инфографика часто имеет дело с «качественными» или неконкретными темами, определение Тафти 1983 года по-прежнему в широком смысле говорит о том, что такое инфографика и что она делает, а именно — сжимает большие объемы информации в форму, в которой она будет легче усвоена читателем.
В 1626 году Кристоф Шайнер опубликовал Rosa Ursina sive Sol — книгу, в которой излагались его исследования о вращении Солнца. Инфографика появилась в виде иллюстраций, демонстрирующих закономерности вращения Солнца. [9]
В 1786 году Уильям Плейфер , инженер и политический экономист, опубликовал первые графики данных в своей книге «Коммерческий и политический атлас» . Для представления экономики Англии XVIII века Плейфер использовал статистические графики, столбчатые диаграммы , линейные графики , диаграммы с областями и гистограммы . В своей работе «Статистический бревиарий » ему приписывают введение первой круговой диаграммы . [10] [11] [12]
Около 1820 года современная география была создана Карлом Риттером . [13] Его карты включали общие рамки, согласованные легенды карт, масштабы, повторяемость и точность. Такую карту можно считать «суперзнаком», который объединяет знаковые системы — как их определил Чарльз Сандерс Пирс — состоящие из символов, иконок, индексов в качестве представлений. [14] Другие примеры можно увидеть в работах географов Риттера и Александра фон Гумбольдта . [15]
В 1857 году английская медсестра Флоренс Найтингейл использовала информационную графику, чтобы убедить королеву Викторию улучшить условия в военных госпиталях. Главной из использованных ею была диаграмма Кокскомба, комбинация столбчатых и круговых диаграмм, изображающая количество и причины смертей в течение каждого месяца Крымской войны .
В 1861 году была выпущена влиятельная информационная графика на тему катастрофического похода Наполеона на Москву . Создатель графики Шарль Жозеф Минар запечатлел четыре различные изменяющиеся переменные, которые способствовали падению Наполеона, в одном двухмерном изображении: направление движения армии, место, через которое проходили войска, размер армии, поскольку солдаты умирали от голода и ран, и холод, который они испытали.
Джеймс Джозеф Сильвестр ввел термин «граф» в 1878 году в научном журнале Nature и опубликовал набор диаграмм, показывающих взаимосвязь между химическими связями и математическими свойствами. [16] Это также были некоторые из первых математических графиков.
В 1900 году афроамериканский историк, социолог, писатель и борец за права чернокожих У. Э. Б. Дюбуа представил визуализации данных на Всемирной выставке (1900) в Париже, Франция. Помимо подбора 500 фотографий жизни чернокожих американцев, Дюбуа и его команда студентов и ученых из Университета Атланты создали 60 визуализаций данных, сделанных вручную [17], чтобы задокументировать, как чернокожим американцам отказывают в доступе к образованию, жилью, занятости и домашнему богатству. [18]
Кельнские прогрессисты разработали эстетический подход к искусству, сосредоточенный на передаче информации. [19] Герд Арнц , Петер Альма и Августин Чинкель , все участники этого движения, были наняты Отто Нейратом для Gesellschafts- und Wirtschaftsmuseum , где они разработали Венский метод с 1926 по 1934 год. Здесь простые изображения использовались для представления данных в структурированном виде. После победы австрофашизма в гражданской войне в Австрии команда переехала в Нидерланды , где они продолжили свою работу, переименовав ее в Isotypes (Международная система типографского изобразительного образования). Этот метод также применялся ИЗОСТАТОМ (ИЗОСТАТ) в Советском Союзе .
В 1942 году Исидор Изу опубликовал манифест Леттриста , документ, охватывающий искусство, культуру, поэзию, кино и политическую теорию. Включенные в него работы, также называемые метаграфикой и гиперграфикой , представляют собой синтез письма и визуального искусства.
В 1958 году Стивен Тулмин предложил графическую модель аргументации, названную Моделью аргументации Тулмина. Диаграмма содержала шесть взаимосвязанных компонентов, используемых для анализа аргументов, и считалась самой влиятельной работой Тулмина, особенно в области риторики, коммуникации и компьютерных наук. Модель аргументации Тулмина стала влиятельной в теории аргументации и ее приложениях.
В 1972 и 1973 годах, соответственно, космические аппараты Pioneer 10 и Pioneer 11 включили в свои суда Pioneer Plaques , пару золотых анодированных алюминиевых табличек, каждая из которых содержала графическое сообщение. Графические сообщения включали обнаженные мужские и женские фигуры, а также символы, которые должны были предоставить информацию о происхождении космического корабля. Изображения были разработаны Карлом Саганом и Фрэнком Дрейком и были уникальны тем, что их графические значения должны были быть понятны внеземным существам, которые не имели представления о человеческом языке.
Пионер в визуализации данных Эдвард Тафти написал серию книг – Visual Explanations , The Visual Display of Quantitative Information и Envisioning Information – на тему информационной графики. [20] [21] [22] Называемый The New York Times « да Винчи данных», Тафти начал читать однодневные лекции и проводить семинары по теме инфографики, начиная с 1993 года. По состоянию на 2012 год [обновлять]Тафти все еще читает эти лекции. [23] По мнению Тафти, хорошая визуализация данных точно представляет каждую точку данных и позволяет зрителю видеть тенденции и закономерности в данных. Вклад Тафти в область визуализации данных и инфографики считается огромным, и его принципы дизайна можно увидеть на многих веб-сайтах, в журналах и газетах сегодня. [24]
Инфографика, созданная Питером Салливаном для The Sunday Times в 1970-х, 1980-х и 1990-х годах, была одним из ключевых факторов, побудивших газеты использовать больше инфографики. Салливан также является одним из немногих авторов, которые писали об информационной графике в газетах. Аналогичным образом, штатные художники USA Today, газеты США , дебютировавшей в 1982 году, поставили себе цель использовать графику, чтобы сделать информацию более понятной. Однако газета подверглась критике за чрезмерное упрощение новостных сюжетов и за создание инфографики, которая, по мнению некоторых, подчеркивает развлечение, а не содержание и данные. Тафти ввел термин chartjunk для обозначения графики, которая визуально привлекательна до такой степени, что теряется содержащаяся в ней информация.
Поскольку векторная и растровая графика становятся повсеместным явлением в вычислительной технике в XXI веке, визуализация данных применяется в широко используемых компьютерных системах, включая настольные издательские системы и географические информационные системы (ГИС).
Тесно связана со сферой информационной графики информационный дизайн , представляющий собой создание инфографики.
К 2000 году интернет-анимация на основе Adobe Flash использовала многие ключевые приемы создания инфографики для создания различных продуктов и игр.
Аналогичным образом, телевидение начало включать инфографику в опыт зрителей в начале 2000-х годов. Одним из примеров использования инфографики на телевидении и в поп-культуре является музыкальный клип 2002 года норвежских музыкантов Röyksopp на их песню « Remind Me ». Видео было полностью составлено из анимированной инфографики. [25] Аналогичным образом, в 2004 году телевизионная реклама французской ядерной технологической компании Areva использовала анимированную инфографику в качестве рекламной тактики. Оба этих видеоролика и внимание, которое они получили, донесли до других областей потенциальную ценность использования информационной графики для эффективного описания сложной информации.
С появлением альтернатив Adobe Flash, таких как HTML 5 и CSS3 , инфографика теперь создается на различных носителях с использованием ряда программных инструментов. [26]
Область журналистики также включила и применила информационную графику к новостным сюжетам. Для сюжетов, которые предполагают включение текста, изображений и графики, система, называемая концепцией маэстро, позволяет целым редакциям сотрудничать и организовывать сюжет для успешного включения всех компонентов. Во многих редакциях эта интегрированная в командную работу система применяется для улучшения управления временем . Система маэстро разработана для улучшения представления сюжетов для занятых читателей СМИ. Многие новостные веб-сайты также использовали интерактивную информационную графику, в которой пользователь может извлекать информацию по теме, изучая графику.
Многие компании используют инфографику в качестве средства общения с потенциальными клиентами и их привлечения. [27] Информационная графика является формой контент-маркетинга [28] и стала инструментом для интернет-маркетологов и компаний для создания контента, на который будут ссылаться другие, тем самым, возможно, повышая репутацию компании и ее присутствие в Интернете. [29]
Религиозные конфессии также начали использовать инфографику. Например, Церковь Иисуса Христа Святых последних дней создала множество инфографик, чтобы помочь людям узнать о своей вере, миссионерах, храмах, мирском служении и усилиях по семейной истории. [30]
Инфографика также находит пристанище в классе. Курсы, обучающие студентов создавать собственную инфографику с использованием различных инструментов, могут стимулировать вовлеченность в классе и могут привести к лучшему пониманию концепций, которые они отображают на графике. [ необходима цитата ]
С ростом популярности социальных сетей, инфографика стала популярной, часто как статические изображения или простые веб-интерфейсы, охватывающие любое количество тем. Такая инфографика часто распространяется между пользователями социальных сетей, таких как Facebook , Twitter , Pinterest , Google+ и Reddit . Хэштег #infographic был твитнут 56 765 раз в марте 2012 года и на пике 3 365 раз в течение 24 часов. [ необходима цитата ]
Три части любой инфографики — это визуальная часть, содержание и знания. [31] Визуальная часть состоит из цветов и графики. Существует два различных типа графики — тематическая и справочная. Эти графики включены во все инфографики и представляют собой базовое визуальное представление данных. Справочная графика — это, как правило, значки, которые можно использовать для указания на определенные данные, хотя они не всегда встречаются в инфографике. Статистика и факты обычно служат содержанием для инфографики и могут быть получены из любого количества источников, включая данные переписи и новостные репортажи. Одним из наиболее важных аспектов инфографики является то, что они содержат некое понимание данных, которые они представляют — это знания. [31]
Инфографика эффективна благодаря визуальному элементу. Люди получают информацию от всех пяти своих чувств (зрение, осязание, слух, обоняние, вкус), но они получают значительно больше информации от зрения, чем от любого из остальных четырех. [32] Пятьдесят процентов человеческого мозга посвящено визуальным функциям, и изображения обрабатываются быстрее, чем текст. Мозг обрабатывает изображения все сразу, но обрабатывает текст линейно, что означает, что получение информации из текста занимает гораздо больше времени. [2] Целые бизнес-процессы или отрасли промышленности могут быть сделаны релевантными для новой аудитории с помощью метода проектирования руководства, который направляет взгляд. Страница может ссылаться на полный отчет, но инфографика подготавливает читателя, делая предмет более доступным. [33] Онлайн-тенденции, такие как все более короткая продолжительность концентрации внимания интернет-пользователей, также способствовали росту популярности и эффективности инфографики. [ необходима цитата ]
При проектировании визуального аспекта инфографики необходимо учесть ряд соображений для оптимизации эффективности визуализации. Шесть компонентов визуального кодирования — это пространственный, знаки, связь, вложение, свойства сетчатки и временное кодирование . [4] Каждый из них может использоваться по-своему для представления отношений между различными типами данных. Однако исследования показали, что пространственное положение является наиболее эффективным способом представления числовых данных и приводит к самому быстрому и легкому пониманию зрителями. [3] Поэтому дизайнеры часто пространственно представляют наиболее важные отношения, изображаемые в инфографике.
Также существуют три основных положения коммуникации , которые необходимо оценить при разработке инфографики: привлекательность, понимание и удержание. [34] «Привлекательность» — это идея о том, что коммуникация должна вовлекать свою аудиторию. Понимание подразумевает, что зритель должен иметь возможность легко понять информацию, которая ему представлена. И, наконец, «удержание» означает, что зритель должен запомнить данные, представленные инфографикой. Порядок важности этих положений зависит от цели инфографики. Если инфографика предназначена для передачи информации беспристрастным образом, например, в областях академии или науки, сначала следует рассмотреть понимание, затем удержание и, наконец, привлекательность. Однако, если инфографика используется в коммерческих целях, то привлекательность становится наиболее важной, за ней следуют удержание и понимание. Когда инфографика используется в редакционных целях, например, в газете, привлекательность снова является наиболее важной, но за ней следует понимание, а затем удержание. [34]
Однако на практике привлекательность и сохранение могут быть объединены с помощью понятного дизайна макета. Недавно, в качестве попытки изучить влияние макета инфографики на понимание зрителей, новый метод оценки когнитивной нагрузки на основе нейронной сети был применен к различным типам распространенных макетов для дизайна инфографики. [35] Когда при проектировании инфографики учитываются различные факторы, перечисленные выше, она может стать высокоэффективным и действенным способом передачи больших объемов информации в визуальной форме.
Визуализации данных часто используются в инфографике и могут составлять всю инфографику. Существует много типов визуализаций, которые можно использовать для представления одного и того же набора данных. Поэтому крайне важно определить подходящую визуализацию для набора данных и инфографики, принимая во внимание графические особенности, такие как положение, размер, форма и цвет. Существует в основном пять типов категорий визуализации — данные временных рядов , статистические распределения , карты , иерархии и сетевое взаимодействие. [3]
Данные временных рядов являются одной из наиболее распространенных форм визуализации данных . Они документируют наборы значений с течением времени. Примерами графиков в этой категории являются индексные диаграммы, сложенные графики, небольшие кратные и горизонтальные графики. Индексные диаграммы идеально подходят для использования, когда исходные значения менее важны, чем относительные изменения. Это интерактивная линейная диаграмма , которая показывает процентные изменения для набора данных временных рядов на основе выбранной точки индекса. Например, инвесторы в акции могут использовать это, поскольку их меньше интересует конкретная цена и больше интересует скорость роста. Сложенные графики представляют собой диаграммы областей, которые накладываются друг на друга и отображают совокупные закономерности. Они позволяют зрителям видеть общие закономерности и индивидуальные закономерности. Однако они не поддерживают отрицательные числа и затрудняют точную интерпретацию тенденций. Альтернативой сложенным графикам являются небольшие кратные. Вместо того, чтобы накладывать каждую диаграмму областей, каждая серия отображается индивидуально, поэтому общие тенденции каждого сектора легче интерпретировать. Горизонтальные графики представляют собой эффективный с точки зрения пространства метод увеличения плотности данных временного ряда при сохранении разрешения. [3]
Статистические распределения выявляют тенденции, основанные на том, как распределены числа. Распространенными примерами являются гистограммы и диаграммы типа «ящик с усами» , которые передают статистические характеристики, такие как среднее значение , медиана и выбросы . В дополнение к этой распространенной инфографике альтернативами являются диаграммы типа «стебель-и-листья» , диаграммы Q–Q , матрицы диаграмм рассеяния (SPLOM) и параллельные координаты . Для оценки набора чисел и сосредоточения внимания на распределении частот диаграммы типа «стебель-и-листья» могут быть полезны. Числа группируются на основе первой значащей цифры, а внутри каждого стека снова группируются на основе второй значащей цифры. С другой стороны, диаграммы Q–Q сравнивают два распределения вероятностей , графически отображая квантили друг против друга. Это позволяет зрителю увидеть, похожи ли значения графика и связаны ли они линейно. SPLOM — это метод, который представляет отношения между несколькими переменными. Он использует несколько диаграмм рассеяния для представления попарного отношения между переменными. Другой статистический подход к распределению для визуализации многомерных данных — это параллельные координаты. Вместо того, чтобы отображать каждую пару переменных в двух измерениях, данные многократно наносятся на параллельную ось, а затем соответствующие точки соединяются линией. Преимущество параллельных координат в том, что они относительно компактны, что позволяет отображать множество переменных одновременно. [3]
Карты являются естественным способом представления географических данных . Время и пространство могут быть отображены с помощью потоковых карт . Линейные штрихи используются с различной шириной и цветом, чтобы помочь кодировать информацию. Карты хороплета, которые кодируют данные через цвет и географический регион, также широко используются. Карты градуированных символов являются еще одним методом представления географических данных. Они являются альтернативой карте хороплета и используют символы, такие как круговые диаграммы для каждой области, на карте. Эта карта позволяет представлять больше измерений с помощью различных форм, размеров и цветов. Картограммы , с другой стороны, полностью искажают форму региона и напрямую кодируют переменную данных. Вместо использования географической карты регионы перерисовываются пропорционально данным. Например, каждый регион может быть представлен кругом, а размер/цвет прямо пропорционален другой информации, такой как численность населения. [3]
Многие наборы данных, такие как пространственные сущности стран или общие структуры для правительств, могут быть организованы в естественные иерархии. Диаграммы узлов-связей, диаграммы смежности и диаграммы включений — все это типы инфографики, которые эффективно передают иерархические данные. Диаграммы узлов-связей являются популярным методом из-за аккуратных и экономящих пространство результатов. Диаграмма узлов-связей похожа на дерево, где каждый узел разветвляется на несколько подсекций. Альтернативой являются диаграммы смежности, которые являются заполняющим пространство вариантом диаграммы узлов-связей. Вместо того, чтобы рисовать связь между иерархиями, узлы рисуются как сплошные области с подсекциями внутри каждой секции. Этот метод позволяет легче представлять размер, чем в диаграммах узлов-связей. Диаграммы включений также являются заполняющим пространство методом визуализации. Однако они используют включение, а не смежность для представления иерархии. Подобно диаграмме смежности, размер узла легко представляется в этой модели. [3]
Сетевая визуализация исследует отношения, такие как дружба и клики. Три распространенных типа — это макет, направленный силой, дуговые диаграммы и матричное представление. Макеты, направленные силой, являются общим и интуитивно понятным подходом к сетевой компоновке. В этой системе узлы похожи на заряженные частицы, которые отталкиваются друг от друга. Связи используются для стягивания связанных узлов вместе. Дуговые диаграммы — это одномерные макеты узлов с круговыми дугами, соединяющими каждый узел. При правильном использовании, с хорошим порядком в узлах, клики и мосты легко идентифицируются в этом макете. В качестве альтернативы математики и специалисты по информатике чаще используют матричные представления. Каждое значение имеет значение (x, y) в матрице, которое соответствует узлу. Используя цвет и насыщенность вместо текста, можно быстро воспринимать значения, связанные со связями. Хотя этот метод затрудняет просмотр пути узлов, нет пересечений линий, которые в большой и высокосвязной сети могут быстро стать слишком загроможденными. [3]
Хотя все эти визуализации могут эффективно использоваться сами по себе, многие современные инфографики объединяют несколько типов в одну графику вместе с другими функциями, такими как иллюстрации и текст. Некоторые современные инфографики даже не содержат визуализацию данных, а вместо этого являются просто красочными и лаконичными способами представления знаний. Пятьдесят три процента из 30 наиболее просматриваемых инфографик на сайте обмена инфографикой visual.ly не содержали фактических данных. [37]
Сравнительная инфографика — это тип визуального представления , который фокусируется на сравнении и сопоставлении различных элементов, таких как продукты, услуги, опции или функции. Эта инфографика предназначена для того, чтобы помочь зрителям принимать обоснованные решения, представляя информацию в ясной и лаконичной форме. Сравнительная инфографика может быть очень эффективной для упрощения сложных данных и выделения ключевых различий между несколькими элементами.
Инфографику можно создавать вручную, используя простые повседневные инструменты, такие как миллиметровая бумага , карандаши , маркеры и линейки . Однако сегодня ее чаще создают с помощью компьютерного программного обеспечения , что часто и быстрее, и проще. Ее можно создавать с помощью общего программного обеспечения для иллюстраций.
Диаграммы можно создавать и чертить вручную с помощью программного обеспечения, которое можно загрузить на рабочий стол или использовать онлайн. Шаблоны можно использовать, чтобы пользователи начали работать над своими диаграммами. Кроме того, программное обеспечение позволяет пользователям совместно работать над диаграммами в режиме реального времени через Интернет.
Также существует множество инструментов для создания очень специфических типов визуализаций, таких как создание визуализации на основе встроенных данных в фотографиях на смартфоне пользователя . Пользователи могут создать инфографику своего резюме или «картину своей цифровой жизни». [38]
