Так привычно думать, что дашборд — это 2D плоскость, на которой по интуиции раположены графики. Выбираем типы визуализаций и цвет, пишем заголовок и как-то раскладываем элементы на листе. Глаз читает его слева направо, либо хаотично. Дашборд выглядит, как приборная доска в кабине пилота, а заказчик мирится с тем, что нужно посвятить часок другой на то, чтобы вникнуть в серьёзные цифры.

Интуициция срабатывает по-разному. Иногда располагаешь графики буквально «как-то». Хорошо, если расставишь по важности: слева вверху — самые сливки, а справа внизу то, что не будут читать. Можно разбить дашборд на 4 секции и в каждой раскрыть какую-то часть вопроса. Но есть ли какие-то приёмы, чтобы понятно организовать элементы на листе, выбросить лишнее и за 5-6 секунд донести главное?

Перевёрнутая пирамида

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

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

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

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

Третий уровень. Для особо любознательных. Только узкие, фоновые детали. Обычно кто-то один да и спросит: «А кто все это люди? Что они едят на обед? Какую музыку слушают?» Эти вопросы не решат сейчас ничего, но вдруг будет какая-то зацепка или идея? Здесь уместно дать разбивку по полу, возрасту, предпочтениям или, например, покупки с разных типов устройств.

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

Строим дашборд для системы онлайн-записи

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

Соберём шапку. Покажем сколько было записей с сайта за неделю и какую долю расписания выкупили онлайн. Сравним с предыдущей неделей, чтобы понять, как мы растём. Полезно будет показатель цель в виде текстового примечания, например: «Мы стремимся, что бы 50% записей оформлялись через интернет к концу этого года». Такой шапки достаточно, что бы менеджер быстро проверил цифры и понял, хорошо ли работает онлайн-бронирование.

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

На втором слое покажем сколько бронируют каждый день. Тенденция поможет понять, есть ли какие-то сбои? Чаще ли пользуются онлайн-записью? Вдруг сначала системой пользовались, но потом стали терять интерес? Ещё хочется узнать, как растёт доля онлайн-записей в расписании. Идеально, если сравним количество записей и в абсолютных значениях. Вдруг система дает дополнительных клиентов? Сразу понятно, если онлайн-запись снимает нагрузку с администраторов.

На третьем слое я покажу долю повторных и первичных записей, самые популярные услуги. Узнаю с каких типов устройств заходили клиенты и в какие салоны чаще записываются. Есть целая гора идей, но всё это для такой полезной осведомленности. Эти цифры могли оказаться выше в дашборде с другими целями, но здесь мы положим их в самый низ. Ещё удобно если дашборд будет фильтроваться по этим срезам. Для этого есть возможности в Tableau и Data Studio.

Запомним

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

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

Принцип перевёрнутой пирамиды — не единственный путь. Это один из приемов дизайна и представления данных, который подсмотрели у журналистов.

А здесь полный дашборд, который мы набросали в статье: смотреть.

#######

Нашёл живой пример дашборда в стиле перевёрнутой пирамиды. Его выложили на Tableau Public уже после того, как я опубликовал это пост. Подклеиваю: смотреть.

Строим понятный дашборд по принципу перевёрнутой пирамиды