Инфографика – Что Это? 50 Примеров, ТОП-10 Программ

Инфографика: что это, для чего нужна, 4 принципа создания и 50 примеров

13712

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

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

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

Мы в «Видеозайце» с 2013 года занимаемся созданием инфографики и объясняющих видеороликов — за это время собрали портфолио из 700+ работ. В статье рассказываем, что важно знать об инфографике — зачем она нужна, какие задачи решает и с чего начать, если вы хотите сделать инфографику самостоятельно. 

Вас ждет увлекательный экскурс по теме, десятки примеров инфографики разных лет и много полезных ссылок. 

Полетели ?

Содержание

Когда нужна инфографика как отличить её от неинфографики

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

Инфорафика_география
Пример инфографики в географии. Гору информации можно представить как информационную карту, в которой легко разобраться
Инфографика медицинская – про каблуки
Инфографика в медицине. Представьте, сколько страниц текста могла бы занять эта информация — если бы не было инфографики

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

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

Как определить, уместна ли инфографика в случае вашего бизнеса и задач. Перед тем как создавать инфографику, нужно спросить себя: «На какой вопрос или вопросы будет отвечать мое сообщение аудитории?» 

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

Нужно прорекламировать гаджет —  тогда достаточно эффектно показать его реалистичной картинкой, фото или заказать видеорекламу с интересным сюжетом и приятной графикой.

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

Инфографика про круговорот воды в природе
Эта инфографика наглядно показывает круговорот воды — и побуждает зрителей задуматься о последствиях потребительского отношения к природе

Чтобы создать инфографику, которая принесет пользу, сначала важно определить: 

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

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

Иллюстрация — это инструмент эмоционального восприятия, а инфографика —  инструмент объяснения. Она лежит на пересечении трех вещей: 

  • Информация — ЧТО мы хотим сказать?
  • Коммуникация — К КОМУ мы обращаемся и ЗАЧЕМ мы это делаем?
  • Дизайн — КАК мы это скажем?
Инфографика про инфографику

Как распознать, что перед нами не инфографика, а обычная иллюстрация с текстом. Для этого нужно мысленно или в специальной программе убрать на картинке весь текст (кроме заголовков — они задают контекст, о чем идет речь — и это важно). И спросить себя: остался ли посыл автора понятным? Если с текстом пропадает весь смысл — это не инфографика. Если смысл остается, это инфографика.

Неинфографика с котом
Это не инфографика. Если мы на секунду представим, что текста, кроме заголовков на этой картинке нет, почти весь смысл потеряется.
Неинфографика_Гарри_Поттер
Это тоже не инфографика. Не прочитав весь текст, невозможно понять, что хотел сказать автор
Инфографика про кофе
А это инфографика. Много информации ужали в небольшой объем: текста мало (только заголовки и географические обозначения), при этом все понятно

Читать статью о различиях между инфографикой и неинфографикой

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

Какие бывают виды инфографики: статичная, интерактивная, видеоинфографика

С точки зрения нюансов производства и особенностей представления информации инфографика бывает трех видов: статичная, интерактивная и видеоинфографика. Рассмотрим, чем они отличаются. 

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

Инфографика про мозг человека и животных
Пример статичной инфографики от 5W Infographics

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

Инфографика – 200 лет эмиграции в США
Интерактивная инфографика. Кликните, чтобы посмотреть, как это работает. По этому примеру видно, что некоторые вещи можно увидеть, только правильно визуализируя их.

Видеоинфографика используется, когда нужно продемонстрировать сложные процессы — или последовательность этапов в динамике. Это физически невозможно разместить на одном слайде. 

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

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

Как развивалась инфографика: краткий исторический экскурс

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

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

Китайская инфографика
Фрагмент Дуньхуаньского звездного атласа (был создан между 618 и 907 годами нашей эры). В нижней части легко можно распознать ковш Большой Медведицы

1600-е годы. Географические карты существовали задолго до XVII века, но именно тогда были заложены принципы измерения и обозначения расстояний, а также специальная геометрия. 

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

Старая инфографика о солнечных пятнах
Зарисовки солнечных пятен. Кристоф Шайнер проиллюстрировал движение пятен на поверхности Солнца и отразил, как меняется их форма

1700-е годы. Конец XVIII  века в Европе был золотым веком для наук и искусств. Выделяется дата 1786 года, когда шотландец по имени Уильям Плейфер опубликовал свой труд «Коммерческий и политический атлас». Работа содержит первые примеры гистограммы. Плейферу также приписывают изобретение линейных, площадных и круговых диаграмм.

Инфографика_Атлас_Плейфера
«Коммерческий и политический атлас» Уильяма Плейфера.

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

Пузырьковые диаграммы
Ещё один пример инфографики от Уильяма Плейфера, отражающей численность населения (см. красные вертикальные линии) и размер налогов (см. желтые вертикальные линии) в разных странах. Можно предположить, что это прообраз современных пузырьковых диаграмм.

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

Инфографика_Вспышка холеры
Знаменитая карта вспышки холеры

В 1858 году Флоренс Найтингейл создала инфографику, чтобы убедить королеву обеспечить лучшее медицинское обслуживание для солдат во время Крымской войны. В своем исследовании она использовала новейшие для того времени методы статистического анализа —  и отразила результаты на инфографике. Тем самым показала, что, улучшив санитарные условия в госпиталях, можно сберечь тысячи жизней. Это стало началом реформы медицинского обслуживания в Англии. 

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

Инфографика о смертности солдат во время Крымской войны
Инфографика Флоренс Найтингейл о смертности британской армии. Голубым цветом обозначено количество смертей от инфекций (вроде тифа или холеры), розовым —  от ран, а темно-серым — по другим причинам

В 1860 году карта рабства повлияла на ход Гражданской войны в США (1861–1865 гг). Увидев, где живет больше всего рабов, Союз смог определить, какие районы будут упорнее бороться за сохранение рабства, а какие могут перейти на другую сторону.

Инфографика_Карта_рабовладельцев
Карта рабовладельцев гражданской войны в США. Самым темным цветом обозначены районы, где рабов 80 % и более, белым — менее 10 %.

Одна из первых инфографик, объединяющая несколько типов данных, была создана в 1869 году дизайнером Чарльзом Минардом. Он визуализировал вторжение императора Наполеона в Россию в 1812 году — отразил количество войск, пройденное расстояние, температуру и пересеченные реки.

Инфографика_Наполеон
Вторжение императора Наполеона в Россию в 1812 году. И яркий пример инфографики по теме истории. Бежевым цветом обозначено движение наполеоновской армии от Москвы, черным — к Москве

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

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

Инфографика_Метро_Нью-Йорка
Первая карта метро Нью-Йорка 1904 года.
Инфографика про Россию 1900-х годов
Инфографика про Россию 1900-х годов №2
Вот такая инфографика с сочетанием 2D и 3D была популярна в начале XX века в России. Часто использовалась, чтобы показывать динамику чего-либо, а также достижения страны в промышленной и торговой сферах

Отдельного внимания заслуживает инфографика советских художников. Одной из задач советской инфографики был показ достижений страны. Научными консультантами по этому вопросу стали австрийский философ О. Нейрат и немецкий художник Г. Арнц, основатели так называемого «венского метода наглядного обучения» (метода изображения связей Isotype). Они были приглашены в Москву, чтобы развивать и усиливать это направление в СССР.

Пиктограмма Г.Арнца
Пиктограмма Г. Арнца, которая легла в основу советской инфографики

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

Инфографика_СССР
При изображении большей величины объекта на инфографике не менялся его размер, менялось количество
Инфографика из СССР
Динамика производства стали в СССР по сравнению с другими странами

1990-е — начало 2000-х. Компьютеры, наконец, стали доступными и достаточно компактными, чтобы их можно было использовать в домах. А программное обеспечение для проектирования сделало возможным визуализацию данных без необходимости рисовать что-либо вручную.

Результатом стала гораздо более сложная инфографика, такая как сетевые графики, дендрограммы, диаграммы солнечных лучей и хордовые диаграммы.

Инфографика о белках-миозинах
Дендрограмма. Неукорененное дерево белков-миозинов. Авторы: T. Hodge and M. J. T. V. Cope.
Инфографика_Бабочки
Хордовая диаграмма. Изменение размера генома бабочек (Insecta, Lepidotera, Papilionoidea): филогенетическое сравнение.
Инфографика про вино
Диаграмма солнечных лучей. Колесо ароматов вин, которое используют дегустаторы.
Инфографика - сетевой график
Простейший вариант сетевого графика.

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

Инфографика_Диаграмма
Инфографика в первом десятилетии 2000-х.

Стремление к визуальному контенту привело к резкому увеличению количества плохой инфографики. В одной статье 2011 года в Atlantic инфографический тренд был назван «чумой» и «повсеместным явлением в блогосфере».

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

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

Инфографика_Титаник
Современная инфографика от Simon Scarr.
Анимированная инфографика про бабочек
Еще один пример современной инфографики.

Преимущества и недостатки инфографики как метода визуализации

Инфографика, как и любой другой метод визуализации, имеет свои преимущества и недостатки. 

Преимущества 

  • Помогает рассказывать просто о сложном, а аудитории — легко и с интересом воспринимать много информации. Концентрация внимания человека во время просмотра чего угодно в интернете низка. Не уловил послание — ушел на другой сайт. Чтобы всесторонне изучить статью или любой другой текстовый материал, нужно хотя бы 5–10 минут — однако даже это время не все готовы уделять чему-то одному. 

    Таким образом, автор рискует остаться неуслышанным только потому, что его способ взаимодействия с аудиторией недостаточно прост для восприятия — и не предполагает беглого изучения. Инфографика поможет удержать внимание, даже если мы говорим о сложном.
  • Информацию легко запомнить. Мы игнорируем большое количество полезной информации — она не кажется ценной, потому что ее очень много. Инфографика отражает ключевые смыслы так, что их легко запомнить. Она позволяет прекрасно структурировать информацию, раскладывает по полочкам — поэтому мозгу легче ее обработать и считать посыл.
Инфографика про рождение ребенка
Развитие эмбриона и плода: вместо десятков страниц учебников.
  • Привлекает внимание. Например, в статье инфографика выделяется на фоне текста, помогает читателю понять основные тезисы и решить, стоит ли изучать контент полностью. Если с умом подойти к созданию вовлекающей инфографики, читатель обязательно захочет узнать больше и останется на сайте, в идеале — запомнит ваш бренд.
Инфографика про размер члена
Пример инфографики, сразу привлекающей внимание
  • Нет единого шаблона — отсюда свобода для творчества. Инфографика может быть разработана настолько по-разному, что возможностей удивить свою аудиторию становится очень много. Большинство читателей будут смотреть на инфографику сверху вниз и слева-направо (в зависимости от языка и страны) — и, пожалуй, это единственные ограничения, которые стоит учитывать.
  • Вирусность достижима проще, чем с другими видами представления информации. Любой контент может стать вирусным. Но случится это или нет, зависит от ряда факторов. У хорошей инфографики есть все шансы для этого: она максимально содержательна и требует минимум времени зрителя, чтобы уловить смысл. 

    По результатам исследования Hubspot, известного на западе разработчика программного обеспечения для бизнеса, в 2021 году у инфографики расшариваемость в соцсетях была в 3 раза выше, чем у других разновидностей контента.
  • Это простой способ продемонстрировать свою экспертизу в отрасли. С помощью инфографики вы экономите время читателей: знания и опыт укладываются в формат, который им понятен без больших усилий. И такой подход ценится — ведь реклама бренда ассоциируется с пользой и качеством, а не пустотой и цифровым шумом. Если у вас умная целевая аудитория, это отличный способ запомниться ей с положительной стороны.
Инфографика от Нетологии
Инфографика от Нетологии — как отличный способ показать свою экспертизу в интернет-маркетинге и привлечь учеников

Недостатки 

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

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

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

    Рассмотрим пример.
Инфографика об интернете

В этой инфографике размеры секторов не соотносятся с цифрами. Например, красный сектор с цифрой 500 выглядит больше, чем зеленый сектор с цифрой 29 млн, а синий сектор с цифрой 3,3 млн —  больше желтого сектора с цифрой 3,8 млн. Зритель может запутаться: например, подумать, что поисковых запросов в Google в минуту появляется меньше, чем постов в Facebook  — хотя на самом деле все наоборот.

  • Нужно быть готовым дать ссылки на источники, которые вы задействовали при сборе данных для инфографики. Необходимо быть готовым рассказать о своих источниках читателям, чтобы они могли убедиться в достоверности всего, о чем сказано в инфографике. Так все будут знать, что вы не выдумываете и не подтасовываете факты, чтобы доказать свою точку зрения. В противном случае можно затратить много ресурсов на разработку инфографики — и испортить репутацию. 
  • Хорошая инфографика — это дорого. Конечно, в интернете есть бесплатные шаблоны: казалось бы, ничего сложного — бери и делай. Однако, если вы хотите не просто сделать рядовую инфографику, каких очень много в сети — шаблонов недостаточно. 

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

    В первом случае мы получим довольно пустую и заурядную картинку, не имеющую ничего общего с инфографикой в принципе. А во втором — инфографику, перенасыщенную смыслами и сложную для восприятия. Нужно что-то среднее. Такое сообщение, которое проще и эффективнее визуализировать, показать наглядно, чем долго описывать словами. Это может быть, например, процесс, последовательность этапов, история, интерактивная диаграмма.
Рецепты коктейлей – Инфографика
А еще это могут быть рецепты коктейлей 😉
  • Велик риск наткнуться на псевдоэкспертов и получить неинфографику. Это может быть как агентство, так и фрилансер. Если вы недостаточно хорошо ознакомились с портфолио исполнителя и доверили сразу сложную работу, велик риск, что он сделает не то, что нужно. 

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

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

Как создается инфографика: принципы, процесс и ошибки 

В этом разделе статьи — кратко о процессе и нюансах создания инфографики. Будет полезно прочитать тем, кто хочет попробовать себя в этом. Или просто разобраться в вопросе, перед тем как поставить задачу исполнителям. 

Принципы создания хорошей инфографики 

Согласно данным компании Меркатор, есть 4 принципа хорошей инфографики.

Что такое инфографика по Меркатору
Автор: Андрей Скворцов, генеральный продюсер компании Меркатор.
Источник

Рассмотрим каждый подробнее. 

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

Пример содержательности - инфографика стран БРИКС
Содержательная инфографика от Inosmi. По цифрам зрителю проще делать выводы
Инфографика про виды сыра
Еще один хороший пример содержательности – нанесенные на карту виды сыра

Говоря о содержательности, нельзя не упомянуть выступление Ханса Рослинга, шведского врача, всемирно известного лектора и гуру статистики. С помощью инфографики он всего за 4 минуты (!) рассказал о росте доходов 200 стран начиная с 1810 года. На видео Ханс показывает, насколько мир, в котором мы живем сегодня, на самом деле богат и отличается от того, что происходило с ним 100-200 лет назад. Must watch.

Смысл. В инфографике под смыслом чаще всего подразумевается сравнение и возможность сравнить. Здесь и драматургия, и конфликт — сопоставленные друг с другом цифры помогут зрителю увидеть протянутую через инфографику историю и услышать ваше сообщение. Этот смысл он и вынесет, запомнит, обсудит с другими. 

Инфографика_утечка_нефти
Эта инфографика привлекает внимание к проблеме утечки нефти и показывает последствия для окружающей среды. При этом можно увидеть, где утечки происходят в самых крупных объемах.
Инфографика_Камера и глаз
А на этой инфографике от Canon человеческий глаз сопоставляется с фотокамерой

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

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

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

Аллегория с гусеницей и гвоздями
Каждый гвоздь — контрольная точка проекта. Забудем хоть один, и гусеница начнет уползать. Это не инфографика, но хороший пример аллегоричности

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

А вот пример аллегоричности в инфографике. Авторы взяли за основу пирамиду здорового питания — и ее содержимое заменили на медиа-потребности современного человека. Понимать это можно по-разному, но точно есть над чем подумать.

Инфографика_Медиа-потребности человека
Современная инфографика из журнала Wired. Медиа-диета человека

Основные этапы создания инфографики 

Шаг 1. Мозговой штурм с коллегами 

Для начала нужно понять, какую идею вы хотите транслировать зрителю. Вот несколько примеров:

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

Если у вас несколько идей, обсудите их с коллегами, выслушайте разные точки зрения и вместе выберите сильный посыл.

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

Шаг 2. Сбор данных

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

Вот примеры таких данных: 

  • Отчет об исследовании и выводы, интересные вашей целевой аудитории.
  • Результаты опроса, который вы (или ваши коллеги) провели, чтобы поделиться выводами с аудиторией, доказать или опровергнуть существующие гипотезы.
  • Процесс, в котором вашей аудитории сложно разобраться самостоятельно. Он может относиться к научной разработке — готовой и важной для компании — или планируемой (если вы, например, хотите привлечь инвесторов с помощью эффектной и запоминающейся инфографики — и запустить новый проект). 
  • Отчеты отдела бизнес-аналитики. Специалисты по профилю Business Intelligence помогут найти и собрать любые данные по бизнесу, подсказать какие-то неочевидные взаимосвязи, скажем, по количеству клиентов, по их кластеризации или по другим характеристикам.

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

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

Шаг 3. История на основе собранных данных

Вне контекста данные — это просто беспорядочный набор информации, который не представляет ценности. Поэтому просто оформлять цифры на слайде и считать это инфографикой не стоит. Инфографика сильна, только если использовать ее как инструмент коммуникаций — доносить идеи и смыслы так, чтобы зритель сделал определенные выводы. 

Она может стать призмой, через которую отчетливо видна история — начало, развитие и конец в виде выводов, пищи для размышления. И эту возможность стоит использовать максимально: ведь история вовлекает, запоминается и при этом дает пользу зрителю. Отсюда — положительные ассоциации и шанс запомниться.

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

  • вдохновить;
  • развлечь;
  • проинформировать;
  • подтолкнуть к выводам;
  • заинтересовать тем или иным вопросом, проблемой (для решения которой у вас есть продукт). 

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

Остальное — за структурой повествования. Важно связать факты, цифры, выводы и визуальную часть в убедительную, последовательную и понятную историю. 

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

Писательские приемы сторителлинга
Подумайте, как заинтересовать свою аудиторию. Элементы сторителлинга на иллюстрации (не инфографики!) — один из вариантов это сделать. Художник неизвестен

Шаг 4. Визуальная часть 

Нужно найти хорошего дизайнера, который прислушается к вашим нуждам и поможет эстетично, понятно донести смысл, данные и историю, которые вы ему предоставите. 

Самостоятельно заниматься дизайном, не имея в этом опыта, в случае инфографики не рекомендуем: это отдельное ремесло, и им нужно владеть. Иначе все, о чем мы писали в предыдущих трех пунктах пойдет насмарку.  

Чтобы рабочий процесс пошел проще, можно сделать для дизайнера набросок или скетч, отражающий ваше видение результата, и обсудить с ним возможность реализации — а также получить рекомендации, как сделать лучше с точки зрения дизайна.

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

Неинфографика про вакцины

А вот обратный пример. Благодаря хорошему контрасту даже небольшой шрифт легко прочитать. Заголовки и грамотная подача вызывают у зрителя желание познакомиться с содержанием — даже если тема довольно узкая и не для всех актуальна.

Инфографика с хорошим дизайном

Частые ошибки при создании инфографики

Вот топ ошибок, которые встречаются при создании инфографики и ведут к напрасно потраченному времени и деньгам, но не к хорошему результату. 

❌ Думать, что инфографика — это стиль. А именно — то, как нарисовано изображение, какие приемы использовал дизайнер при создании. 

На самом же деле инфографика — это ответ на вопрос, что нарисовано и зачем. И решает это заказчик, который ставит ТЗ дизайнеру — а не сам дизайнер. Заказчиком может быть журналист, аналитик, маркетолог, редактор, предприниматель.

Инфографика — это в первую очередь про содержание и смыслы, а не только про красоту.

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

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

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

А вот и пример.

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

Инфографика с огромным количеством текста про курение
На этой инфографике количество текста избыточно, и это делает ее сложной для восприятия, особенно с мобильных устройств
Инфографика с адекватным количеством текста
А вот инфографика с нормальным количеством текста. Все разборчиво и понятно

❌ Не учитывать масштаб. Рассмотрим эту ошибку сразу на примере.На 10-й минуте видео TEDx мы встречаем инфографику. С ее помощью автор попытался донести до зрителей, что средняя глобальная температура повысилась на 0,8 °C за небольшой промежуток времени. И привлечь внимание к теме глобального потепления.

Смотреть видео полностью

Инфографика про климат
На таком масштабе рост температуры на 0,8 градуса кажется абсолютно незаметным

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

Инфографика про рост температуры 2
Как только мы меняем на адекватный масштаб – оказывается, что рост температуры на 0,8 градуса за последние 20 лет – это больше, чем рост температуры за последние 50 лет

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

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

Например, «5 тысяч скачиваний нашего приложения» — это цифра ради цифры. По ней сложно понять, много это или мало. А если сказать «У нашего приложения 5 тысяч скачиваний — это 80% от всех скачиваний в категории фитнес в AppStore за последний год» — всем станет понятно, что приложение самое популярное в своей категории, а разработчик — лидер отрасли, и его продукт заслуживает доверия.

Инфографика (на самом деле нет) про рунет
На этой инфографике даны голые цифры, они не позволяют отследить динамику развития интернета в России по годам или сравнить с другими странами
Инфографика про траты на еду
На этой инфографике приведено сравнение стран по общему критерию. Поэтому сравнивать траты на еду и делать выводы легко

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

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

Инфографика про пенсионный возраст
Не стоит вводить зрителя в заблуждение. Если на ТВ это может сработать, то у инвесторов напрочь отобьет желание связываться с компанией, выпустившей такой «шедевр»

Чтобы подробнее изучить вопрос создания диаграмм и узнать, какие еще ошибки часто допускают новички, рекомендуем прочитать книгу Джин Желязны: «Говори на языке диаграмм».

10 лучших программ и сервисов по созданию инфографики

В этом разделе рассматриваем программы как для новичков в инфографике, так и профессиональные. 

Любительские

Эти программы подойдут для создания несложных инфографик или набросков, по которым дальше будет работать профессиональный дизайнер. 

Canva

Универсальный онлайн-сервис с множеством шаблонов. Подходит для создания несложных инфографик, креативов для сайтов и соцсетей, обложек для Youtube, различных иллюстраций, в том числе анимированных. 

Сколько стоит:  есть бесплатная версия с ограничениями, платно — от 332,50 рублей в месяц

Vista Create (ранее известный как Crello)

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

Сколько стоит: есть бесплатная версия с ограничениями, платно — от $10 в месяц

Piktochart

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

Сколько стоит: есть бесплатная версия с ограничениями, платно — от $14 в месяц

Visual.ly

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

Сколько стоит: определяется индивидуально в зависимости от проекта и задачи

Venngage

Удобный онлайн-сервис для создания инфографики и другого визуала с прицелом на бизнес-задачи. Шаблонов очень много — и все они разные. Можно найти почти полностью готовое решение для любой ситуации. 

Сколько стоит: есть бесплатная версия с ограничениями, платно — от $16 в месяц

Visme

Ещё один онлайн-сервис для создания презентаций, инфографик, графики для постов в соцсетях и не только. Удобное решение для бизнеса — маркетологов, SMM-специалистов и всех, кто работает с данными. 

Сколько стоит: есть бесплатная версия с ограничениями, платно — от $15 в месяц

Google Charts

Удобный сервис от Google для создания инфографики. Подходит для тех, кто много работает с цифрами: в сервисе есть все для визуализации данных в виде диаграмм. А еще здесь можно создавать карты, QR-коды, дисплеи. Понятно, просто, для людей — все в лучших традициях Google.

Сколько стоит: бесплатно

Infogram

Как и Google Charts, больше подходит для графиков и диаграмм, чем креативных инфографик. Работать в программе просто: вводим данные в таблицу (внешне напоминающую Excel), задаем вверху настройки отображения — например, в виде какой диаграммы представить данные — затем смотрим результат в виде инфографики, уже на новой вкладке. 

Сколько стоит: есть бесплатная версия с ограничениями, платно — от  $19 в месяц

Профессиональные

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

Adobe Illustrator

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

Сколько стоит: от 1 622,40 рублей в месяц

Houdini

Этот софт выбирают не только дизайнеры, но и 3D-художники. Подходит, если нужно изобразить объекты в трехмерной графике: это актуально в технических сферах, науке, медицине — везде, где есть сложные для понимания процессы.

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

Сколько стоит: от $269 в год

Tableau 

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

Сколько стоит: от $15 в месяц

Книги об инфографике и визуализации данных

Джин Желязны, «Говори на языке диаграмм»

Джин Желязны 2
Джин Желязны

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

Рэнди Крам, «Инфографика. Визуальное представление данных»

Рэнди Крам
Рэнди Крам 2

В этой книге — о современной инфографике и нюансах ее создания. Рассмотрены даже такие узкие вопросы, как инфографика и SEO, корпоративная инфографика. Даны важные тезисы и рекомендации по дизайну. Автор — признанный эксперт в области инфографики.

Дэвид Маккэндлесс, «Инфографика»

Дэвид Маккэндлесс
Дэвид Маккэндлесс 2

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

Нейтан Яу, «Искусство визуализации в бизнесе»

Нейтан Яу
Нейтан Яу 2

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

Валентина Д’Эфилиппо и Джеймс Болл, «История мира в инфографике»

Джеймс Болл
Джеймс Болл 2

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

Рекомендуем прочитать книги Эдварда Тафти — это гуру инфодизайна. Его работы пока не переведены на русский язык, но определенно заслуживают внимания. Вот одна из лучших книг этого автора.

Эдвард Тафти, Envisioning Information

Тафти
Тафти 2

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

Коротко о главном 

  1. Инфографика — это инструмент коммуникации и объяснения. Визуальное представление мыслей и процессов. В ней на первом месте смыслы, а не визуальная красота.
  2. Инфографика отвечает на вопросы «Как?», «Почему?», «Каким образом?», «Как взаимосвязаны между собой эти вещи?». Но ни в коем случае не «Что?».  
  3. Существует три вида инфографики: статическая, интерактивная и видеоинфографика. 
  4. Инфографика (в виде сочетания графики и информации) впервые появилась в XVII веке. А в отечественной инфографике особого внимания заслуживают работы советских художников.
  5. Основные преимущества инфографики — возможность уложить много информации в небольшой объем, легкость и скорость её восприятия. Недостаток — в цене и сложности производства.
  6. Чтобы создать инфографику самостоятельно или с коллегами, нужно начать с мозгового штурма. Набросать до 10 идей того, какие смыслы вы хотите донести до аудитории. Затем решить, какая из них сильнее всех — и на основе нее создать инфографику.
  7. Принципы хорошей инфографики — содержательность, легкость для восприятия, смысл и аллегоричность. 
  8. Не стоит намеренно искажать восприятие темы и вводить людей в заблуждение с помощью инфографики. Это может плохо отразиться на репутации.
  9. С помощью хорошей инфографики можно презентовать инвесторам идею проекта или новую разработку максимально быстро и наглядно. Это очень актуально в технических сферах и крупном бизнесе. 
  10. Всем, кто интересуется инфографикой, стоит прочитать книги Джин Желязны и Эдварда Тафти — это настольные библии инфографистов.

Заключение

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

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

Алексей Шамин
Управляющий партнер, продюсер компании «ВидеоЗаяц»
написать
Поделиться: