Главное Свежее Вакансии   Проекты
35 0 В избр. Сохранено
Авторизуйтесь
Вход с паролем

Инфографика в презентациях

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

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

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


Рисунок 1. Инструкция по сборке мебели

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

Рассмотрим конкретные способы и приёмы использования инфографики в презентациях.

01. Таблицы


Таблицы используются для представления данных, когда их можно распределить по строкам и столбцам. Подробно о таблицах рассказываем в статье «Таблицы. Как сделать просто и красиво»

4 примера креативных таблиц


Таблица сравнения


Рисунок 2. Сравнение нетворкинга днём и ночью

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

Таблица с картинками


Рисунок 3. Таблица рецептов в картинках

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

Таблица-палитра

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


Рисунок 4. Таблица-палитра популярности дней рождения

Тёмный оттенок соответствует самому популярному (загруженному) периоду времени, светлый — самому свободному. Еще часто такую таблицу называют тепловой картой.

Таблица-карточки

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


Рисунок 5. Идея таблицы в виде карточек

Вы часто можете встретить подобную визуализацию на сайтах в разделе «Стоимость».

02. Графики


Графики дают наглядное представление о динамике изменения показателей.

3 примера интересных графиков


Бамп-чарт


Рисунок 6. Бамп-чарт самых популярных имён в 2005-2009 годах

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

График с закрашенными областями


Рисунок 7. Шаблон графика с закрашенными областями

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

Дискретный график


Рисунок 8. Дискретный график

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

03. Диаграммы


Когда речь идёт о диаграммах, мы в первую очередь представляем себе круговые или столбчатые. Но на самом деле существует много разных типов диаграмм, подробно можно почитать в статье «Диаграммы. Как подобрать тип и показать главное»

5 примеров необычных диаграмм


Диаграмма-кольцо


Рисунок 9. Диаграмма-кольцо

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

Диаграмма-плитка


Рисунок 10. Шаблон сравнения, включающий диаграммы-плитки

В некоторых случаях такая диаграмма будет самой наглядной. Отличия между 33%, 38% и 29% на круговой диаграмме не выглядят явными. Так же, как и небольшая разница в значениях на столбцах. А на рисунке ниже величины 15 и 17 представлены так, что разница очевидна. Можно использовать в диаграмме-плитке цветные квадратики, а можно — пиктограммы.

Диаграмма-гантели


Рисунок 11. Диаграмма-гантели

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

Диаграмма-воронка


Рисунок 12. Диаграмма-воронка

Эта диаграмма показывает состояния на разных этапах процесса. Чаще всего используется для представления воронки продаж.

Образная диаграмма


Рисунок 13. Креативная круговая диаграмма

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

04. Списки



Рисунок 14. Список инструментов маркетинга в соц. сетях

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

05. Схемы


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

5 примеров схем


Блок-схема


Рисунок 15. Алгоритм выбора соц. сети

Наглядно демонстрирует варианты развития событий. Часто используется для ответа на вопрос типа «как выбрать...?».

Схема взаимосвязей


Рисунок 16. Взаимосвязи между основными элементами теории мотивации Портера-Лоулера

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

Иерархия


Рисунок 17. Иерархия судов в РФ

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

Схема взаимодействия


Рисунок 18. Схема оказания электронных услуг Роснедра

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

Пошаговое руководство


Рисунок 19. Рецепт приготовления грога

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

06. Карты



Рисунок 20. Карта крупнейших городов Европы

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

07. Линия времени (Таймлайн)


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


Рисунок 21. Таймлайн «Чего добилась медицина за 150 лет»

Мы предлагаем вам не просто использовать стандартные элементы инфографики, но и включать в них привлекающие внимание изображения — яркие фигуры, картинки и фотографии. Контент, содержащий изображения, получает в среднем на 94% больше просмотров. [2]

08. Изображение


3 способа применения изображений в инфографике


Рисунок 22. Пример пиктограмм — классическое обозначение WC

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

Иллюстрации


Рисунок 23. Иллюстрация расстояний, разрешённых при благоустройстве территории

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

Фон

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


Рисунок 24. Иллюстрация системы «Умный дом»

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


Рисунок 25. Пример совмещения видов инфографики

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

Мы составили для вас чек-лист по созданию креативной инфографики:


  1. Выделите группу данных, которую нужно продемонстрировать.
  2. Сформулируйте сообщение, которое хотите донести при помощи этих данных.
  3. Структурируйте данные (сгруппируйте по признакам, расположите в последовательности или выявите между ними взаимосвязи).
  4. Определите, что вам нужно подчеркнуть: конкретные значения, соотношения величин, динамику, взаимозависимость?
  5. По результатам предыдущего пункта выберите вид инфографики: таблица, график, диаграмма и т.д..
  6. Подберите ассоциации и образы, относящиеся к вашей тематике.
  7. Сочетайте стандартные приёмы построения объектов инфографики с выбранными образами, чтобы получить информативную и яркую картинку.
  8. Придумайте хорошее название, которое отражает суть вашего сообщения. Оно помогает лучше воспринять инфографику и делает её более запоминающейся.

В Уортонской школе бизнеса были проведены исследования. Они показали, что полностью вербальная презентация помогла убедить 50% аудитории. В то время как презентация, дополненная визуальными материалами, повлияла на 67% слушателей. [3]

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

0
В избр. Сохранено
Авторизуйтесь
Вход с паролем