Дизайн продукта / Релиз 2026

СКИТ.
Мониторинг
Дашборд

Интерактивный информационный
интерфейс. В режиме реального
времени отображает состояние
IT‑инфраструктуры

Панель управления Дашборд
Задача
Разработать раздел
«Панель управления»
для мониторинга
IT-инфраструктуры

В этом разделе пользователи смогут создавать дашборды
и добавлять виджеты для отслеживания различных метрик

/ Этап 1
Сбор и анализ требований
Какие главные цели стоят за разработкой СКИТ. Мониторинга, и чего мы планируем достичь, разработав раздел «Панель управления»?
Наши цели:
  • Занять нишу на рынке мониторинга IT-инфраструктуры и позиционировать СКИТ как российскую альтернативу Grafana и Monq для госсектора и крупного бизнеса
  • Привлечь 10+ новых клиентов в первый год после запуска из сегментов B2B и Enterprise (Лукойл, Интер РАО, СИБУР, Альфа-Банк, МОЭК, Уралхим)
  • Сформировать продуктовую линейку СКИТ, создать базовый модуль — основу платформы
  • «Панель управления» — лицо продукта и первый шаг к продаже полного пакета
  • Разработать архитектуру, готовую к росту числа клиентов и объёмов данных
  • Показать пользователям пользу системы за первые 15 минут использования
  • Более 70% пользователей увидят проблему в своей инфраструктуре за первый час
  • Сокращение времени (на 80%) на ручной сбор и анализ данных
  • Использовать «Панель управления» как инструмент продаж
  • Заложить основу для связи с модулями «Сервис» и «Актив»
  • И т. д.
Что мы можем предложить потенциальным клиентам?
Мы предлагаем:
  • Полную картину IT-инфраструктуры в одном окне
  • Визуализацию метрик в реальном времени
  • Гибкую настройку дашборда
  • Исторический анализ — отображение графиков нагрузки за любой выбранный период
  • Прозрачность и контроль
  • Интеграцию с другими сервисами и модулями СКИТ
  • Настраиваемые правила срабатывания для триггеров и уведомлений
Кто наши конкуренты? На какие сервисы мы ориентируемся?
  • Grafana, Monq, Zabbix, Datadog, Prometheus
Каким должен быть MVP?

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

Основные функции:
  • Управление несколькими дашбордами
  • Индивидуальная настройка дашборда: добавление разделов, виджетов, управление размером и порядком виджетов
  • Поддержка базовых инструментов мониторинга: SNMP, IPMI, Prometheus
  • Настройка и отображение данных для событий, SLA, Packet Loss, Jitter, RTT и других метрик
  • Частота обновления данных 5 минут с возможной настройкой времени
  • Отображать данные за последние 24 часа с возможной настройкой
Какие функции планируете добавить на следующих этапах? Что нам нужно учитывать?
Наши планы:
  • Добавить шаблоны дашбордов: какие метрики чаще отслеживаются, библиотека готовых решений
  • Инструменты аналитики: прогнозирование сбоев, выявление пиков нагрузки, рекомендации по оптимизации
  • Интеграция Мониторинга с другими модулями системы
  • Больше отраслевых метрик: банки, ритейл, промышленность, телеком
Кто наши пользователи?
Типовые пользователи:
  • Руководители IT-департаментов
  • Инженеры и системные администраторы
  • Специалисты техподдержки
  • Администратор (работает с админкой)

Все эти пользователи понимают специфику разработки и имеют техническое образование

Исследование
Мы провели интервью
и собрали отзывы
от пользователей*

*От пользователей аналоговых сервисов: Grafana и Monq

/ Этап 2
Сформулировали ключевые выводы
по каждому сервису
Grafana
1

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

2

Некоторые пользователи отмечают долгий отклик системы при работе с большими объёмами данных или сложными панелями мониторинга

3

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

4

Команды создают собственные дашборды вместо использования существующих

5

Непонятно, какие дашборды активно используются, а какие — нет

6

Настройка уведомлений считается сложной, особенно для новичков

7

Интеграция с множеством инструментов: Prometheus, Kubernetes, облачные сервисы — позволяет собирать всю информацию в одном месте

Monq
1

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

2

Пользователям нравится гибкая настройка дашбордов, метрик, фильтров и уведомлений под разные задачи

3

При активном темпе разработки документация не успевает за новыми функциями. Пользователи вынуждены обращаться в поддержку или на форумы

4

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

5

При мониторинге крупных инфраструктур (сотни серверов, тысячи метрик) пользователи сталкиваются с медленной загрузкой дашбордов

6

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

7

Больше не нужно переключаться между десятками экранов Zabbix, Prometheus, Splunk — всё собрано в одном месте

Какое решение мы приняли

Или какие ещё возможности мы можем предложить нашим пользователям

Разработать интерактивный онбординг с подсказками при первом запуске

Добавить видеотуториалы и интерактивные мини-курсы по основным функциям

Позволить пользователям делиться своими дашбордами

Добавить фильтрацию по категориям, чтобы облегчить поиск дашбордов

Оптимизировать производительность при больших объёмах данных

Углубить интеграцию с популярными инструментами (Kubernetes, Prometheus и др.)

Собрана только часть выводов
MVP
Или первый этап
разработки
/ Этап 3
Определение базовых функций

Перечисленные функции будут доступны всем пользователям системы

1

Просмотр всех созданных дашбордов

2

Изменение вида отображения

3

Фильтрация дашбордов по категориям

4

Поиск дашбордов

5

Создание нового дашборда

6

Добавление в избранное

7

Шеринг дашбордов

8

Редактирование дашборда

9

Создание тематических разделов внутри дашбордов

10

Редактирование разделов

11

Просмотр виджетов на дашборде

12

Добавление виджетов

13

Редактирование виджетов

14

Аналитика и ретроспектива метрик

15

Управление размерами и компоновкой виджетов

16

Удаление дашборда, разделов и виджетов

User stories

На примере инженера и системного администратора.
И в формате гипотез

Я, как пользователь...
Хочу...
Чтобы...
Инженер и системный администратор
Панель управления
Работать с несколькими дашбордами
Фильтровать дашборды
Создавать дашборды
Редактировать дашборды
Удалять дашборды
···
Дашборд
Создавать разделы внутри дашбордов
Создавать виджеты внутри дашбордов
Видеть минимальные, средние и максимальные пороги на графиках
Добавлять дашборд в избранное
Отслеживать метрики за определённый период
Управлять размерами виджетов
···
Панель управления
Разделять мониторинг по клиентам, средам или устройствам
Быстро найти панель с нужным набором метрик
Отслеживать ключевые метрики конкретного сервиса или устройства
Они точно отражали текущее назначение и содержимое
Избавиться от устаревших и неактуальных панелей
···
Дашборд
Гибко настраивать структуру дашборда под текущие задачи мониторинга
Оперативно оценить состояние инфраструктуры
Анализировать стабильность системы и выявлять частые проблемы
Быстро находить и открывать наиболее важные панели мониторинга
Сравнивать текущие показатели с историческими данными и выявлять изменения
Разместить больше информации на экране без необходимости прокрутки
···
Сценарии работы с «Панелью управления»
Открывает СКИТ
Авторизовывается в системе
Переходит в раздел «Панель управления»
Меняет вид отображения
Просматривает дашборды
Фильтрует по категориям
Ищет по ключевым словам
Создаёт новый дашборд
Редактирует дашборд
Удаляет дашборд
Переходит в дашборд
Переходит в раздел
Создаёт дашборд
Заполняет название
Выбирает категорию
Переходит в дашборд
Создаёт раздел
Переходит в раздел
Добавляет виджет
Анализирует метрики
Отслеживает историю
Добавляет в избранное
Настраивает расположение и размеры виджетов
Настраивает частоту обновления данных
Редактирует: дашборд, раздел, виджет
Делится дашбордом с другими пользователями
Удаляет: дашборд, раздел, виджет
User flow
User flow
Дизайн
Каким может быть
UX и UI?
/ Этап 4
Поиск референсов
Grafana
Grafana
Monq
Monq
Zabbix
Zabbix и... + Дизайн-система Ростелекома UI Kit SKIT

Дизайн
Какой получилась
концепция?
/ Этап 5
Итоговый результат
Панель управления
Панель управления пустая
Дашборды можно отфильтровать по категориям
Отобразить: карточками или списком
Онбординг

Помогаем новым пользователям познакомиться с возможностями мониторинга через дашборды

Заполнено поле
История
Частота обновления данных
Дашборд
Дашборд 1 раздел
Разделы

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

Дашборд с подсказками
Онбординг

Добавляем обучающие подсказки для нового функционала

Виджеты сгруппированы по категориям
Выбор виджета
Что происходило за последнее «N» время
Временной диапазон
Настройка интервала обновления данных
Интервал
Другие действия
Действия по дашборду Дашборд поделиться
Пользователь может делиться своим дашбордом
Приглашение
Пригласить

Можно пригласить только зарегистрированных пользователей. В списке отображаются только те, кто ещё не получил доступ

Режим доступа
Настройка доступов
Виджет
Добавить виджет
Добавить виджет

Название виджета заполняется названием метрики. Название можно изменить

Виджет с графиком
Можно сбросить или изменить устройства для сбора метрик
Изменить тип графика

По дефолту отображается линейчатый тип

Настройка периода

Можно задать период, чтобы посмотреть статистику за определённый отрезок времени

SLA действия
Действия для виджета
Легенда, которую настраивал пользователь при создании виджета
Изменение размеров
Изменение размеров

При наведении на край виджета появляется курсор «Resize» — виджет можно растянуть по ширине и высоте

Ячейка сетки 16x16
Перемещение
Перемещение

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

5 виджетов
Добавлено несколько виджетов
Максимальный размер
Виджет можно увеличить на всю высоту и ширину экрана одной кнопкой
А можно вернуть
к предыдущему размеру
Панель управления
Периодом отслеживания можно управлять при помощи таймлайна
Категории
Категории дашбордов
Плиточный вид
Представление дашборда в плиточном формате
Список дашбордов
Действия для дашборда
Несколько дашбордов
Добавлено несколько дашбордов
СКИТ.
Сервис
Service Desk
CRM B2O
Внутренний сервис РТК