Monitoring — UAP

Проектирование мониторинга для АЭС

Это был один из самых сложных и интересных проектов. Нужно было улучшить существующую систему мониторинга и добавить новые функции для хранилищ. Система несколько лет использовалась на БелАЭС, и за это время накопилась обратная связь от инженеров и реальные сценарии работы.

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

6 месяцев

долгосрочный проект
Figma
Confluence
Monitoring — UAP Summary
Формирование требований

Сценарии и компоненты

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

Monitoring — UAP Overview
Начало

Сначала нужно было встроить мониторинг в основное приложение. Продумать навигацию. Определить ключевые экраны и их содержание. Важно было, чтобы система ощущалась частью продукта, а не отдельным модулем.

Активная зона

Центром интерфейса стала схема реактора. Ячейки показывают состояние и характеристики. По клику открывается виджет с деталями. Отдельное внимание — условным обозначениям. Они должны читаться быстро и без объяснений.

Элементы бассейна

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

Monitoring — UAP Step
БелАЭС

Новый мониторинг

После обновления требований я начал проектировать новый мониторинг для БелАЭС. Работал в плотной связке с аналитиками и разработчиками. Шаг за шагом собирали логику и проверяли решения на реальных сценариях. Проект оказался непростым. Было много технических ограничений. Часто приходилось искать компромисс между удобством и возможностями системы. Но именно это помогло сделать мониторинг понятнее и устойчивее в работе.

Monitoring — UAP Overview
Активная зона

Здесь сосредоточен основной сценарий. Реактор и бассейн выдержки получил новые компоненты. Виджеты с активной зоной и бассейном растянул на максимум, чтобы сразу было видно состояние. Правая панель осталась статичной. Легенда заняла всё оставшееся пространство и всегда под рукой.

Хранилище 1

Следующим в очереди было хранилище свежего топлива. Оно уже существовало в системе, поэтому я подгонял новый экран под текущие компоненты. Старался не ломать привычный паттерн и сохранить логику отображения.

Хранилище 2

Дальше — хранилище отработанного топлива. В прошлой системе его не было вовсе. Проектировал с нуля. Опирался на чертежи и базу компонентов, чтобы экран сразу ложился в общий визуальный язык.

Monitoring — UAP Step
Хранилища

Остальные типы хранилищ

Активная зона и два хранилища уже протестированы и работают. Дальше встал вопрос остальных типов хранилищ. Задача — спроектировать их с нуля. Основная сложность была в 3D. Нужно не просто показать объём, а продумать понятное взаимодействие. Чтобы инженер сразу понимал, где он находится и что происходит.

Monitoring — UAP Overview
Уровни

Сначала добавил уровни. Теперь сразу видно, сколько бочек или контейнеров стоит по высоте. За каждым уровнем закрепил цвет. Так стало проще ориентироваться.

Добавить 3D

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

Совместить вид сверху и сбоку

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

Выводы:

  1. Глубокое погружение в процессы сильно помогает дизайну
  2. Решения редко лежат на поверхности
  3. Свои же паттерны важно держать до конца
Monitoring — UAP Step

Другие проекты

Money tracker – Fynza Project

Money tracker – Fynza

Мой первый iOS-проект: дизайн, разработка и релиз в App Store вместе с маркетологом.

Смотреть Arrow
Habit tracker – Trackly Project

Habit tracker – Trackly

Второй iOS-проект. Простой трекер привычек без перегруза и лишних функций.

Смотреть Arrow
Smart Balancing — Flex 4 Project

Smart Balancing — Flex 4

Кросс-платформенное приложение для мониторинга и настройки инженерного оборудования.

Смотреть Arrow