3 разных варианта
представления одного дашборда

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

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

Классика

Этот вариант по структуре повторяет исходный, но лучше проработан в мелочах. Например, таких, как дополнительная линия изменения NPS (уровня удовлетворенности), совмещенная с диапазонами зарплат. Вывод, конечно, очевидный - с ростом ЗП растет и удовлетворенность. Но в зависимости от должности и локации эта динамика имеет разный профиль. А изначально мы этого не могли увидеть, нужно нужно было кликать на каждый столбик по очереди.
Еще одна важная деталь – точка перегиба меняет цвет при переходе через 0. Это происходит в интервале 22-25 $K (в пересчете на годовой доход "чистыми"). Для России это попадает ровно нулевой, нейтральный уровень удовлетворенности:
На первый взгляд кажется, что по цветам не может быть нареканий — использовано 2 цвета и нейтральный серый. Однако мне не хватает контраста между положительным и отрицательным NPS.

Можно подробнее?

В следующей работе использовано уже больше графики. Здесь мы видим другой интересный прием — ленточная диаграмма, показывающая долю удовлетворенных внутри каждого диапазона дохода, и их позиции. То есть видим, как зеленый поток довольных "набирает силу" с ростом уровня ЗП и в конце выходит на первое место. А красный поток недовольных сужается по мере роста ЗП. Визуально мы и получаем тот самый NPS – разницу между долей довольных и недовольных своей зарплатой.

С одной стороны, мы видим больше контекста, общую картину целиком, но с другой – нет точных значений. И для кого-то эта ленточная диаграмма будет не понятна без объяснений.
Фильтром для карты является блок диаграмм про регионы, который расположен под ленточной. При выборе сектора столиц на круговой на карте остались только столицы. А на самой карте цвета обозначают уровень NPS, отрицательный или положительный.Мы видим, что в европейских столицах довольны зарплатой, а самый большой «шарик» неудовлетворенных — это Москва.
Но есть и неоднозначный момент. В левом нижнем блоке — 3 диаграммы, но на 2 измерениях показаны регион (Россия, СНГ и дальнее зарубежье) и признак (столица или провинция). Я считаю это избыточным. Третья диаграмма по зарплатам — комбинация двух предыдущих, и мы могли получить ее фильтрацией. С другой стороны, там уже другая мера — средняя зарплата. В этом случае нельзя сразу определить единственное верное решение и нужно анализировать обратную связь.

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

Лаконично и оригинально

Из всех работ эта единственная без карты. Для любителей погрузиться в детали этот дашборд покажется скудным, но для бизнес-коммуникаций работает правило "чем меньше диаграмм на экране –- тем лучше!". Облако тегов вместо карты — хорошая идея, потому что по занимает меньше места, позволяет сфокусироваться на распределении зарплат и NPS. Ведь цель исследования была понять не в каких городах живут аналитики, а что влияет на их удовлетворенность зарплатой. То есть это второстепенный контекст, который занимает место пропорциональной своей значимости – порядка ⅙ экрана в правом нижнем углу.
Правда, есть оплошность в оформлении — на датчике не видно итоговой цифры. На глаз можно увидеть, что стрелка в отрицательной зоне, но этого недостаточно. И с цветами тут ситуация неоднозначная. Если в первых двух вариантах серый цвет соответствовал нейтральному NPS, и был акцент на отрицательной и положительной зоне, то тут все цвета насыщенные, нет контраста и интуитивно понятной кодировки "хорошо-плохо".

Разнообразие — это хорошо!

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

В проектах по разработке дашбордов мы используем такой же подход: предлагаем 2-3 альтернативных варианта структуры и оформления, и в итоге вместе с клиентом берем из них самое лучшее для финальной версии. Так что если вам важно внимание к деталям и свежий взгляд на ваши отчеты и презентации, то обращайтесь ;)
Читайте также