Инфографики проще представляют информацию: отчёт для коллег и руководителя, тезисы статьи для аудитории или рекламное предложение — в таргете или другой рекламе.
В статье рассказываем, что такое инфографика и как её создать. А также посмотрим, что отличает хорошую инфографику от неинформативной; от иллюстрации и работы без картинок.
Что такое инфографика
Людей не интересуют данные: у нас мало времени, чтобы перечитывать энциклопедии или отчёты о прибыли. Важнее узнать выводы и основные тезисы. Поэтому люди упрощают информацию для других людей: руководства, коллег или целевой аудитории.
Инфографика — это способ представить информацию через опорные тезисы, картинки и цвет. Инфографикой может стать график посещения спортзала или работы продуктового.
Человек работает с инфографиками в бизнесе, социальных сетях, бухгалтерии и IT. Например, в энциклопедиях печатают красочные схемы, чтобы поместить много информации на одном листе.
В примере совместили элементы дизайна и научные данные — о том, как устроен человеческий организм. Чтобы проще воспринимать информацию в большом рисунке, авторы придумали сравнение — лондонское метро.
На инфографике нервная система — это жёлтая ветка, дыхательная система — чёрная, а лимфатическая система — зелёная.
Задача инфографики — сделать так, чтобы другому человеку было проще воспринимать информацию. Даже самую сложную, вроде узлов лимфатической системы.
Люди встречают инфографику и в повседневной жизни. Таблички в переходах, на линиях метро или в аэропортах — варианты инфографики.
Пример — старая инфографика линий Харьковского метро. По картинке пассажир ориентируется в ветках метрополитена — в какой поезд нужно сесть, чтобы добраться в желаемую точку.
Сейчас инфографику упростили: она больше и понятнее — без карты города. Её проще воспринимать: например — человек на станции «Тракторный завод». Чтобы добраться до станции зелёной ветки «Алексеевская», нужно доехать до «Спортивной», и сесть в поезд зелёной ветки.
Если бы в метро висела не картинка, а текстовое руководство — потребуется время, чтобы его перечитать. Жителей города это не смущает. Они знакомы с маршрутом и без картинок. Но турист заблудится, пока прочитает руководство. Или опоздает, потратив время на чтение.
Этим инфографика отличается от иллюстраций и текста. Инфографика может самостоятельно решить задачу: показать линии метро, главное в отчёте компании или объяснить устройство организма простыми словами или сравнениями.
Иллюстрации используются как дополнение к текстовому материалу. Например, в этой статье инфографики — это иллюстрации. Они выполняют другие задачи: разбавить текст, упростить чтение и показать пример.
Если убрать текст и оставить картинки — статья потеряет пример. А если оставить хорошую инфографику без вступления и отчёта на 100 страниц — главное понятно, если инфографику собрали правильно.
Какие задачи решает инфографика
Цель инфографики — дать пользу читателю. Польза зависит от задач картинки, текста и целевой аудитории. Вот несколько примеров задач: для бизнеса и людей.
Экономит время. Визуализация данных делает из отчётов, таблиц и диаграмм понятные схемы. Это полезно, например, в финансовых или аналитических журналах — если читатель не подкован в терминологии или статистике, поймёт главное.
Инфографики экономят время для коллег, руководства. Например, в презентации отчёта по прибыли. Пересказывать сто страниц — можно прогадать: потерять внимание аудитории и упустить важные моменты. Тогда работу не воспримут так, как хотелось.
Инфографика заменяет большой отчёт на главные тезисы. Человек показывает то, что хотел. А другие не теряют много времени на презентации и разговоры.
Выводы и главные данные — готовая история. Если руководителя зацепит инфографика, он прочитает отчёт от корки до корки.
Экономит деньги. Бывают примеры, с которыми бизнес платит меньше. Вроде инфографики компании IKEA. Картинками показали, как собирать мебель.
В инфографике нарочно не написали текст. Компания работает по всему миру. Если печатать текстовые инструкции для 70 стран и больше 10 языков — нужно здорово потратиться на бумагу, печать и переводчиков.
В IKEA сделали проще — придумали инфографику без слов. Как собрать мебель поймут и в Украине, Великобритании или Японии.
Если бы в Lego писали текстовые инструкции — пришлось бы потратить немало денег на переводы и полиграфию.
Заинтересовать читателя узнать больше о товаре/услуге. Инфографики придумывают и для рекламы. Пример — креативы в социальных сетях. Они тоже решают задачу инфографики — показать товар, дать выжимку информации и сделать её проще.
Из креатива читатель узнаёт: что за товар/услуга, для кого она, какие преимущества и что нужно сделать, чтобы купить или узнать подробности о продукте.
Вариант креатива зависит от аудитории и её потребностей. Пример на картинке работает на тех, кто знает компанию и её товары. Задача инфографики — показать, что покупать сейчас кофеварки и другую технику выгодно.
Рассказать просто о сложном. Опубликовать статистику — это половина работы. Ещё нужно сделать так, чтобы её запомнили, поделились и пересказывали другим. Или применили в жизни — вроде правил гигиены.
Этот календарь-визуализация — напоминание: человеку нужно делать больше, чем бросать бельё в стирку. Инфографика показывает, какие опасности подстерегают человека, пока он пользуется постельным бельём и спит в кровати.
Дополнительно приложили календарь с советами: как часто чистить подушки, матрасы и одеяла.
Вызвать социальную реакцию. Люди делятся инфографиками больше, чем статьями — потому что выводы или полезные советы посмотреть на картинке быстрее, чем потратить 20 минут на статью. Поэтому люди охотнее просматривают выжимку на одном листе: сохраняют, комментируют.
Вот пример со словарём арбитражника. Не каждый готов потратить время, чтобы вникать в терминологию и примеры, которые закопают в статье или длинном посте. Тем более, в социальных сетях люди менее склонны учиться. Они приходят развлекаться.
Социальная реакция бывает и в компании — если придумать инструкцию или чек-лист, и оформить в инфографике. Такие материалы люди вешают на стены и показывают клиентам, как стандарт работы.
Пример из книги Максима Дорофеева «Джедайские техники». Приёмами и схемами пользуются в IT-тусовке, и не только. Делают скриншоты из книги и вешают на стену — как инструкцию и напоминание.
Как делать эффективную инфографику
Покажем, как работать над инфографикой в роли редактора смысла: от идеи до текста и дизайна. Некоторые этапы можно пропустить, если они мешают выполнить задачу.
Например, для инструкций, вроде IKEA — текст можно пропустить, а поработать над идеей и картинками.
Чек-лист: как создать инфографику
-
Узнать целевую аудиторию, что её заинтересует.
-
Определить, в чём польза инфографики.
-
Собрать крючки для аудитории, вроде фактов и примеров.
-
Собрать фактуру — почему инфографике можно доверять: источники, мнение эксперта.
-
Придумать метафоры и сравнения, если нужно.
-
Написать текст.
-
Собрать прототип, эскиз.
-
Выбрать стилистику.
-
Упаковать инфографику в дизайн.
Узнать целевую аудиторию. Если человек понимает, кто его аудитория и что ей интересно — можно сложить пазл, что нужно показывать в инфографике.
Если не разобрался в целевой аудитории — получается работа наобум. Это как принести человеку блюдо, от которого у него аллергия. Лучший исход — решения не поймут. Но хуже, если начнутся проблемы: негативные комментарии, критика и скандалы.
Выпишите на листочке — кому нужна ваша инфографика. Мамам — картинка, как пеленать ребёнка; дизайнерам — чек-лист проверки дизайна или объяснение правила; начальнику — информация из отчёта, которая покажет результат работы отдела, прибыль или риски. Всё зависит от того, кому мы показываем инфографику.
Узнать выгоды и полезное действие. Люди читают и смотрят то, что интересно и выгодно для них. Поэтому инфографики о достижениях компании или опыте работы сотрудника не впечатляют, если в них нет пользы для аудитории.
Поэтому важно продумать полезное действие инфографики. Возьмём, к примеру, инфографику для рецепта:
-
Аудитория — женщины в социальных сетях.
-
Почему выгодно смотреть инфографику — это быстрее, чем видео: не нужно ставить на паузу. Всё на картинке.
-
Полезное действие — научить готовить блюдо, помочь разнообразить питание. Заинтересовать читателя, чтобы инфографику сохранили и поделились с друзьями.
Выбрать «Крючки». Крючок — это то, за что читатель ухватится, когда просмотрит инфографику. В рецепте это может быть:
-
Заголовок, вроде «Приготовим лазанью из ингредиентов в холодильнике». Не нужно бегать в магазин, поэтому интересно.
-
Время готовки. Люди заняты, а блюда за 5-15 минут сохраняют чаще.
-
Результат. Например, «Тёща и муж будут в восторге».
В инфографиках для компании крючками могут быть цифры или выводы. Вроде «Этот инструмент поднимет продажи на 15% в следующем квартале» или «Если добавим курсы по тайм-менеджменту, компания сэкономит до 1 000 часов времени, когда сотрудники отвлекаются».
В рекламе можно указать аудиторию или особенности товара, акции. Например, выделить дефицит времени: «Скидки на куртки всего 24 часа».
Собрать факты и смыслы. Для отчёта — цифры, интересные для аудитории моменты, примеры и выводы.
Для рекламы — информация о товаре и почему предложение выгодно.
Для рецептов — список ингредиентов и процесс приготовления. Можно добавить фото результата.
Придумать сравнения и метафоры (опционально). Сложные элементы, вроде финансовой статистики, трудно разобрать с первого взгляда. Для этого придумывают упрощения.
Для картинки сравнение получили без мозгового штурма: узнали количество техники и сумму. Читателю может быть трудно сообразить в цифрах: «Сколько это, 5 миллиардов долларов — много или мало?». А если показать количество техники — становится понятнее.
Если на инфографике понятно всё и так — метафоры усложнят картинку. Это как в рецепт борща добавлять «Готовьте, как фея чистоты» — весело, но неинформативно.
Написать текст. Задача этого этапа — собрать факты, примеры и сравнения в цельный текст. Иногда не нужно ничего придумывать: взять предложения из отчёта. Или переписать текст рецепта.
Часто в инфографику стараются добавить больше материала: списки, таблицы, текст, графики. Это перегружает картинку – что-то разобрать и связать воедино не получается.
Поэтому нужно писать в режиме одной истории. Взялись за рецепт — не пишите историю блюда или его поклонников. Добавьте ингредиенты и процесс готовки. То же самое в корпоративной инфографике: одна картинка — одна история. Или в рекламе: инфографика — продажа чего-то одного, один оффер.
Собрать прототип. Если добавить цвет и картинки на этом этапе — потратим больше времени. На следующих этапах окажется, что цвет не подходит, нужно заменить картинку или изменить текст.
Если трудно составить прототип — используйте формулу инфографики из книги Рэнди Крама «Инфографика. Визуальное представление данных». Она подойдёт для рекламы или отчёта.
В прототипе расставляют акценты — что будет больше, а что меньше; что разместить вверху, где установить кнопку и т.д. Макет получается, как набор текста и чёрно-белых квадратов. Позже добавят шрифт и стилистику.
На этапе прототипа всплывут ошибки. Если текста много — сократить. Или нужно выбрать другое изображение, если контент важен и весь не помещается. С цветами и готовыми картинками нужно было бы вернуться и переделать больше работы.
Подобрать стилистику. Цвета выделяют графику. Например, если человек делает книгу рецептов в социальных сетях — читатели запомнят стилистику картинки: фон, шрифт, изображения. Если они доверяют каналу и контенту с инфографики, открыть следующий пост проще.
Если человек делает отчёт в виде инфографики — можно добавить элементы фирменного стиля компании: например, взять логотип и шрифты на сайте, добавить цвета из презентаций. Получается официальный документ, приложение к отчёту.
Если делать для себя — можно обойтись и чёрно-белой схемой.
Упаковать в дизайн. На последнем этапе дизайнер смотрит на прототип и дорабатывает инфографику. Вместо заглушек ставит картинки. А чёрно-белую разметку заменяет на цвета инфографики или фирменного стиля компании.
Для инфографики подойдёт графический редактор (Photoshop, Figma). Если не заморачиваться — можно сделать инфографику даже в PowerPoint.
С чего начать и где вдохновляться
«Визуальное мышление» Дэн Роэм —в книге описаны основы визуального мышления: как подавать сложный текст через простые рисунки. Книга научит визуально мыслить даже тех, кто никогда не держал карандаш или ненавидит графические редакторы.
«Инфографика. Визуальное представление данных» Рэнди Крама. Автор описывает задачи инфографики в разных сферах, формулы и приёмы — как подавать информацию и прокачивать инфографику.
Проект Рэнди Крама Cool Infographics — на сайте собрали примеры инфографик из разных сфер: реклама, финансы, экология, торговля. Автор показывает — что в инфографике не так и как улучшить работу.
***
А если хотите делать инфографики для бизнеса и зарабатывать — приходите на курс «Компьютерная графика и дизайн» от IT STEP. По ссылке найдёте описание программы и график обучения.