About Teletype
Join
Саша Петухова
@sa6a666
October 16, 2020

Инфографика: как сделать информацию красивой

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

В этой статье ты узнаешь:

  • Как инфографика помогает понять информацию
  • Как за 4 шага превратить информацию в понятную и наглядную инфографику
  • Какие ресурсы помогут в этом
  • Как с нашей помощью сделать готовую инфографику еще лучше

Как инфографика помогает понять информацию?

Посмотри на текст и инфографику ниже.

Что ты заметил раньше: текст или инфографику? Что помогло тебе яснее представить данные: текст или инфографика? 

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

Почему так происходит:

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

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

Как за 4 шага превратить информацию в понятную и наглядную инфографику

1. Определись с целевой аудиторией и целью инфографики

Для кого ты делаешь инфографику? После того как определился, для кого делаешь продукт, ответь на вопросы:

  1. На каком языке говорит целевая аудитория? Возможно, в инфографике можно использовать сленг, шутки? Или наоборот, лучше быть максимально корректным и официальным?
  2. Насколько аудитория в теме? Можно ли говорить сложным языком? Нужно ли пояснять термины?
  3. Какой стиль оформления нравится твоей аудитории? Этот вопрос поможет тебе определиться с выбором визуального языка. Например, ты понимаешь, что аудитории «зайдут» комиксы или что-то милое. Или, наоборот, по душе строгое оформление.
  4. Заинтересована ли изначально аудитория в инфографике? Ответ на этот вопрос поможет еще яснее определиться с визуальным языком. Посмотри на 2 примера инфографики ниже. Как считаешь, какой из них подходит для изначально заинтересованной аудитории, а какой – для изначально незаинтересованной?

Ответ:

  • В первом варианте визуализация простая и блочная, информацию легко «считать» – на глаз сравнить показатели, проследить возрастание от большего к меньшему. Если люди уже вовлечены, инфографику можно сделать лаконичной. Такая инфографика подходит для изданий типа «Коммерсантъ», на которые люди подписываются специально.
  • Во втором варианте столбцы диаграммы превращены в яркие элементы-судна. Здесь уже сложнее считывать информацию, однако визуальное решение броское и запоминающееся. Такая инфографика способна привлечь внимание изначально не заинтересованных в ней людей. Если аудиторию надо заинтересовать, инфографику лучше сделать креативной и яркой.

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

Подробнее про изучение аудитории визуальных продуктов можно прочитать в книге Нэнси Дуарте «Resonate. Захвати аудиторию своей яркой историей».

Пример насчет «заинтересованности» взят из презентации «Почему инфографика – не картинка?». Автор – главный редактор журнала «Инфографика» Николай Романов.

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

  • Человек позвонит по номеру, указанному в инфографике, если почувствует симптомы болезни.

  • Человек будет знать нюансы пенсионных взносов и порекомендует инфографику друзьям в соцсетях.

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

Если нет цели, то нет и смысла в продукте.

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

Моя целевая аудитория – молодые люди, которые используют графики в работе. Поэтому я решила, что буду использовать сленг и юмор. Лишних объяснений а-ля «что такое круговая диаграмма» не будет – эти люди и так прекрасно понимают, что это такое.

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

2. Выбери важное и придумай сюжет

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

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

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

Пример. Я хочу сделать инфографику, что круговые диаграммы – зло. Я нашла текст. Чтобы сделать из этого текста инфографику, вычитала его и выбрала самый «сок» (выделен жирным):

Круговые диаграммы широко используются в презентациях и офисной документации. Они позволяют показать пропорциональное и процентное соотношение между категориями за счет деления круга на пропорциональные сегменты. Длина каждой дуги представляет собой пропорциональную долю каждой категории, в то время как круг целиком представляет общую сумму всех данных, равную 100%.
Эти диаграммы распространены, но подходят не более чем в 5% случаев, так как у этой диаграммы есть ряд существенных недостатков:
1. Количество отображаемых значений очень ограничено, поскольку, чем больше количество значений, тем меньше размер каждого отдельного сегмента. Соответственно, они не подходят для работы с большими объемами данных.
2. Они занимают больше места, чем альтернативные графики, например, 100%-ные стопочные или линейчатые диаграммы. Основные причины – размер и, как правило, необходимость в отдельном описании условных обозначений.
3. Они не очень удобны для проведения точных сравнений между показателями, поскольку визуально площадь сегментов сложнее сравнивать, нежели длину.
Круговые диаграммы подходят, чтобы сравнивать конкретную категорию (одну часть круга) в рамках общей картины.

Дальше придумываю сюжет:
1. Вступление. Почему круговая диаграмма – отравленное яблоко презентаций?
2. Основная часть. Почему круговая диаграмма не всегда подходит: если секторов больше 3, диаграмма становится неудобочитаемой; занимает много места; сложно сравнивать показатели. Круговая диаграмма подходит только в 5 % случаев – например, если нужно сравнивать одну часть круга в рамках общей картины.
3. Завершение. Прежде чем использовать круговую диаграмму, подумай. Возможно, больше подойдет 100%-я столбчатая диаграмма или линейчатая диаграмма.

3. Сделай набросок инфографики

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

Пример. Структура линейная. Я хочу привлечь внимание к крупной красной картинке яблока, потом к красным буллитам, где буду «ругать»‎ круговые диаграммы. В нижней части инфографики расскажу, какие диаграммы лучше использовать вместо круговых – в этом секторе основным выступает менее интенсивный желтый акцент.

4. Визуализация

Теперь перенесем макет в инструмент и доделаем инфографику. Не обязательно знать специальные программы: ты можешь сделать это как в Adobe Illustrator, Photoshop, Figma или PowerPoint, так и в специальных веб-конструкторах. Их я перечислю в конце статьи.

Пример. Инструмент, в котором собирала свою инфографику – PowerPoint. Диаграммы тут выступают как персонажи. Добавила юмора)

Какие ресурсы помогут сделать инфографику?

Конструкторы инфографики

  • canva.com – множество шаблонов инфографики
  • creately.com –  подставляем свои данные, получаем инфографику
  • easel.ly – можно создать собственные шаблоны
  • venngage.com – около 100 шаблонов, простое управление

Сайты для вдохновения

Книги

Саша Петухова
October 16, 2020, 12:14
0 views
2 reactions
0 replies
0 reposts