Ошибки создания инфографики

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

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

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

1. Вы рекламируете свои продукты и услуги

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

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

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

Пример инфографики на одну из перечисленных тем (кликните по картинке, чтобы посмотреть полностью):

2. Вы бездумно копируете чужие идеи

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

Нет, это не значит, что абсолютно все идеи нужно брать из головы. Вы можете черпать их у других блоггеров и дизайнеров. Для этого мы рекомендуем вам сделать следующее. Создайте свой собственный SWIPE-файл (можно просто создать папку на рабочем столе, а можно воспользоваться сервисом Evernote, как вам удобно) и начните добавлять туда:

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

Старайтесь не копировать чужие идеи полностью. В каждую инфографику привносите что-то свое. Если переводите текст, адаптируйте его под русскоязычных пользователей. Если в оригинальной инфографике невзрачный дизайн, постарайтесь улучшить его. Заимствовать идеи – неплохо. Главное, делать это с умом.

Пример зарубежной инфографики с не очень удачным дизайном:

И то, во что превратили ее мы:

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

3. Ваша инфографика сложна для восприятия

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

Полезное видео по теме:

Как создать инфографику онлайн: обзор 3 бесплатных сервисов + практика

4. Ваша инфографика слишком поверхностна

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

5. Вы делитесь с пользователями банальной информацией

Во время просмотра вашей инфографики клонит в сон? Значит, вам нужно серьезно задуматься над ее содержанием. Вот пара советов:

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

6. Вы приводите недостоверные факты

Сегодня в интернете много легко найти кучу интересных фактов, только как убедиться в том, что они правдивы? Здесь нужно быть очень внимательным:

• Используйте исключительно надежные источники (официальные исследования, авторитетные ресурсы);
• Если возможно, подтверждайте найденные факты в двух независимых источниках;
• Ссылайтесь на источники информации – это повышает доверие пользователей;
• Убедитесь, что вы приводите актуальные данные;
• Если приведенные вами данные звучат слишком хорошо, чтобы быть правдой, советуем усомниться в их достоверности.

7. Вы не занимаетесь промоутированием

Даже самые лучшие инфографики не становятся виральными по мановению руки. Мало расшарить ее во всех социальных сетях и сесть на попу в ожидании чуда. Нужно действовать!

• Добавить призыв к действию. Хотя бы такие простые, как «Понравился материал? Будем благодарны за репосты» или «Если материал оказался вам полезен, поделитесь им с друзьями»;
• Заблаговременно выстраивать дружеские отношения с влиятельными блоггерами, а потом попросить их расшарить ваш материал. О том, как это сделать, мы подробно писали тут. Очень рекомендую ознакомиться – эти советы могут сильно увеличить шансы на то, что ваш контент станет виральным;
• Продвигать свою инфографику в комментариях на сторонних ресурсах.

8. Ваша инфографика слишком большая

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

9. Ваш дизайн не соответствует тематике и предпочтениям ЦА

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

10. Вашу инфографику невозможно просканировать взглядом

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

11. Вы используете плохой шрифт

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

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

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

Убедитесь, что вы используете не более 5 цветов (2 основных и 3 вспомогательных). Цвет текста и картинок не должен выбиваться из общей цветовой гаммы инфографики. Для подбора палитры воспользуйтесь сервисами Adobe Kuler или Color Scheme Designer.

13. Ваши картинки и диаграммы разные по стилю

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

14. В вашей инфографике нет свободного пространства

Свободное пространство облегчает чтение и восприятие материала. Почему-то многие дизайнеры часто забывают эту простую истину.

15. Основной заголовок вашей инфографики слишком мелкий

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

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

Вся правда о создании качественной инфографики

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

Адаптация материала 19 Warning Signs Your Infographic Stinks.

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

1. Карта, для чтения которой нужны еще 3 карты

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

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

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

3. Жульничество с графиками

На этой схеме 4 человечка обозначают 43 тысячи медсестер, а 32 человечка — 46 тысяч. Логики в этом нет, но Минздрав США явно хотел показать, что количество медсестер увеличивается. Ведь если смотреть только на столбики, то медработников наняли в 7 раз больше. Вроде бы все честно — цифры же на месте — но доверия к авторам уже нет. Еще одна плохая идея — составлять столбики из человечков, ноги которых сливаются с головами нижнего ряда.

4. Слишком сложный формат графика

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

5. Ошибки в инфографике

Автор диаграммы то ли написал неправильный процент бедных, то ли неправильно его изобразил. Ведь 76% — это чуть больше, чем 3/4, а на графике мы видим совсем другое. Вряд ли Мировой Банк сознательно решил обмануть читателей, скорее кто-то ошибся. Испортить результат из-за сбоя могут и программы для подготовки презентаций или инфографики. Поэтому даже дизайнеру-профессионалу стоит еще раз проверить все данные, когда работа уже готова.

6. Сложная для восприятия картинка

Благодаря Атласу экономической комплексности Гарвардского университета графики такого типа стали популярными, ведь они позволяют одновременно показать десятки товаров, а графическую информацию люди воспринимают на 85% быстрее, чем текст. Но в гарвардском варианте похожие товары сгруппированны и выделены похожими цветами, а здесь данные о разных моделях телефонов разбросаны по всему графику, и разобраться в их связях невозможно. Большую часть товаров вы даже разглядеть не сможете — слишком маленькие обозначения. Сравнить телефоны тоже не выйдет: не указан ни доход от продаж, ни дата выпуска. Единственное, о чем можно догадаться — их было очень много.

7.  Инфографика, которая запутывает, а не объясняет

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

8. Неприятное изображение, которым не поделятся в соцсетях

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

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

9. Обычный набор слов, который не заменит инфографику

Сервис Wordle преобразует текст в картинки — и многим кажется, что этого достаточно для инфографики. Да, она привлекает внимание, но нужно еще и заинтересовать читателя, а для этого слов мало. Единственное исключение — когда вы хотите показать результаты какого-нибудь исследования, например, любимые слова политиков.

10. Бесполезные сравнения, не подкрепленные цифрами

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

11. Малопонятное для читателей изображение

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

12. Схема из школьного учебника

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

13. Инфографика, в которой больше вопросов, чем ответов

Авторы этой схемы собрали огромное количество данных о том, что происходит в Сети за 60 секунд. Но когда они проводили подсчет: утром или вечером? Собрали ли данные со всего мира или только одной страны? И, главное, как им удалось все это подсчитать? После просмотра у читателей возникнет много вопросов. А вместо ответа на них авторы написали, что «мы все знаем, что в интернете все происходит молниеносно быстро».

14. Сложные диаграммы вместо простой картинки

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

15. Слишком много информации мелким шрифтом

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

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

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

via

• Инфографика
• 6 мин на чтение
• 1426

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

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

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

Даже МосЭнергоСбыт уже подтянулся

Это наглядно, быстро воспринимается, картинки привлекают внимание. Курсы валют, биржевые котировки, годовые отчеты выглядят гораздо проще в виде графиков, чем в виде бесконечного столбца цифр.
Но с помощью инфографики можно сильно исказить в принципе верные данные. Заставить человека сделать ложные выводы и принять неверное решение.
Чтобы легче замечать попытки манипулировать вашим мнением, нужно знать, куда смотреть. В тексте – на наличие заслуживающего доверия источника, беспристрастность автора, хорошую репутацию ресурса, полноту данных. В инфографике, чтобы отсечь 90% сомнительных данных, нужно знать всего несколько маркеров-ошибок.

3D-эффекты

Ближайший к зрителю сектор всегда будет казаться несколько больше, чем он есть на самом деле

В круговой диаграмме с 3D-эффектом размеры секторов визуально искажаются. Наш мозг не может точно интерпретировать график в таком виде. Ближний сектор мы будем воспринимать как самый большой, дальние сектора будут казаться меньше, чем есть на самом деле.
Этот эффект чудовищно популярен, спасибо Ворду.

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

Такая карта позволяет получить только самые общие данные о том, как распространялся вирус. Увидеть точное распределение по регионам невозможно благодаря искажениям из-за 3D-эффекта

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

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

Когда в Эфиопии были улучшения? В начале 80-х? В конце? Было ли в 70-м сильно хуже, чем в 80-м? Или голод сохранялся на одном уровне? Если бы не было цветового кодирования, могли бы вы хоть что-то понять по этому графику?

Художественное изображение данных

Все попытки перерисовать графики необычно и образно, скорее всего, закончатся искажением информации. Красочные иллюстрации привлекают больше внимания, но в них и сложнее пробиться к реальной информации.
Рассмотрим график потребления количества пива в США за 1970-1978 годы в миллионах баррелей и долю рынка компании Schlitz. График с бочками выглядит очень внушительно.

Как мерить количество баррелей, по середине крышки или по верхней точке? Непонятно

Давайте избавимся от ненужного «мусора» на данном графике и перерисуем его в нормальном виде. Уже как-то не так внушительно и серьезно выходит.

Можете ли вы определить, сколько женщин голосовали в 1869, а сколько в 1912?

Интервалы усреднения

Манипулируя интервалами, можно довольно сильно изменить общую картину. Например, фонд показывает на графике свою доходность за четыре года, которая составляет 400%. Но четыре года назад был кризис – 2008 год. В этом графике они взяли показатель, когда Сбербанк стоил по 12 рублей, а сейчас он по 100 рублей. Если же взять интервал не четыре года, а пять лет, то есть с 2007 года, то у фонда будет минус 20% за пять лет.
Чтобы замечать такие ошибки, нужно ориентироваться в международной обстановке и истории развития рынка.

Цветовая контрастность

Карта курильщиков Америки

Карта показывает, какой процент населения Америки курит. Более темным показаны курящие штаты, светлым – менее курящие. С первого взгляда видно, что в Кентукки проблемы. Но если мы посмотрим на данные, то выяснится, что в Кентукки курят 27% жителей. И это не так уж сильно отличается от 23% в Юте. А перепады цвета создают ощущение того, что количество курильщиков отличается в несколько раз.

Очевидно, что в Калифорнии пиво самое лучшее. Но насколько оно лучше алабамского? Несколько лучше? В десять раз лучше? В два раза лучше?

Начала оси

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

Создается иллюзия стремительного роста

Если представить те же данные в правильном масштабе, то видно, что прирост довольно незначительный

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

Визуально кажется, что размеры дотаций выросли в 4 раза

Ой, но что случилось с масштабом? Ну-ка посмотрим на настоящие изменения.

На самом деле, рост выплат далеко не такой значительный

Традиция рисования таких графиков тянется с 1937 года!

Масштаб исследований

Смотрите, как выросло количество посетителей! Или стойте. Ой, вся выборка состоит из 24 человек

Прежде чем верить результатам исследований, посмотрите на размер выборки.
Если выборка для эксперимента составляет всего лишь дюжину человек, то можно получить любые результаты. Представим, что мы подбрасываем монетку пять раз. Какова вероятность, что все пять раз выпадет орел? Всего лишь одна тридцать вторая, это не может быть просто совпадением, если выпадут все пять орлов, ведь так? А теперь представим, что мы повторяем этот эксперимент 50 раз. Хоть одна из этих попыток увенчается успехом. О ней-то мы и напишем в отчете, а все другие эксперименты никуда не пойдут. Таким образом, мы получим исключительно случайные данные, которые отлично вписываются в нашу задачу.

Корреляция и причинность

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

Кризис в Греции, очевидно, произошел из-за Facebook’а

Дома дорожают из-за нездорового пристрастия к имени Ава

Эта скала мне сразу не понравилась!

Давайте просто перестанем давать ученым деньги, и проблема всемирного потепления будет решена!

И проблема самоубийств тоже!

Ну, и конечно же…

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

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

Источник: adindex

• 5

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

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

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

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

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

Полетели 🚀

Содержание

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Недостатки 

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

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

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

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

  Рассмотрим пример.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Мы увидим, как плавно возрастала температура за каждое новое десятилетие раньше, и как резко — начиная с 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. Всем, кто интересуется инфографикой, стоит прочитать книги Джин Желязны и Эдварда Тафти — это настольные библии инфографистов.

Заключение

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

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

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

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

Итак, давайте узнаем, как сделать инфографику — или как НЕ делать инфографику

01. Непонимание данных 

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

 Наши советы:

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

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

2. Резервирование

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

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

3. «Comic Sans» или 50 различных видов типографики

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

Наш совет: выбирайте не более 3 или 4 и соблюдайте последовательность. Кроме того, выбирайте шрифты, которые более профессиональны и легко читаемы, такие как helvetica, gothan, . Для заголовка можно использовать другой шрифт, но избегайте «comic sans». эффект.

4. Безумные цвета повсюду

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

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

Наш совет: выберите 1 или 2 основных цвета. См. этот пост чтобы узнать больше о цветах инфографики.

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

5. Неразбериха (или отсутствие таковой) Иерархия

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

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

6. Маленькие монстры

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

Наш совет: просматривайте и просматривайте. Попросите кого-нибудь еще просмотреть. Составьте контрольный список того, что необходимо пересмотреть.

Легко упустить какую-то деталь, однако мы готовы помочь вам! Получите контрольный список бесплатно и просмотрите свою инфографику. Просто нажмите на ссылку ниже:

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

Как сделать инфографику серия постов от Mind the Graph:

• Пост #1 — Коммуникация в науке
• Пост #2 — Сделайте свои данные потрясающими
• Пост #3 — Правильный вид графика
• Пост #4 — Давайте поговорим о цветах!
• Пост #5 — Меньше значит больше: минималистичный дизайн инфографики
• Пост #6 — Ошибки, которых следует избегать в научной коммуникации
• Пост #7 — Краткое резюме, чтобы получить результат

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

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

Основы инфографики

Инфографику от визуализации данных отличает, как минимум, 3 фактора:

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

Чек-лист

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

Какими бы ни были исходные данные, работа с ними проходит через одинаковые этапы:

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

На практике

«Первый Байкальский» — информационный портал о Байкале и окрестностях. Команда проекта привлекает внимание туристов к особенностям региона и проговаривает принципы бережного отношения к природе озера для местных жителей.

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

Факты и тема. Факты — это цифры исследования, которые были получены. Тема “Пластик и Байкал” влияет на выбор фактов из всего пула данных.

Месседж: “В Байкале куча пластика каждый день убивает мальков, ракообразных и моллюсков, попадает внутрь рыбы, которую отлавливает и съедает человек. Пора остановиться”.

История. Завязка — как пластик попадает в воду. Развитие — как пластик влияет на экосистему и человека. Развязка — как очистить озеро.

Информационная архитектура сжимает инфографику до самой сути и так упрощает её понимание, делает убедительнее:

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

Без текста. Визуализировать всё, что можно, а там, где без текста не обойтись — отжать воду. Цифры и процессы легко облечь в разные диаграммы и чарты. Если предложение нельзя сократить до 3-4 слов (почти всегда можно), то лучше сопроводить его иконкой, чтобы стало понятнее с первого взгляда.

Вывод

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

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