ДЕНЬ 33
Про ошибки на дашбордах
СЕГОДНЯ:

Забегаем в гору сложностей, чтобы разобраться с основными ошибками на дашбордах. Насмотренность на хорошие примеры позволяет выработать вкус, но редко уберегает от наступания на одни и те же грабли типичных ошибок при визуализации данных. Разберем 17 штук, посмотрим еще один кейс по проектированию дашбордов и пойдем читать на ночь работу Уильяма Мортенсена об ошибках в художественной фотографии, которые как нельзя хорошо пересекаются с невнимательностью при построении дашбордов. Всем внимания к деталям. Побежали.

РАЗБИРАЕМСЯ
17 ошибок на дашбордах
Существуют тысячи вариантов построить красивый дашборд или эстетичную визуализацию, но многие практики продолжают делать одни и те же десяток ошибок при выполнении проектов. Мы присоединяемся к попытке Уильяма Мотренсена улучшить эстетику восприятия и разберем наш хит-парад основных ошибок, возникающих при проектировании дашбордов.

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

Если для ответа на целевые вопросы вам нужны две цифры находящиеся в разных частях дашборда, да еще и на разных экранах, то проектирование было сделано с ошибками. Продумывайте изначально на какие вопросы будет давать ответы проектируемый дашборд и проектируйте композицию элементов с учетом этой информации.
02 Попытка понравиться всем
"Царь-дашборд", который даст ответы на все вопросы всех департаментов, не существует. Хотя многие компании пытаются такой единственный дашборд спроектировать. Кто готов разбираться в десятках таблиц, фильтров и параметров, чтобы найти одну полезную цифру из 500?

Совет: Продавайте себе или заказчику место на дашборде. Представьте себе, если каждая визуализация 1x1см будет стоить вам сто баксов. Вы будете намного более избирательны.
03 Избыточность деталей или точности
В идеальном мире, дашборд должен всегда показывать высокоуровневую информацию для быстрого обзора. Это позволяет быстрее приходить к выводам. На практике, дашборды бывают разные. По крайней мере, старайтесь уходить от построчного вывода чисел и табличной детализации. Вам обязательно нужны эти два знака после запятой? Или дублирование в каждой подписи ее размерности – "тыс.", "чел.", "млн." – вместо единоразового указания в аннотации?
04 Отсутствие контекста для данных
Показывайте цифры в сравнении:
  • факт/план
  • сегодня/вчера
  • эта неделя/та же неделя прошлого года
  • сегодня/среднее за последние 30 дней
  • ...
... для того, чтобы понимать контекст.

Без контекста цифры становятся бесполезны и не приводят ни к каким действиям.
05 Не приводит к действиям
Дашборды не должны оставлять аудиторию с вопросом: "и что дальше?". Пусть цифры ведут к действиям и выводам.

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

Как показывает практика, большое количество гламурных дашбордов интересны в первые две недели использования, а потом лежат мертвым грузом и не востребовано на сервере. Дашборды это практический инструмент управления, им должны пользоваться и это будет лучшем показателем его правильной разработки.
07 Обсуждение подразумеваемой метрики
Пользователь хочет видеть разницу в процентах между фактической выручкой и цифрой из бюджета. Вместо простого показа величины в 10%, мы выводим 180К и 200К или разницу 20К. Остальное посчитай или догадайся сам.
Упрощайте понимание ваших цифр.
08 Не подходящий тип визуализации
Вы могли слышать мнение, что круговые диаграммы лучше не использовать. Они иногда даже считаются плохим тоном в визуализации данных. На самом деле такой запрет связан с тем, что случаев неправильного использования круговых диаграмм больше, чем случаев их верного попадания в задачу. В их применении очень легко допустить ошибку. Это верно и для других типов визуализации, каждый из которых должен подходить под вашу задачу.
09 Не имеющая смысла вариативность
Визуализировать один и тот же показатель в разных срезах не всегда хорошо. Спросите пользователей, хотя ли они это видеть. Также, в Tableau начали появляться расширения, которые собирают аналитику по использованию дашбордов. Посмотрите, может какой-то из дубликатов показателя можно удалить без ущерба для смысла?
10 Искажения в количественных данных
Манипулирование осями, 3D-искажения, игра на визуальных эффектах, обманки в расчете показателей – все это снижает карму исследователя данных. Будьте честны. А если хотите приврать, то говорите об этом открыто.
11 Плохие композиционные решения
Используйте сетки и шаблоны для создания грамотного макета дашборда с правильной расстановкой диаграмм. Поставьте себя на место человека, который открыл ваш дашборд в первый раз. Все ли ему будет понятно? Можно ли что-то поменять местами? Что-то удалить? Добавить пустого пространства?
12 Отсутствие фокусировки на важной информации
У каждой визуализации есть свой "вес", своя точка притяжения. Подумайте над тем, что важнее всего? Когда все элементы дашборды равнозначны как по смыслу, так и визуально, неизвестно с чего нужно начинать.
13 Ужасный дизайн визов
Яркие цвета, 3D-объемы, плохой выбор фона и многое другое, что можно назвать некрасивым, безвкусным и даже страшным. Забудьте про это.
14 Нечеткие заголовки
Заголовки на дашборде должны иметь значение. Нужно, чтобы люди могли быстро понять показатели. Не называйте визуализацию «Билеты», назовите «Билеты на мобильной платформе сегодня». Заголовки помогут сделать дашборд полезным и понятным.
Рассылка Главреда
15 Неадекватное использование цвета
Используйте цвет, когда он необходим. Подбирайте контрастные, но приятные взгляду палитры. Не стремитесь к многоцветию. Если возможно, подбирайте цвета логически под те категории, которые показываете.
16 Неправильные шрифты
Про шрифты мы говорили в предыдущем дне. Помните, что это тоже одна из ошибок дашбордизма.
17 Ужасный графический дизайн
Неприятный цвет фона, лишние логотипы, резкое фоновое изображение, обводки, тени, зитрые эффекты – не делают ваш дашборд приятней глазу.
ПРАКТИКУЕМСЯ
Сегодня приводим пример разбора еще одного кейса с нашими комментариями и примером.
Задача
Перед компанией стояла задача по мониторингу активностей сотрудников, а именно входов/выходов и расчет времени нахождения в офисе:
  • Анализ времени проведенного внутри офисных помещение и за его пределами
  • Расчет нормы-часов с последующим отчетов для руководителей
  • Анализ курильщиков по отделам. Впоследствии была запущена HR программа по поощрению бросивших курить сотрудников
  • Анализ несанкционированных попыток/проходов в помещения не предназначенные для посещения в ходе выдачи пропусков и выдачи магнитных ключей службой безопасности
Данные
Данные были разделены на три источника:
  • Внутренняя информация HR департамента о принадлежности ФИО, email к тому или иному отделу/департаменту
  • Данные службы безопасности по присвоение пропуска к определенному email сотрудника
  • Данные о транзакциях со считывающих устройств системы контроля доступов
Техническое решение
Данные из источника №3 каждую неделю загружались в общее хранилище с последующим использованием Data Blending в Tableau. Источники 1,2 находились в постоянно обновляемом состоянии соответствующими службами и были подключены Live.

Был сделан дашборд решающий вышеперечисленные задачи.
Элементы
Были использованы корпоративные цвета и логотип компании. По причинам конфиденциальности они были заменены для нашего примера.

Дашборд придерживается основной концепции – drill-down.

  • Верхняя часть отчета содержит общие показатели как отправная точка анализа и описание анализируемого периода
    • Кол-во посещений и общее кол-во сотрудников, зарегистрированных системой безопасности.
    • Общие фильтры, которые меняют все графики в отчете
    • Расчет минимальной и максимальной даты, показывающий общий период анализа
    • Параметры, которые позволяют настроить рабочие часы для расчеты нормы-часов
  • Центральная часть отведена для детальной аналитики каждого прохода сотрудника (вертикальные марки) и общей продолжительности пребывания в офисе. Также график содержит цветовые обозначения рабочих и выходных дней.
  • Нижняя часть отчета показывает выполнение нормы-часов по дням (расчет относительно указанных параметров в шапке отчета) и самых активных сотрудников.

Во все три графика были интегрированы интерактивные действия, позволяющие фильтровать сотрудников или отделы.
Существуют только ошибки.

// Аксиома Робертса
МАТЕРИАЛЫ
Книги
Сегодня на полке один из шедевров практики внимательности к деталям. Работа Уильяма Мортенсена посвящена ошибкам при фотографировании живой натуры. В отличие от большинства других книг, посвященных этой теме, "Модель. Проблемы позирования" учит фотографа тому, как не надо снимать, при этом оставляя ему полную свободу творчества.
Проблема позирования
Уильям Мортенсен
Вышедшая в последний раз в США в 1938 году, эта книга полностью сохраняет свою актуальность и сейчас. Учебное пособие иллюстрировано черно-белыми фотографиями автора и репродукциями произведений живописного искусства. Потрясающая возможность видеть детали, как навык будет незаменима при проектировании визуализаций. Всем рекомендуем пролистать и сложить свое собственное мнение о работе.
Итоги этапа
Разобрали ошибки, чтобы не делать в будущем. Насмотрелись на подготовку художественных проектов живописного искусства. Готовимся разобрать интерактивность на дашбордах и потестировать последние функции Tableau. До следующего дня. Виз виз ура!
~
DATA YOGA CLUB