О проекте

Проблема: унаследованные SCADA-системы перегружены и используют устаревшие лицензии.

Решение: изучил существующие системы и спроектировал модульную HMI-платформу для потокового анализа данных и снижения когнитивной нагрузки.

Результат: спроектировал визуальный редактор для создания цифровых двойников заводов. Платформа рассчитана на мониторинг более 100 000 телеметрических сигналов в секунду.

Задачи

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

Optimal Flow Group editor task
Интерфейс редактора цифровых двойников производственных линий

Исследование

Основным референсом была система Siemens, которой инженеры пользовались до появления новой платформы.

Siemens SCADA reference
Референс: интерфейс Siemens SCADA

Изучил системы визуализации и управления технологическими процессами, чтобы понять отраслевые паттерны и ограничения.

SCADA market research
Анализ рынка существующих SCADA-систем
Optimal Flow Group design process 1
Погружение в предметную область и сбор инсайтов на профильных форумах
Optimal Flow Group design process 2
Изучение логики работы существующих систем (Siemens CC)
Optimal Flow Group design process 3
Анализ интерфейса Siemens CC по обучающим видео

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

Для редактора изучил современные визуальные инструменты — Figma, Spline и Webflow — и взял из них паттерны работы с холстом, объектами, панелью свойств и библиотекой элементов.

Applied editor references
Прикладные референсы современных визуальных редакторов

Проектирование

На этапе проектирования я еженедельно проводил 2х-часовые встречи с главным инженером АСУТП и регулярно обсуждал решения с аналитиками, CTO, frontend/backend-разработчиками. Это помогало одновременно проверять интерфейс на соответствие производственным процессам, структуре данных, техническим ограничениям и приоритетам команды.

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

Cross-reference feature
Функция кроссреференса для поиска объектов

Перекрёстные ссылки (кроссреференсы) связывают элемент мнемосхемы с его тегами и зависимыми объектами — оператор быстрее находит источник сигнала и связанное оборудование.

State comparison mode
Режим сравнения фактических и целевых значений

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

Primitive library
Встроенная библиотека примитивов

Результат

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

Интерфейс рассчитан на 100 000+ телеметрических сигналов в секунду.

Описание
Спроектировал HMI/SCADA-интерфейс - визуальный редактор создания цифровых двойников заводов для мониторинга телеметрии производственных линий стоимостью 3 млрд $.
Роль
Product Designer
Команда
1 дизайнер, 2 frontend, 3 backend, аналитик, PM, PO
Теги
Industrial UX HMI/SCADA Data-heavy UI Realtime systems State modeling