История инфографики

Раскрываем многообразие и историю способов визуализации информации
~ 14 минут
иконки в цветных кругах
Редакция PRESIUM
Автор статьи
Что общего между пещерными рисунками древних людей и визуализацией структуры генома в специальной программе? И то, и другое является примером инфографики. О пути от примитивных изображений до сложнейших диаграмм и анимированных элементов, а также о многообразии видов инфографики рассказываем в этой статье.
Инфографика – это способ передачи информации при помощи графических элементов. Хоть термин звучит очень современно и технологично, сама инфографика появилась задолго до её определения – за 40 000 лет! [1] Таков примерный возраст древнейших известных человечеству образцов графической передачи информации. Разумеется, речь идёт не о графиках или диаграммах. Это наскальная живопись в известняковой пещере острова Борнео.

Но почему мы считаем петроглифы (пещерную живопись) примером инфографики, а не просто зачатками изобразительного искусства? Потому что они самостоятельно рассказывают историю, то есть передают информацию, не требуя дополнения. Например, в петроглифах Ньюспейпер-Рок современные исследователи распознают сведения о событиях календаря, границах территорий и миграционных маршрутах. [2]

От наскальной живописи до диаграмм

01
Наскальная живопись Петроглифы Ньюспейпер-Рок
Говорят, всё новое – это хорошо забытое старое. Эта поговорка как нельзя лучше описывает феномен инфографики. Сейчас для того, чтобы донести большие объёмы сложной информации, мы включаем в текст графические элементы: диаграммы, таблицы, схемы. А ведь тысячелетия назад письменность начиналась именно с графики – схематичных изображений предметов или явлений. Их называют пиктограммами. Хорошо известный пример пиктограмм – египетская иероглифика, созданная не позднее 3000 г. до н.э. [3] Дальше происходил переход от рисуночного письма к обозначению звуков: изображения трансформировались в значки, а значки – в алфавит. Смысл стали доносить не через рисунок, а через слова.
египетские иероглифы
Однако дальнейшее развитие, в том числе растущий интерес к научному познанию мира, потребовало для своего выражения новых средств. Люди наблюдали жизнь вокруг и фиксировали результаты этих наблюдений разными способами. Так появилась, например, в 10 веке эта карта движения небесных тел. [4]

Возвращение к графическим средствам

02
график движения планет
Текста не хватало для того, чтобы передать знания о физических законах, рассказать о строении человеческого тела, поделиться открытиями или изобретениями. Развивалась прикладная механика, для которой были необходимы чертежи и схемы. Составлялись ботанические или анатомические атласы, которые без соответствующих схематических изображений были бы бесполезны.
страница книги Кодекс Арундел
Особым способом графической передачи информации всегда были карты. Эпоха великих географических открытий расширила границы в прямом и переносном смысле. И хотя представления о размерах и форме континентов ещё не были совершенны, картина мира становилась всё правдоподобнее.
Планисфера Кантино 15-16 век
Необычный дизайн карты был придуман шотландским картографом Джоном Огилби для атласа дорог Британии, опубликованного в 1675 году [5]. Одним из его нововведений было установление масштаба: 1 дюйм к 1 мили.
карта дорог Британии из атласа Огилби 1675 год
В привычном для нас понимании – в виде графиков и диаграмм – инфографика появилась в конце 18 века. Уильям Плейфэр считается изобретателем большинства графических форм, которые мы сегодня используем для визуализации данных. В частности, в 1786 году он изобрёл линейный график и гистограмму, а в 1801 году – круговую диаграмму. [4] Уильям Плейфэр опубликовал Коммерческий и политический атлас, в котором наглядно представил экономику Англии. Например, отобразил торговый баланс: соотношение экспорта и импорта. А ещё позже он составил график, совмещающий три показателя: уровень цен на пшеницу, уровень заработной платы и периоды правления монархов за период с 1565 по 1820 год.

Рождение современных форм

03
график торгового баланса
Пример популярного сейчас вида инфографики – таймлайна (линии времени) – также можно найти уже в 18 веке. Известный учёный того времени Джозеф Пристли был знаменит в первую очередь тем, что открыл кислород. Однако он был не только химиком и физиком, но и философом. В 1769 году Джозеф Пристли составил график биографий известных личностей, включающий 2000 имён и охватывающий период с 1200 г. до н.э. до 1750 г. н.э.. [4]
график биографий известных личностей Пристли 1769 гог
Одним из основоположников современной инфографики была Флоренс Найтингейл (1820 – 1910). Она работала медсестрой в госпитале во время Крымской войны. Там она собрала данные и на основе их сделала выводы о том, как можно снизить смертность в госпиталях. Результаты своих исследований Флоренс Найтингейл передала специальной комиссии, созданной под её влиянием для усовершенствования медицинского обслуживания армии. Чтобы наглядно представить сравнение некоторых статистических данных, Флоренс Найтингейл изобрела диаграммы, напоминающие розу ветров. [6]
диаграммы Флоренса Найтингейла
Автор следующей диаграммы – Шарль Жозеф Минар (1781 – 1870). Он был инженером, но к тому же интересовался историей, экономикой, географией и статистикой. За свою жизнь на стыке этих наук он разработал десятки тематических карт. Среди его работ: график количества пассажиров на разных железнодорожных маршрутах, карта экспорта французских вин, график содержания парижских тротуаров, схема продвижения наполеоновской армии в ходе Русской Кампании в 1812 году и многое другое. Уильям Плейфэр пытался заставить данные «говорить с глазами», а Шарль Жозеф Минар хотел, чтоб их можно было «рассчитать на глаз». [4]
диаграмма торгового движения 1844 год Шарль Жозеф Минар
В начале 20 века обнаружилась ещё одна сфера применения инфографики. С появлением на улицах первых автомобилей увеличилось количество несчастных случаев, поэтому для регулирования движения были установлены дорожные знаки. Несмотря на небольшие различия в исполнении у разных стран, дорожные знаки теперь понятны всем.

Инфографика становится повседневностью

04
варианты исполнения дорожных знаков в странах Европы
Заметный шаг в развитии инфографики был сделан графическим дизайнером Отлом Айхером. К летним Олимпийским играм 1972 года в Мюнхене он создал пиктограммы для обозначения разных видов спорта. [7] Эти схематичные изображения стали очень популярны, они используются по сей день.
инфографика Отла Айхера 1972
Конкретные способы и приёмы визуализации данных для презентаций
Инфографика в презентациях
Есть много программ для составления таблиц, графиков, диаграмм. Есть специальное программное обеспечение для подготовки презентаций с инфографикой: Microsoft PowerPoint, Apple Keynote, Google Slides и другие. Существуют сервисы для создания презентаций онлайн (например, Prezi, Google presentations, Canva). Кроме того, инфографика стала намного интереснее с точки зрения технологий: в ней теперь используются интерактивные и анимированные элементы.

Казалось бы, что ещё можно придумать для представления данных? Тем не менее, появляются всё новые способы. Например, в 2004 году Мартин Кржывински создал визуализатор для решения сложных задач в области генетики – программу Circos. Но сфера применения этой программы расширилась, теперь её используют не только в биоинформатике, но и в других областях для визуализации сложных взаимосвязей. [8]
визуализатор для решения сложных задач Circos
К настоящему времени цифровая эпоха сделала инфографику доступной для всех.
Нашу жизнь сейчас сложно представить без инфографики. Информации стало так много, что воспринять её полностью в текстовом виде нам просто не хватило бы времени. А вот для того, чтобы понять смысл визуальной сцены, требуется всего лишь 0,1 секунды! [9] Поэтому графические методы сейчас используются повсюду. Карта метро, график фьючерсов, дорожные знаки, схема электрической цепи, иллюстрированная инструкция по сборке мебели – всё это примеры инфографики.
В среде разработчиков распространён следующий афоризм: «Пользовательский интерфейс – как шутка. Если его нужно объяснять, то он не так уж хорош» (Мартин Лебланк). То же самое можно сказать об инфографике: если её нужно объяснять – значит, это не инфографика. Это просто картинка. Может быть, красивая и привлекающая внимание, но не передающая сообщение.

Только сочетание оригинального дизайна с информативностью рождает удачный пример инфографики. Но оно того сто́ит. Ведь когда информация представлена наглядно, её легче анализировать и воспринимать. Кроме того, визуализация способствует лучшему запоминанию. В нашей памяти в среднем откладывается 10% того, что мы услышали, 20% того, что прочитали, и 80% того, что сделали или увидели. [10]
Понравилась статья?
Читайте также
Поделиться
Раз в неделю пишем вам о новостях в мире визуальных коммуникаций и рассказываем об обновлениях в блоге. Никакой рекламы
Полезно и бесплатно
Подписаться
Костыль:)
Следите за новостями
Разделы блога
Дизайн
Выступления
Обучение
FAQ
Рубрики
Презентация
Инфографика
Шаблон
Видео
Опыт
Лайфхаки
Полезное
Софт
Гайд
Бесплатное
Начинающим
Исследования
Стартапам
Менеджерам
Студия, где создаются визуальные коммуникации, облегчающие работу сотрудников и повышающие эффективность бизнеса
Сторителлинг