Показать всё содержание

Инфографика – простой способ сделать сложные вещи доступными для восприятия.

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

Поэтому в статье отвечу на вопросы “Инфографика что это?”, “Кому и как её использовать?” и конечно расскажу основные маркетинговые приёмы с ней.

Погрузимся в теорию

Основное понятие и сущность инфографики – сжатое донесение информации через визуализацию .

То есть упрощение употребления информации. Назовём это фаст-фудом среди обучения.

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

Они хотят употреблять всё быстро и удобно. Поэтому такие “комиксы“ – отличный способ достучаться до их сознания.

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

Пример инфографики

Если же предметно говорить о каких-то сферах, например, о бизнесе, то на самом деле здесь всё ограничивается только человеческой фантазией.

• Квартальный отчёт в виде инфографики? Пожалуйста.
• Должностная инструкция? А почему нет!?
• Инструкция по технике безопасности? Отлично, так хоть кто-то с ней ознакомится.

Но сразу договоримся: здесь мы будем рассматривать инфографику в строго конкретной отрасли – , оставив за бортом образование, журналистику, статистику и географию.

Да, глобус и карта – тоже инфографика, так же как и плакат с алфавитом, который висел на стене у Вас в школе.

Алфавит – тоже инфографика

Преимущества и недостатки

Но не будем углубляться в счастливые детские воспоминания, а вернёмся в суровую взрослую реальность, в которой на удивление большое количество людей всё ещё воспринимают инфографику как рисунки с текстом. Это, конечно, излишнее упрощение.

Плюсы

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

И здесь, как и в любой другой системе, есть свои преимущества и недостатки. Для начала разберём, в чём плюсы инфографики:

• Визуальная составляющая привлекает внимание;
• Небольшое количество текста облегчает восприятие;
• Пользователи часто делятся качественным изображением;

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

Легкое восприятие с инфографикой

Минусы

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

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

• Легко отклониться от темы;
• Возможны дополнительные затраты (дизайнер);
• Не серьёзное отношение человека к материалу;
• Неточное донесение информации.

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

Неудачная инфографика

Типы инфографики

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

Поэтому здесь мы опять-таки будем рассматривать только те её виды, которые подходят для использования в маркетинге.

1. Красиво оформленная статистика

Отличный способ придать привлекательности сухим цифрам. Причём такого рода инфографику можно использовать как для создания развлекательного контента из серии “Занимательная статистика”, так и для сопровождения вполне серьёзных отчетов.

Статистика

2. Карты

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

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

Карты

3. Алгоритм

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

Классический пример – инфографика “Какой Вы кофе”, которая была популярна несколько лет назад.

Однако сейчас этот вид инфографики используют для структурирования вполне серьёзной информации.

Алгоритм

4. Сравнение

Пожалуй, самый распространённый вид инфографики. Здесь сравниваются между собой предметы или явления (например, Бетмен против Супермена), и наглядно разбираются их плюсы и минусы.

Для бизнеса может быть полезен список ваших преимуществ в сравнении со сферическими конкурентами в вакууме.

Сравнение

5. Иерархия

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

Выделив управляемые и управляющие элементы либо продемонстрировать какие-то иные взаимосвязи.

Здесь в качестве примера приведу знаменитую пирамиду потребностей Абрахама Маслоу.

Иерархия

6. Анимированная и gif-инфографика

Есть и ещё один вид инфографики – анимированная или gif-инфографика.

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

Сделать такую картинку немного сложнее, но эффект стоит затраченных усилий.

Анимация

Как правильно создать

Теперь перейдём собственно к процессу создания инфографики. Пошагово расписывать не буду, так как это и так понятно.

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

Правила

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

1. Пронумеруй шаги или покажите элементами (стрелка, линия и так далее) движение для изучения;
2. Каждый шаг выделяется отдельно и доносит ТОЛЬКО одну мысль;
3. Цветной фон предпочтительнее белого с точки зрения привлечения внимания;
4. Используйте (если, конечно, они у Вас есть);
5. Изображения и пиктограммы должны быть оформлены в одном стиле;
6. Не надо “играть со шрифтами”, используйте 1-2 читаемых шрифта;
7. Определите формат площадки и проверьте инфографику на соответствие;

Последний пункт надо разобрать чуть подробнее. Например, если речь идёт о , то предпочтительнее будет вертикальная вёрстка.

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

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

Принципы

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

Принцип 1: ничего лишнего

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

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

Принцип 2: определите цель

Задайте себе вопрос: как пользователь должен реагировать на инфографику? Она должна развлекать его?

Рассказывать о преимуществах Вашего бизнеса? Может быть, даже продавать какой-то конкретный товар или услугу?

В ответе на эти вопросы в первую очередь должно помочь определение Вашей .

Принцип 3: проверяйте данные

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

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

Ваши подарки от партнёров

Способы создания

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

1. С помощью сервисов

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

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

Я составил для Вас краткий перечень который не является исчерпывающим.

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

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

easel.ly

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

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

canva.com

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

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

infogr.am

Как только у Вас кончатся 10 проектов на infogr.am, переходите на сайт creately.com.

Здесь Вы найдёте более 40 видов различных диаграмм и более 1000 профессионально нарисованных шаблонов. Есть десктопная версия, но, увы, за 75 долларов. Русского языка тоже нет.

creately.com

Удобный конструктор для быстрого создания схем и диаграмм. Информацию можно загрузить прямо в виде exel-файла.

Есть готовые шаблоны, и создатели сервиса уверяют, что инфографику здесь можно сделать for three steps.

piktochart.com

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

Например, resumup.ru – сайт для создания красивых и нетривиальных резюме. Шансы, говорят, на трудоустройство можно повысить на 76%.

resumup.ru

Ещё на одном интересном сайте – time.graphics, посетителям предлагают создать ленту времени.

Кстати, бесплатно, да ещё и русский язык есть. Можно добавить на свой корпоративный сайт красивую графику в раздел “История компании”.

time.graphics

2. С помощью фрилансера

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

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

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

Кстати, минимальная сумма заказа – 500 рублей. Но если Вас не устроит ни один вариант, то сервис дает возможность самостоятельного поиска исполнителя.

kwork.ru

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

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

work-zilla.com

Где брать изображения

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

Поэтому брать чужие изображения для своей инфографики не стоит. Хотя иногда можно просто написать автору (если он известен) и спросить его разрешения. Довольно часто иллюстраторы не против использования своих работ.

НАС УЖЕ БОЛЕЕ 29 000 чел.
ВКЛЮЧАЙТЕСЬ

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

Я думаю, что после прочтения статьи у Вас отпали вопросы: “инфографика что это?” и “зачем она нужна?”.

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

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

Инфографика из инструмента контент-маркетинга превратилась в инструмент PR. Компании все чаще представляют новости, информацию о себе, итоговые отчеты не в текстовом формате, а в виде инфографики, которую потом отправляют в СМИ, размещают на своих сайтах или в блогах. The London School of Public Relations выделила 9 типов инфографики. А мы в расскажем о том, для каких PR-целей лучше подойдет тот или иной тип инфографики. И в качестве бонуса - лучшие для создания инфографики.

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

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

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

Написала специально для «Нетологии» колонку о том, как упростить себе жизнь, работая над инфографикой.

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

Работа над инфографикой

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

• данные;
• история;
• форма \ подача.

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

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

Хорошая история должна быть понятной и в логике зрителя.

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

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

40 000 страниц текста. Придумать историю и отсечь лишнее

Чтобы история получилась, надо определить две вещи — для кого и зачем ты ее рассказываешь. Например, у меня была задача собрать познавательную инфографику про космос для «широкого круга читателей». Это ответ на вопрос: «для кого работаем». Цель — развлечь и дать немного полезных знаний.

Следующий шаг — это поиск нужных данных и статистики. Проблема в том, что найти в открытых источниках эти материалы бывает сложно. Можно брать результаты исследований с сайтов Левада-Центр , ФОМ , Росстат . Еще удобно пользоваться специальным поиском в Гугл. Я искала всеми этими способами и получила 20 листов А4 одного только текста. А ведь были еще схемы, графики и иллюстрации.

Специальный поиск в Google

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

Инфографика — это сюжет. Нашел историю — выбирай главное и отсекай лишнее.

Авторское право: где брать изображения для своей инфографики

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

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

Еще фотографии можно брать со стоков — это хранилища платных и бесплатных изображений. Конечно, уникальной картинки там не найти, но это способ решить проблему иллюстрирования работы без воровства. Самые известные ресурсы: Shutterstock , Gettyimage , Freeimages и другие.

Иконки я искала на Noun Project . Когда скачиваете символ, вам предлагают два варианта: либо забираете иконку бесплатно и используете только в творческих целях, либо покупаете для коммерческих проектов.

Одна иконка стоит 2 доллара, месячная подписка на все коллекции — 4 доллара, или можно купить доступ на год за 40. За эти деньги вы получаете лицензию типа Royalty-Free. Это значит, что иконку нельзя использовать в логотипе или выдать за свою работу, но вы можете изменять ее вид и вставлять в разные проекты без ограничений.

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

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

Лицензия с минимальными ограничениями это Creative Commons: CC-BY. Она позволяет использовать чужую работу как угодно при условии, что вы указываете авторство.

Онлайн-инструменты

Когда данные собраны и придумана история, можно подумать о форме. Многие сервисы позволяют создать инфографику онлайн в три клика. Например, Piktochart . Бесплатно доступны несколько шаблонов — в них вы упакуете свои цифры и тексты. Такую работу можно вставить в презентацию или блог.

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

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

Где публикуют инфографику

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

Любая статистика, политические и общественные события могут быть отражены в инфографике.

Хороший пример — это президентские выборы в США. Даже если вы не следите за новостями, сложно увернуться от заголовков и графических работ об этом. Сильнейшие зарубежные студии инфографики работают в The New York Times, Bloomberg, The Washington Post, The Guardian.

Примеры классной инфографики:

• подборка 16 работ, которые сделала редакция The Washington Post в 2016 году.
• интересная инфографика на панорамном фото о том, как Усейн Болт выиграл свое «золото».

• работы редакции Bloomberg в 2016 году.
• «Россия сегодня» .
• интерактивная инфографика об исследовании Антрактиды .

• работы информационного агентства ТАСС .
• лонгрид о Пушкине и его последней дуэли, где есть интерактивная инфографика

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

В этой статье мы подобрали несколько примеров качественной инфографики, которую и хотим вам представить:

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

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

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

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

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

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

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

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

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

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

На этой инфографике отображены главные события за неделю с 10 по 16 января 2014 года, которые нашли отражение в поисковых запросах Яндекса. Здесь можно проследить интерес пользователей к определённым событиям и его изменения на протяжении недели. Каждое событие проиллюстрировано.

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

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

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

Кроме 15 представленных сторонних инфографик, мы рады представить вам и нашу, которая показывает, какие используют 30 крупных интернет-магазинов.