Сила презентации — в визуальном повествовании. Это когда вы переводите ключевые мысли в картинки так, чтобы они рассказывали историю, погружали в нее и решали ваши задачи. Иллюстрированный текст привлекает больше внимания, легче воспринимается, помещает цифры в контекст и делает их понятнее. Разные виды визуализации закрывают разные цели: например, вы можете сравнить вовлечённость до введения новой рубрики и после — или подвести итоги года.
Как понятно визуализировать данные через диаграммы, таблицы и инфографику — разобрались вместе с экспертами Presium Education.
Визуализация таблиц
Подходят для отображения данных с большим количеством элементов. Например, если вы собираете погодные данные за месяц: у вас перед глазами должны быть температура, влажность воздуха, направление и скорость ветра, осадки и так далее.
Чтобы таблица легко читалась, проверьте соблюдение этих правил.
1
Выровняйте текст
Обычно текст выравнивают по левому краю, а числовые значения по правому — но это нестрогое правило. Вы можете сделать так, как вам нравится больше, лишь бы соблюдалось единообразие.
2
Убедитесь, что вы оставили только самую необходимую информацию
Уменьшать шрифт, чтобы вместить в таблицу всё, — плохая идея. Вместо этого лучше вырезать данные, которые не относятся к теме. Ещё один приём для удобства чтения — добавление «воздуха». Чтобы ячейки таблицы легче воспринимались, можно настроить более широкие поля.
3
Займитесь типографикой
Избегайте шрифтов с засечками, минимизируйте использование курсива и жирного начертания, не пишите текст капсом — всё это мешает восприятию, а не сосредотачивает читателя на данных. Еще старайтесь не использовать более двух разных размеров шрифта — пусть названия столбцов будут, например, 14 кеглем, а текст в ячейках — 12. Если какой-то блок не лезет, ужимать размер шрифта не нужно, лучше порежьте сам текст.
4
Не переусердствуйте с оформлением
Границы, тени, заливка, свечение — все эти элементы перегружают таблицу. Выберите один-два цвета из фирменного стиля и один проверенный шрифт — этого будет достаточно, чтобы таблица хорошо смотрелась.
Уберите из ячеек то, что уже содержится в заголовке, и убедитесь в том, что данные в разных ячейках не повторяют друг друга.
5
Не дублируйте информацию
Визуализация диаграмм
Особенности:
- простые для восприятия;
- подходят для анализа и сравнения цифр;
- наглядно структурируют информацию.
— Круговые
Показывают соотношение частей. Круг считается за 100%, а все элементы превращаются в долю от целого.
Для удачной круговой диаграммы:
- Все элементы должны быть положительными. Если значение элемента меньше нуля, его не получится отобразить на диаграмме.
- Вы должны сравнивать один набор чисел. Нельзя выносить на диаграмму разные показатели: например, сравнивать количество затраченных на работу часов и людей, которые работали над задачей.
— Столбчатые
Сравнивают показатели за несколько промежутков времени. Самый простой пример — полугодовой отчёт.
— Линейные
Сравнивают элементы в одной или нескольких категориях, подходят для составления рэнкингов — ранжированных списков. Например, можно посмотреть, какой вид таргетинга приносит больше лидов, если разместить элементы по убыванию.
— Графики
Отслеживают изменения за конкретный промежуток времени. Можно использовать для одного показателя или сравнивать несколько разных. Например, показать, как менялись спрос и предложение на ваш продукт в течение года.
Визуализация инфографики
Сюда войдут все остальные приёмы визуального отображения данных: например, схемы, таймлайны, карты и списки. Рассмотрим подробнее самые интересные.
— Списки
Наглядно отображают перечисления и перечни. Чтобы представить список интереснее, его можно оформить в виде плитки, как в бинго.
— Схемы
Лучше всего схемы подходят для обозначения взаимосвязей между разными элементами структуры или последовательности событий.
— Таймлайны
Таймлайн — это отрезок времени с отображением ключевых моментов. Наглядно показывает историю развития компании или работу над кейсом. В таймлайн можно добавить фотографии, яркие фигуры и картинки — это не перегрузит его, а привлечёт внимание зрителя. Таймлайн можно оформить как диаграмму Ганта — о них подробно рассказывали в Telegram.
1
Блок-схема
Чаще всего описывает алгоритмы в стиле «Как выбрать..?» или «Что делать, если..?».
2
Схема взаимосвязей
Отражает причинно-следственные связи, отношение объектов или их влияние друг на друга. В такой схеме обязательно есть стрелки, которые показывают направление воздействия.
Экосистема русскоязычных подкастов в Apple Podcasts
(автор: Эдуард Царионов, podcasts.ru)
А вот так, например, схема взаимодействий выглядит в Miro.
3
Иерархия
Демонстрирует отображение элементов по уровням. Древовидная схема и пирамида — самые распространённые варианты схемы-иерархии.
4
Пошаговое руководство
От рецептов приготовления глинтвейна до мануалов по работе с логами.
Подробнее, как работает метод — в материале о креативных группировках SETTERS
5 советов по созданию классной визуализации данных
- Выберите данные, которые хотите проиллюстрировать. Это должны быть самые важные показатели, без которых повествование не будет полным;
- Сгруппируйте данные и выявите взаимосвязи между ними;
- Определите цель визуализации: сравнить данные? Показать конкретные значения? Обозначить взаимозависимость? Отразить динамику роста?
- Исходя из предыдущего пункта, выберите тип визуализации: диаграмма, таблица, схема, список и т.д.
- Следите за типографикой, не перебарщивайте со шрифтами, заливками и цветами. Вместо этого лучше добавить изображение в тему.
Бонус: полезные сервисы, которые помогут вам собрать визуализацию
- Visme — удобный инструмент для работы с контентом, в котором можно создавать презентации, инфографику, видео и графический дизайн.
- Canva — вы выбираете тип графика, а сайт предлагает шаблоны, которые можно полностью подстроить под свой продукт. В списке даже есть карта стратегии и SWOT-анализ.
- Piktochart — в базовой бесплатной версии уже есть шаблоны, в которые достаточно закинуть свои данные, чтобы получилась классная и простая инфографика.
- Infogr.am — вы загружаете данные на сайт, выбираете шаблон и получаете готовую инфографику. Если вы опубликуете её на сайте, то сможете встроить ссылку на готовую работу в любом своём проекте. А ещё картинку можно расшарить на фейсбуке, твиттере или пинтересте.
- Visual.ly — на сайте есть бесплатные шаблоны, но он более популярен как библиотека примеров классных инфографик, которыми можно вдохновляться перед работой над собственной визуализацией.
Хотите прокачаться в визуальном повествовании? Изи!
