Инфографика

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

Есть два подхода к созданию инфографики:

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

Категории  инфографики:

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

здесь cid.harvard.edu

и здесь https://www.gapminder.org/tools/

  • Описание процесса, иллюстрация – может вообще не содержать цифровых данных.

http://isif-life.ru/wp-content/uploads/2011/05/lainer.jpg

http://mdi.ua/image/data/mdi/primenenie_ogne.jpg

http://fom.ru/uploads/files/metro1.jpg

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

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

Низкого разрешения (ТВ, проектор, компьютер) – информации должно быть меньше и более крупные детали, но зато можно использовать анимацию  и интерактивность.

Выделяют три вида инфографики по способу отображения информации:

Статичная – к ней относятся простые графики, диаграммы и др.

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

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

 

Принципы хорошей инфографики:
  • Содержательность — если речь идет об аналитической инфографике, то это прежде всего правильный подбор количественной информации, которую вы хотите визуализировать.
  • Смысл – это не графический дизайн, это информационный дизайн, способ подачи цифровой информации. Нужно грамотно подобрать составляющие элементы инфографики, применять  данные в сравнении, выделять самое важное. http://infotanka.ru/metro.html — просмотрите все примеры Татьяны Бибиковой, в них даны алгоритмы нахождения решения.
  • Легкость восприятия (дизайн) – и общее оформление (цветовая гамма, шрифты, композиция), и правильный выбор типа графика или диаграммы в зависимости от идеи, которую вы хотите донести до читателя: круговая диаграмма не проиллюстрирует динамику, а столбчатая гистограмма – не отобразит структуру и т.п. Подробнее можно прочитать  в книге Р.Желязного «Говори на языке диаграмм»: http://lib.rus.ec/b/221421/read.
  • Аллегоричность (эмоции) – надо владеть процессом убеждения: привлекать внимание, упрощать понимание, придумывать яркие образы, подключать эмоции.

 

Алгоритм создания инфографики:
  1. Определите цели и задачи, которые будут достигнуты с помощью инфографики. Подготовьте данные для создания инфографики – подходит простой Excel формат.xlsx.
  2. Разбейте информацию на разделы, части, пункты. Каждый раздел – это отдельный элемент инфографики в виде, например, изображения, графика и др.
  3. Выберите тип инфографики. Продумайте, каким образом лучше отобразить закономерности, которые вы хотите представить в проекте, какой тип диаграммы лучше для этого подойдет. Нарисуйте несколько вариантов на черновике. Продумайте, нужна ли интерактивность для последовательного или более  эффектного представления информации.
  4. Учтите правила создания инфографики. Выберите правильные названия для своих графиков, диаграмм и инфографики в целом.
  5. Подберите нужные визуальные образы, которые знакомы и будут интересны целевой аудитории, придумайте основную визуальную метафору, вокруг которой будет строиться инфографика.
  6. Подберите инструмент для создания инфографики.

 

Infogr.am

Самый простой online-ресурс. Зайдите на сайт infogr.am и зарегистрируйтесь – кнопка Get started в правом верхнем углу, возможна регистрация через социальные сети:

Screenshot_1

Рисунок 1. Регистрация на infogr.am

1

Рисунок 2. Страница library – главная страница для создания инфографики

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

Нажмите кнопку Infografic or report и выберите тему (дизайн) вашего проекта.

 

3

Рисунок 3. Редактирование инфографики

 

4

Рисунок 4. Выбор типа графика на infogr.am

 

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

5

Рисунок 5. Ввод данных и настройка вида графика на infogr.am

 

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

6

Рисунок 6. Предварительный просмотр и встраивание в веб-страницы на infogr.am

Если нужно разместить результат работы на форуме учебного портала, нажмите кнопку Share и скопируйте выбранный согласно рисунка 6 код в сообщение форума

7

Рисунок 6. Как получить код встраивания

Кроме infogr.am есть еще целый ряд сайтов: Easel.ly, Piktochart.com  и другие со схожим принципом действия.

Есть более профессиональные и более сложные ресурсы: highcharts.com, IBM.com и совсем уже прекрасный tableau.com

 

MS PowerРoint

Для простейшей инфографики можно использовать и привычный MS PowerPoint. Тем более, что доступны дополнительные шаблоны именно для инфографики. Например, на сайте https://www.hubspot.com/infographic-templates

А здесь – прекрасная подборка всевозможных инструментов для визуализации данных.

 

Приятной вам работы!

Ваш e-mail не будет опубликован.