Визуализация данных в ситуационном центре Министерства Транспорта РФ

Заказчик

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

Начальный этап работы

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

В результате мы определили ряд конкретных задач:

Вызов

У направления AkademiaDev большая экспертиза в работе с экранами нестандартных форм и размеров. Студия создает кастомные дашборды как для классических мониторов, так и для сверхвысоких форматов, включая 16К. Проект Минтранса не стал исключением — главный экран ситуационного центра был нестандартным и представлял собой сетку из 12 дисплеев. На этапе дизайна системы нужно было продумать, чтобы важные данные не попадали в швы экрана.

Работа с данными

Мы визуализировали агрегированные данные по всем зонам ответственности Минтранса и по всем регионам РФ: перевозки пассажиров и грузов, ключевые транспортные предприятия, протяженность дорог, внутренний и международный пассажиропотоки.

Что мы сделали

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

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

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

Федеральный раздел

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

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

Разделы по регионам

Региональный раздел дублировал информацию с главного экрана, структурируя ее по конкретному региону. Здесь также можно было увидеть все основные показатели по сфере, отображенные на виджетах. Отдельный виджет показывал местных ответственных лиц — губернатора области и министра транспорта. Также в разделе были представлены названия пропускных пунктов и аэродромов в регионе.

Финансирование

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

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

Поручения

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

Проблемы

На одном из этапов мы столкнулись с проблемой нехватки необходимых нам ресурсов со стороны заказчика. Возникла амбициозная идея включить в дашборд трекинг инцидентов в реальном времени: система производила бы мониторинг СМИ и соцсетей по хештегам, подтягивала данные о произошедших инцидентах и с небольшой задержкой выводила бы на главный экран. Визуально это выглядело бы как красный маячок в углу экрана. Это позволило бы почти моментально узнавать о новостях транспорта по всей стране и оперативно реагировать на любые события. К сожалению, реализовать эту идею не удалось, потому что мы так и не нашли инструмент, который позволил бы нам осуществлять мониторинг и быстрый сбор данных, чтобы вывести на дашборд.