От графика к формам: как мы спасли интерфейс SCADA за час

Когда техника встречается с дизайном: как мы переделали интерфейс SCADA системы за один сеанс планирования

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

Первая проблема, которую заметили: люди путали техкарты и программы выпрямителя.

Звучит тривиально? Нет. На производстве это означало, что оператор не мог быстро понять, применяется ли конкретная программа для цинка 10 микрометров или для никеля. Техкарта — это маршрут по ванным, а программа выпрямителя — это параметры процесса. Они живут в разных контекстах, но были упакованы в одну вкладку. Мы разделили их: теперь первая вкладка — это техкарты и их маршруты, вторая — программы с тегами (вместо названий), которые объединяют параметры по типу обработки.

Дальше началось самое интересное: вкладка «Шаги».

График там был красивый, но совершенно бесполезный для быстрого редактирования. Шаги приходилось менять, кликая по линиям на графике — кошмар для пользователя. Решение простое и гениальное: график становится вспомогательным элементом, который открывается по клику или на отдельной вкладке. Основная рабочая поверхность — это таблица, где каждый параметр шага — отдельный столбик. Это консистентно со всем остальным интерфейсом.

Техкарта была переделана в двухуровневую структуру.

Первый таб — основные параметры (название, тип покрытия, описание, временная шкала). Второй — маршрут операций. Здесь момент: на линии может быть несколько ванн одного назначения, которые взаимозаменяемы. Нельзя просто указать «ванна номер 3». Нужна гибкая система выбора. Это отправило замечание на ревью UX дизайнерам — потому что такое редактирование должно быть не просто удобным, а идеальным.

Важное открытие про вкладку «Выпрямители»:

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

И вот что важно: мы не просто согласились со всеми замечаниями.

Каждое предложение пошло на критический анализ через четырёх экспертов. Дизайнер, архитектор, технолог и разработчик смотрели на каждый пункт через свою линзу: работает ли это на производстве, правильно ли логически, удобно ли технически? Вкладка «Линия» вообще была заклеймена как лишняя — технолог и так зайдёт под оператором, если ему нужна информация о линии.

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

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

Что сказал выпрямитель после переделки интерфейса? «Наконец-то мои параметры в нормальной таблице, а не в этом графике!» 😄