Windows

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

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

"Ценность инфографики заключается в том, что она

позволяет представить серьезный объем полезной

или важной информации для пользователя в максимально

удобном и простом виде",

Алексей Новичков, руководитель отдела

инфографики РИА-Новости

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

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

Что такое инфографика

Инфогра́фика (от лат. informatio - осведомление, разъяснение, изложение; и др.-греч. γραφικός - письменный, от γράφω - пишу) - способ передачи информации c помощью графики и текста. Инфографика может использоваться в любой научной или профессиональной сфере, где есть необходимость схематизации материала: в ряде естественных и гуманитарных наук, в рекламе, маркетинге, журналистике, статистике и во многих других областях знаний. Чтобы легко и быстро можно было понять, что же такое инфографика, посмотрите короткое и увлекательное видео на эту тему: Метод инфографики имеет древнее происхождение. Средневековые навигационные карты, таблицы расположений звёзд, анатомические рисунки с подписями- всё это можно отнести к ранним примерам инфографики. К концу XIX века были разработаны основные виды графиков: круговая диаграмма, столбиковая, площадная и т.д. В истории существуют примеры, в которых инфографика помогала решать не только частные задачи, но и помогала выйти из сложнейших кризисных ситуаций: Джон Сноу был пионером эпидемиологии: именно этот ученый с помощью инфографики помог остановить эпидемию холеры в Лондоне в 1854 г. Исследовать предположил, что вызывающий холеру возбудитель передаётся через желудочно-кишечный тракт, а не воздушно-капельным путём. Это стало возможно благодаря тому, Джон нарисовал в схему Лондона, на которой точками обозначил очаги заболевания холерой. Так, получившееся изображение показало, что практически все случаи заболевания, которые ученый изобразил крестиками, находились вблизи одной из водонапорных башен, после ее закрытия новые случаи заболевания холерой удалось остановить.

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

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

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

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

3) Инфографика-инструкция . Объяснение устройства, принципа работы + реконструкция события. Многие компании сегодня имеют интранет, внутренние системы оптимизации бизнес-процессов, в которых должностные инструкции изображены не в словах, а в схемах, наглядно демонстрирующих поведение сотрудников в тех или иных ситуациях

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

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

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

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

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

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

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

Приведем основные примеры инфографики и кратко прокомментируем их:

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

Динамическая инфографика. Показаны сравнительные характеристики, фактическая информация. Визуализированы основные объекты и субъекты.

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

Инструкция, схема работы. Инфографика.

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

Пример использования инфографики во время презентации.

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

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

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

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

По способу отображения инфографика подразделяется на следующие виды:

Статичная инфографика- одиночные изображения без элементов анимации,

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

По типу источника различают 3 основных вида инфографики:

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

Новостная инфографика- инфографика, подготавливаемая под конкретную новость в оперативном режиме,

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

Новости инфографика

В Петербурге с января 2011 года редакцией ООО «Манифест» начал выпускаться специальный журнал «Инфографика». Журнал выходит тиражом в 80 000 экземпляров. В первых числах каждого месяца свежий номер журнала можно бесплатно приобрести в некоторых московских петербургских ресторанах, кафе и культурных центрах (Галерея братьев Люмер). Журнал содержит только свежие шедевры инфографики – никакого текста. Ежемесячно редакция журнала находит интересные познавательные темы и представляет их в виде инфографики. Это может быть статья о том, как выбрать велосипед, или инфографика о фазах сна. Реклама в журнале также может быть представлена в виде инфографики.

За новостями журнала удобно следить в сообществе «Инфографика» в Фейсбуке и Контакте. Некоторые номера журнала выложены на посвященном инфографике сайте Инфогра. Часто можно неплохая инфографика встречается в газете «New Times».

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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


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

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

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

Плюсы

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

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

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

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


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

Минусы

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

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

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

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


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

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

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

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

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

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


Статистика

2. Карты

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

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


Карты

3. Алгоритм

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

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

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


Алгоритм

4. Сравнение

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

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


Сравнение

5. Иерархия

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

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

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


Иерархия

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

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

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

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


Анимация

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

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

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

Правила

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

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

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

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

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

Принципы

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


easel.ly

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

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


canva.com

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

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


infogr.am

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

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


creately.com

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

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


piktochart.com

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

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


resumup.ru

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

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


time.graphics

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

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

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

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

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


kwork.ru

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

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


work-zilla.com

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

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

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

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

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

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

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

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

Информационная графика … Словарь сокращений и аббревиатур

Связать? Географическая инфографика (от греч. γη «земля»; от лат. informatio осведомление, разъяснение, изложение; от греч … Википедия

ИТАР-ТАСС - (ITAR TASS) ИТАР ТАСС это центральное государственное информационное агентство России. Агентство ИТАР ТАСС: фото, новости,ИТАР ТАСС Кубань, официальный сайт ИТАР ТАСС Содержание >>>>>>>>> … Энциклопедия инвестора

У этого термина существуют и другие значения, см. Террористический акт во Владикавказе. Террористический акт во Владикавказе террористический акт совершённый боевиком смертником 6 ноября 2008 года около 14 часов по московскому времени в… … Википедия

Памятник усыпальница Мавзолей Ленина Мавзолей Ленин … Википедия

Структура федеральных органов исполнительной власти (термин конституционного права) представляет собой перечень всех федеральных органов исполнительной власти. Утверждается Президентом Российской Федерации по предложению Председателя… … Википедия

Инфомания … Википедия

Уничтоженный грузинский Т 72 в Цхинвале Основная статья: Война … Википедия

- («Пост Ит Эвордс») международный студенческий конкурс и премия в области дизайна. Проводится ежегодно, начиная с 2005 года. Это единственный на территории России и СНГ дизайнерский конкурс, предназначенный только для студентов, участие в котором… … Википедия

Книги

  • , Дэвид Маккэндлесс. О чем эта книга Забудьте о сухих фактах, теориях и статистике и приготовьтесь увидеть информацию с той стороны, с которой вы до сих пор никогда ее не видели. Приглашаем вас совершить…
  • Инфографика. Мир, каким вы его никогда не видели , Martin Toseland, Simon Toseland. http://www. mann-ivanov-ferber. ru/books/paperbook/infographica/…

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

Инфографика - это:

  • графический способ подачи информации, данных и знаний, целью которого является быстро и чётко преподносить сложную информацию (форма информационного дизайна) (Марк Смикиклас)
  • визуализация информации в целях последующего анализа, выявление взаимосвязей и представления корреляции между несколькими массивами данных в удобной форме, позволяющей наблюдателю быстро разобраться в представленной информации (Петр Пархоменко)
  • синтетическая форма организации информационного материала, включающую в себя, во-первых, визуальные элементы, а во-вторых, тексты, которые поясняют эти визуальные элементы (Жаннетта Ермолаева)
  • визуальное представление цифровой, графической и вербальной информации (Т.В. Соловьева)
  • область коммуникативного дизайна, в основе которой лежит графическое представление информации, связей, числовых данных и знаний (Владимир Лаптев)
  • перевод чисел в форму рисунка, эскиза или проясняющего плана или иллюстрации (Поль Луи)
  • один из видов альтернативного изложения информации путем создания художественных зарисовок, графиков, диаграмм прочих графических объектов как на бумаге, так и в электронном варианте (pro-spo.ru)
  • способ передачи информации с помощью рисунка (М.А. Фролова)
  • особая категория изображений, в которых плотность концентрации коммуникативных возможностей выше, чем у прочих (Галина Никулова)
  • изображение, передающее смысл, данные, информацию с помощью графики, не текста (Максим Горчаков)
Ключевые слова определений инфографики: информация, форма, быстрое, знания, графическая, представления

Отличия «инфографики» от смежных понятий

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

Сравнение инфографики и визуализации данных по критериям «создание», «эстетика» и «количество данных» (liinsky N., Steele J.)
  • Статистическая графика - визуализация количественных данных (En.wikipedia.org)
  • Информационный дизайн - отрасль дизайна, практика художественно-технического оформления и представления различной информации с учётом эргономики, функциональных возможностей, психологических критериев восприятия информации человеком, эстетики визуальных форм представления информации и некоторых других факторов (Роберт Якобсон)
  • Информационный дизайн - искусство и наука подготовки информации таким образом, чтобы она могла быть эффективно использована людьми (Роберт Хорн)
  • Информационная архитектура - сочетание схем организации, предметизации и навигации, реализованных в информационной системе (Луи Розенфельд)
  • Информационная архитектура занимается принципами систематизации информации и навигации по ней с целью помочь людям более успешно находить и обрабатывать нужные им данные (Луи Розенфельд)

Выводы

Сложив все определения и отличительные черты понятия, получаем:

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

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

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

Для быстрой оценки качества инфографики автор сайта infographer.ru Хорошая инфографика : смысл понятен и без цифр и текста

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Итого

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

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

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

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

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

Бонус

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