Снова критика? А где предложения? Подробный разбор дашборда по HR

В моей группе на Facebook "Клуб анонимных аналитиков" я часто пишу о своих проектных кейсах, а также выкладываем на обсуждение выпускные работы с учебных курсов. Одна из работ - финальная версия годового отчета по персоналу.
Годовой отчет по персоналу
Многие ограничивались небольшим комментариями с замечаниями или похвалой. Однако нашлась участница клуба, которая развернула критику дашборда аж на серию из нескольких постов!

Далее мы на ее примере наглядно покажем, что такое продуктивная критика. А пока немного об авторе разбора. Зовут ее Белла Граф. Она руководит единственной в Израиле компанией по визуализации данных.

Стоит ли показывать текучесть кадров линией?

Разбор графика численности и текучести сотрудников по отделам
Начнем с разбора графика численности и текучести сотрудников по отделам. На исходном графике текучесть показана линией, соединяющей отделы:
В графике есть ряд проблем:
  1. Он не показывает того, что требуется.
  2. Линейный график здесь показывает не изменения во времени, а текучесть кадров от отдела к отделу.
  3. Не показаны оси значений (но понятно, что здесь их использовано две).

Критикуешь — предлагай! Именно поэтому и было предложено решение проблем, описанных чуть выше:

Правки по диаграмме

В чем главная задача дашборда?

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

Окей, с определением разобрались. Теперь вернемся к дашборду. Нас интересует состояние дел с кадрами по отделам.

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

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

Как правильно использовать ширину экрана

Каждый пиксель нужно привязывать к данным

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

Однако есть ошибки, допущенные уже в процессе исполнения:
  1. Если нет объяснения, что обозначают синий, желтый и зеленый цвета, значит их быть не должно (каждый пиксель в графике должен быть привязан к данным).
  2. «Желтый» график идет справа налево, а так отображаются только отрицательные величины.
  3. Гистограммы объединены в один график. Это неправильно, поскольку нужно подчеркнуть расстояние между гистограммами, чтобы читатель не запутался и не подумал, что надо их сравнивать.
Необходимо использовать такой график, в котором каждому пикселю есть объяснение с точки зрения визуального восприятия, включая линии, выравнивание заголовков, расстояние между столбцами и заливку:
Выравнивание в диаграммах
Если закон «дата-пиксель» намекает нам на то, что должно быть минимум пикселей, то зачем тогда нужны подчеркивания, разделительные линии и заливки?

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

Пирогам тут не место

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

Тут две проблемы:
  1. На графике показаны не все нужные показатели, но зато есть ненужные данные.
  2. Как говорил мэтр Тафти: «Хуже графика-пирога, может быть только сравнение между двумя графиками-пирогами».
Вот критикуемый график и следующий сразу за ним рекомендованный вариант:
Графики-пироги - критика

Собираем все модули воедино

Осталось только соединить все рекомендованные графики и увидеть получившийся эскиз дашборда. В таком виде он должен поступать к дизайнеру «на причесывание», а оттуда — к программисту:
Эскиз дашборда

Резюме конструктивной критики

Вот небольшой свод полезной информации по созданию и редактированию дашбордов от Беллы Граф:

  • необходимо четко понимать, в чем задача дашборда;
  • в дашборде должны сразу бросаться сильные и, в особенности, слабые места компании, чтобы быстро реагировать на возникающие трудности;
  • для дашбордов созданы специальные микро-графики, стандартные — не подходят;
  • если невозможно объяснить использование того или иного пикселя с точки зрения его полезности для понимания данных, то его не должно быть на графике;
  • следует подчеркивать расстояние между гистограммами, чтобы читатель не запутался и не подумал, что надо их сравнивать.
Согласны ли вы с тезисами Беллы? Какими, по вашему мнению, должны быть идеальные дашборды? Чего точно стоить избегать в процессе их создания? Присоединяйтесь к дискуссиям в нашем клубе.

Хотите предложить собственную версию дашборда? Опубликовать дашборд можете у нас в Клубе Анонимных Аналитиков или в телеграм-канале, отправив заявку администратору
Читайте также
Подпишись на рассылку и получи в подарок «Каталог лучших отраслевых дашбордов»!

Хочешь получать актуальные статьи о визуализации данных?