Site icon ВидеоЗаяц

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

Инфографика превью

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

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

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

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

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

Полетели ?

Содержание

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Пример статичной инфографики от 5W Infographics

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Знаменитая карта вспышки холеры

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Современная инфографика от Simon Scarr.
Еще один пример современной инфографики.

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

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

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

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

Недостатки 

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

А еще это могут быть рецепты коктейлей 😉

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Как только мы меняем на адекватный масштаб – оказывается, что рост температуры на 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 в месяц

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Заключение

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

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

Читайте также
Exit mobile version