• Выбрано 0
24 February 2021
Просмотры 5607
~ 20 мин

Presium Education рассказывает, как собирать убедительные диаграммы, таблицы и инфографику

Presium Education рассказывает, как собирать убедительные диаграммы, таблицы и инфографику Presium Education рассказывает, как собирать убедительные диаграммы, таблицы и инфографику
#Дизайн

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

Как понятно визуализировать данные через диаграммы, таблицы и инфографику — разобрались вместе с экспертами Presium Education.


Визуализация таблиц

Подходят для отображения данных с большим количеством элементов. Например, если вы собираете погодные данные за месяц: у вас перед глазами должны быть температура, влажность воздуха, направление и скорость ветра, осадки и так далее.
Чтобы таблица легко читалась, проверьте соблюдение этих правил.
1
Выровняйте текст
Обычно текст выравнивают по левому краю, а числовые значения по правому — но это нестрогое правило. Вы можете сделать так, как вам нравится больше, лишь бы соблюдалось единообразие.
2
Убедитесь, что вы оставили только самую необходимую информацию
Уменьшать шрифт, чтобы вместить в таблицу всё, — плохая идея. Вместо этого лучше вырезать данные, которые не относятся к теме. Ещё один приём для удобства чтения — добавление «воздуха». Чтобы ячейки таблицы легче воспринимались, можно настроить более широкие поля.
3
Займитесь типографикой
Избегайте шрифтов с засечками, минимизируйте использование курсива и жирного начертания, не пишите текст капсом — всё это мешает восприятию, а не сосредотачивает читателя на данных. Еще старайтесь не использовать более двух разных размеров шрифта — пусть названия столбцов будут, например, 14 кеглем, а текст в ячейках — 12. Если какой-то блок не лезет, ужимать размер шрифта не нужно, лучше порежьте сам текст.
4
Не переусердствуйте с оформлением
Границы, тени, заливка, свечение — все эти элементы перегружают таблицу. Выберите один-два цвета из фирменного стиля и один проверенный шрифт — этого будет достаточно, чтобы таблица хорошо смотрелась.
Уберите из ячеек то, что уже содержится в заголовке, и убедитесь в том, что данные в разных ячейках не повторяют друг друга.
5
Не дублируйте информацию

Визуализация диаграмм

Особенности:
  • простые для восприятия;
  • подходят для анализа и сравнения цифр;
  • наглядно структурируют информацию.
— Круговые
Показывают соотношение частей. Круг считается за 100%, а все элементы превращаются в долю от целого.
Для удачной круговой диаграммы:
  • Все элементы должны быть положительными. Если значение элемента меньше нуля, его не получится отобразить на диаграмме.
  • Вы должны сравнивать один набор чисел. Нельзя выносить на диаграмму разные показатели: например, сравнивать количество затраченных на работу часов и людей, которые работали над задачей.
— Столбчатые
Сравнивают показатели за несколько промежутков времени. Самый простой пример — полугодовой отчёт.
— Линейные
Сравнивают элементы в одной или нескольких категориях, подходят для составления рэнкингов — ранжированных списков. Например, можно посмотреть, какой вид таргетинга приносит больше лидов, если разместить элементы по убыванию.
— Графики
Отслеживают изменения за конкретный промежуток времени. Можно использовать для одного показателя или сравнивать несколько разных. Например, показать, как менялись спрос и предложение на ваш продукт в течение года.

Визуализация инфографики

Сюда войдут все остальные приёмы визуального отображения данных: например, схемы, таймлайны, карты и списки. Рассмотрим подробнее самые интересные.
— Списки
Наглядно отображают перечисления и перечни. Чтобы представить список интереснее, его можно оформить в виде плитки, как в бинго.
Или организовать список по система канбан — так работают, например, доски в Trello.
— Схемы
Лучше всего схемы подходят для обозначения взаимосвязей между разными элементами структуры или последовательности событий.
— Таймлайны
Таймлайн — это отрезок времени с отображением ключевых моментов. Наглядно показывает историю развития компании или работу над кейсом. В таймлайн можно добавить фотографии, яркие фигуры и картинки — это не перегрузит его, а привлечёт внимание зрителя. Таймлайн можно оформить как диаграмму Ганта — о них подробно рассказывали в Telegram.
1
Блок-схема
Чаще всего описывает алгоритмы в стиле «Как выбрать..?» или «Что делать, если..?».
2
Схема взаимосвязей
Отражает причинно-следственные связи, отношение объектов или их влияние друг на друга. В такой схеме обязательно есть стрелки, которые показывают направление воздействия.

Экосистема русскоязычных подкастов в Apple Podcasts

(автор: Эдуард Царионов, podcasts.ru)

А вот так, например, схема взаимодействий выглядит в Miro.

3
Иерархия
Демонстрирует отображение элементов по уровням. Древовидная схема и пирамида — самые распространённые варианты схемы-иерархии.
4
Пошаговое руководство
От рецептов приготовления глинтвейна до мануалов по работе с логами.

Подробнее, как работает метод — в материале о креативных группировках SETTERS

5 советов по созданию классной визуализации данных

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

Бонус: полезные сервисы, которые помогут вам собрать визуализацию

  1. Visme — удобный инструмент для работы с контентом, в котором можно создавать презентации, инфографику, видео и графический дизайн.
  2. Canva — вы выбираете тип графика, а сайт предлагает шаблоны, которые можно полностью подстроить под свой продукт. В списке даже есть карта стратегии и SWOT-анализ.
  3. Piktochart — в базовой бесплатной версии уже есть шаблоны, в которые достаточно закинуть свои данные, чтобы получилась классная и простая инфографика.
  4. Infogr.am — вы загружаете данные на сайт, выбираете шаблон и получаете готовую инфографику. Если вы опубликуете её на сайте, то сможете встроить ссылку на готовую работу в любом своём проекте. А ещё картинку можно расшарить на фейсбуке, твиттере или пинтересте.
  5. Visual.ly — на сайте есть бесплатные шаблоны, но он более популярен как библиотека примеров классных инфографик, которыми можно вдохновляться перед работой над собственной визуализацией.

Хотите прокачаться в визуальном повествовании? Изи!
ВИЗУАЛИЗИРУЙ И ПРЕЗЕНТУЙ
Разберем структуру презентаций, тренды дизайна и приемы визуализации данных. Вы получите готовые шаблоны для презентации идей, тендеров и питчей и научитесь создавать свои.

1-28 марта