Инфографика сравнение по нескольким критериям. Что такое инфографика

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

Определение

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

Допустим, вы видите картинку с цифрами и графиками. Но это нельзя считать инфографикой. Убираем все вспомогательные записи. Теперь вы перестали видеть логическую связь? Тогда перед вами была просто картинка. Если же графические элементы не требуют дополнительных описаний и толкований, то это инфографика. Значение её относительно новое, поэтому полностью не исследовано.

История

Конкретной даты появления этого термина не существует. Можно лишь догадываться, кто самым первым решил подавать информацию таким способом. Известно, что в Советском Союзе такое искусство стало появляться в павильонах ВДНХ. На бумаге подобного рода оформление данных стало воспроизводиться в газете USA Today. Запустив свой проект в начале 1980-х годов, они начали внедрять в графику текст, что принесло им популярность.

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

Развитие

Спустя несколько лет инфографика относилась не только к сфере технологий или бизнеса, но и стала настоящим проявлением искусства. Поэтому крупные издания, типа «Эсквайр», стали нанимать для этого 3-4 дизайнеров и одного журналиста, который бы смог все эти идеи сократить до минимальных объемов.

Так спустя еще какое-то время стали появляться и ведущие специалисты этого дела. Известным стал Дон Виттекинд. Позже, некоторые образцовые творения были выставлены в специальной галерее. Когда издатели стали понимать, что такое инфографика и осознавать её роль, начали возникать специальные издания. Так в России в 2011 году стали продавать журнал «Инфографика», который был напрочь лишен каких-либо текстов, а на его страницах все данные были представлены этим графическим способом.

Использование

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

Подход

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

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

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

Польза

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

Из полезного становится понятно, что инфографика может привлечь к вам дополнительный трафик. Так, по ссылкам из «Яндекс.Картинок» и «Картинок Google» могут прийти новые посетители. Инфографика удобна и для социальных сетей. Достаточно добавить одну такую иллюстрацию, и все - пост готов. Поэтому так часто можно увидеть подобные картинки в блогах или социальных сетях, а если вы поместите на неё еще и с названием вашего сайта или ссылку, то это однозначно расширит вашу аудиторию.

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

Типы

Отсюда становится понятно, что такое инфографика, и какие есть типы.

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

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

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

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

Создание

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

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

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

Чтобы попасть в «Яндекс. Картинки» и «Картинки Google», нужно при загрузке на сайт инфографики прописывать для неё «альт», «тайтл» и описание. Тогда поисковые боты добавят её в свой каталог.

Способы

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

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

Кстати, онлайн-сервисов довольно много. Достаточно просто ввести запрос в поиск, и вы легко сможете найти удачный и удобный для себя. К примеру, есть неплохие сервисы Easel.ly или Infogr.am.

Если же вы немного разбираетесь в веб-дизайне и решили самостоятельно создать инфографику, то для вас не будет секретом то, что лучшая программа для этого Photoshop. В ней больше всего возможностей для этого дела, можно работать со слоями, подбирать цвета, элементы и пр. Вам достаточно упрощенной инфографики? Тогда обращайтесь к программам-аналогам типа Paint.net.

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

Мы выпустили новую книгу «Контент-маркетинг в социальных сетях: Как засесть в голову подписчиков и влюбить их в свой бренд».

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

Больше видео на нашем канале - изучайте интернет-маркетинг с SEMANTICA

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

Виды инфографики

В ней используются разные средства визуализации:

графики;
изображения;
диаграммы;
таблицы;
карты;
схемы.

Для чего используется

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

Часто ее можно встретить в презентациях, особенно это полезно при разработке новых проектов. Встретить такую передачу информации можно по телевидению. Такие информационно-аналитические программы, как «Мир цифр», «Экономика» используют для подачи информации графики, схемы, блоки.

Как создать хорошую инфографику

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

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

При создании инфографики поставьте перед собой задачу – быстро и кратко передать основные тезисы статьи. В одной картинке старайтесь размещать минимум информации.

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

Сервисы и программы для создания инфографики

Есть несколько популярных сервисов:

Piktochart.com – сервис, трансформирующий информацию в визуальные истории. Является самым легким в использовании. Из преимуществ – функция автономной настройки инфографики, большой выбор тем для дизайна и возможность наложить логотип.
Creately.com – инструмент, позволяющий легко создавать диаграммы и схемы. Есть возможность выбрать подходящую диаграмму и наложить на нее свои данные, чтобы получилась совершенно новая диаграмма или график.
Infogr.am – новая программа, активно внедряющая невероятные возможности. Отлично подходит для создания бесплатных диаграмм и инфографики.
Visual.ly – сервис, позволяющий генерировать между собой сразу несколько инфографик.
Fluxvfx – инструмент, который позволяет создавать видеоинфографики.
Vizualize.me – создает проекты для резюме.

Примеры

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

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

Тему можно выбрать любую. Это подтверждает следующая достаточно шуточная картинка.

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

Но этого оказалось мало. Инфографике придумали штук 20 критериев, которые делают ее «идеальной». Одним словом, размазали смысл, как только могли. Поэтому вроде как к инфографике нельзя придраться, всё равно можно найти доказательства, что нарисованный лось с выносками «голова», «копытце» и «хвост» - тоже инфографичен.

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

Часть примеров - из журнала «Инфографика» , спасибо им за труд.

Исследование и повествование - равноценны

Это два полярных подхода к инфографике. Первый предложил статистик Эдвард Тафти, второй - дизайнер Найгел Холмс. Первый назвал свою инфографику «исследовательской» (слово explorative гораздо точнее подходит, как нам кажется). Второй окрестил свою «повествовательной» (narrative).

Отличить их нетрудно

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

Если вы как будто оказались внутри комикса, вас развлекают и попутно пытаются что-то рассказать — это повествовательная инфографика, подход мистера Холмса:

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

Просто о сложном

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

Плохо

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

Хорошо

Варианты приготовления кофе. Показан объем и тип чашки, последовательность «слоев», состав, дозировка ингредиентов. Текстом получилось бы длиннее и не так понятно.

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

Баланс графики и информации

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

Плохо

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

Хорошо

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

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

Легко воспринимать

Инфографика для ленивых. Она должна быть понятна как на «общем плане», так и при детальном рассмотрении.

Плохо

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

Хорошо

Места обитания и рацион птиц в США. Зрителю понятен общий посыл, также он быстро считывает данные по каждой птице: где живет, чем питается.

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

Нет бессмысленного декора

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

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

Инфографика живет и без текста

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

Этот пункт стоит разобрать чуть подробнее. Выберем случайную картинку из интернета по запросу «инфографика»:

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

Если убрать с картинки весь текст, то получится вот так:

Уловить смысл теперь практически невозможно, иллюстрации недостаточно «говорящие». Более того - левая и правая часть почти не отличаются. Вывод: это не инфографика, а иллюстрированный текст.

Теперь другой пример: инфографика показывает, сколько воды тратится на производство того или иного продукта:

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

Даже если бы мы убрали числа - остались бы «капельки» и можно было бы сравнить, на что воды уходит больше, а на что меньше. А это уже инфографика.

Итого

Вычислить настоящую инфографику несложно. Ее признаки:

Она говорит просто о сложном. Причем так, что любой текст с задачей бы не справился. Или это был бы долгий и нудный текст.
Она балансирует между эстетикой и смыслом. Если картинка детализирована до последнего штришка - она должна нести много информации. Если информации мало - достаточно простой визуализации.
Ее легко воспринимать. Даже при беглом осмотре понятен как общий смысл, так и значение мелких элементов.
В ней нет дизайна ради дизайна. Где-то писали, что одним из критериев хорошей инфографики является «красота». Буллщит, господа. Дизайн решает задачи, а не любуется сам собой - это справедливо для любой области его применения, для инфографики в том числе.
Инфографика живет и без текстов. Конечно, всё зависит от ее типа, но универсальный тест (убрать тексты и посмотреть, что вышло), никто не отменял.

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

Так, например, мы сделали Dataface - создания, если интересно.

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

Бонус

За последние лет 5 инфографика набрала популярность, потом уронила эту популярность, а сейчас возвращается - в виде анимированной и интерактивной инфографики.

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

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

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

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

4. технологические диаграммы , на которых четко представлены особенности и стадии технологических процессов;

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

6. разнообразные схемы , при помощи которых акцентируется внимание на наиболее важных моментах при обмене учебной информацией;

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

8. графы , визуализирующие переходы или связи понятий, событий, процессов;

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

10. ИГ миниатюры – пиктограммы, иконки, указатели.

Представители второй группы обладают повышенными коммуникативными возможностями, особенно в этом плане выделяются п.п. 2, 3, 6, 8, 10, например, пиктограммы, наиболее часто используемый вид ИГ – символ, миниатюрное изображение, несущее серьезную семантическую нагрузку. В этой части ИГ входит в сферу функционирования семиотики. Пиктограммы и графические акценты/миниатюры заключают в себе элементы указующей или декларирующей (условно назовем ее «директивной») инфографики, например, стрелки переходов по ресурсам вверх–вперед–назад–дальше, восклицательный или вопросительный знаки, миниатюры и т.п. Семиотическое начало явно прослеживается и в легенде к диаграммам – локальная договоренность об обозначениях или маркировке информации, относящейся к критериально-различным объектам или признакам.

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