Визуализация данных: правила и принципы построения отчетов

Тимур Леденёв
Digital Analyst, MediaGuru

Как создать в Google Data Studio информативный отчет, который будет легко интерпретировать и удобно читать, объяснит аналитик агентства MediaGuru Тимур Леденёв.

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

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

  1. Microsoft Power BI — платный сервис, больше подходит для корпоративного использования.
  2. Google Data Studio — бесплатный сервис, подходит практически всем, поэтому в статье приведу примеры для этого инструмента.

Доступность отчета

Не у всех клиентов есть возможность открыть дашборд на дисплее 27+ дюймов с большим разрешением. Кто-то вообще будет изучать его на ноутбуке с диагональю 13-14 дюймов, где широкий отчет может оказаться нечитаемым. Поэтому перед созданием дашборда подумайте о его доступности.

Лучше придерживаться усредненного размера макета, особое внимание обращая на ширину. По умолчанию в Google Data Studio создается лист размером 1200×900 пикселей: это стандартный размер, который хорошо отображается на большинстве экранов. Рекомендую использовать его.

Смысловые блоки

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

Пользователи лучше запоминают начало и конец истории. При создании отчета на первых страницах рекомендую показывать основные выкладки и выводы, на последующих — их более детальное раскрытие.

Z-образная схема восприятия

Большинство пользователей просматривают страницу слева направо и сверху вниз — это и есть Z-образная схема восприятия. Стоит это учитывать, когда рассматриваете UX-принципы для построения дашбордов.

Навигация

При изучении дашборда пользователю должно быть понятно, что в отчете содержится больше одной страницы. А также он должен легко перемещаться между разделами. Чтобы это реализовать в Data Studio, в настройках макета достаточно в пункте «Положение элемента навигации» выбрать вариант «Влево».

Теперь в режиме просмотра слева появится меню со всеми страницами отчета.

Эксперименты в оформлении

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

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

Группирование объектов

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

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

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

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

Выводы отчета

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

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

 

Основные принципы визуализации

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

Принципы создания качественного интерфейса для взаимодействия с пользователем (UX) чрезвычайно важны при составлении любой отчетности.

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

Главные советы по визуализации отчетов

  1. Придерживайтесь усредненного размера макета, чтобы отчет был удобно читаем на любом носителе.
  2. Разбивайте информацию на смысловые блоки, придерживаясь значения семь (плюс-минус два) элементов на одной странице.
  3. Учитывайте, что большинство пользователей воспринимает визуальную информацию по Z-образной схеме.
  4. Продумайте навигацию так, чтобы пользователь легко мог перемещаться в любую часть отчета.
  5. Выносите в хедер актуальную и полезную информацию: логотип клиента, заголовок отчета, виджет управления датой и т. п.
  6. Группируйте блоки и элементы отчета так, чтобы пользователь интуитивно выделял их в общую группу: используйте цвета, близость расположения и т. п.
  7. Позаботьтесь, чтобы пользователь легко мог проанализировать выводы по основным KPI.

_______________________

Материал подготовлен специально для ppc.world

Оцените статью

1 Звезда2 Звезды3 Звезды4 Звезды5 Звезд (7 оценок, среднее: 3,57 из 5)
Загрузка...

Поделитесь в соцсетях

Похожие публикации

Как увеличить число заявок на кредит ФЛ и снизить CPO с помощью автостратегий. Кейс банка «Хлынов»

Заказчик Коммерческий банк «Хлынов» — крупный региональный банк. Занимает 1 место по активам и прибыли в Кирове и Кировской области. Задача Продвижение услуг банка для В2С. Задача от клиента. Сегмент кредитования физических лиц занимает важную роль в структуре активов банка «Хлынов», хоть и не являются приоритетным (более высокие места в структуре активов занимают кредиты ЮЛ […]

Тестирование Discovery Ads для премиум-сегмента

Заказчик: Клиент 1 — премиальный бренд бытовой техники и аксессуаров. Клиент 2 — новостройка премиум-класса в Москве. Задача: Протестировать новый рекламный формат от Google — Discovery Ads. Несколько слов о новом формате Discovery Ads — это автоматизированные кампании. Формат представляет собой текстово-графические баннеры, которые генерируют алгоритмы Google из загруженных нами элементов. Реклама может быть размещена: […]

Кому НЕ подходит стратегия Директа «Оптимизация конверсий» с оплатой за конверсию? Результаты теста

Тестирование автостратегии «Оптимизация конверсий» для медицинской тематики Клиент. ПроЗабота.ру — интернет-магазин медтехники, товаров для ухода за больными, средств реабилитации, лечения ран, лечебного питания и т.п. Задача. Протестировать новую автостратегию Яндекс.Директа «Оптимизация конверсий» с оплатой за конверсию. Период теста: 19.10.2020 — 16.11.2020 Цель. Протестировать автостратегию и понять, как сработает инструмент для клиента медицинской тематики. Новый инструмент Автостратегия Яндекс.Директа «Оптимизация конверсий» с оплатой за конверсию помогает […]