🎯 Контекст
MES-система для КАДП (Коксоаглодоменное производство) Северстали. Разрабатывалась в рамках госпрограммы импортозамещения как замена Qmet. Период: июль 2023 – апрель 2026.
Моя роль: UX/UI-дизайнер в составе продуктовой команды из 5 дизайнеров. Работал в связке с бизнес- и системными аналитиками, архитекторами и разработчиками на всех этапах — от гипотезы до промышленного релиза.
Скриншот интерфейса MES системы
🎯 Задача
Спроектировать пользовательский путь и интерфейсы новой MES-системы, адаптировав их под инженерные процессы вместо устаревшего Qmet.
⚡ Процесс
- Перерабатывал UC от бизнес-аналитиков: уточнял цели пользователя, предлагал итерации по улучшению UX еще на этапе ТЗ.
- Проектировал интерфейсы экранов и модальных окон, упаковывая каждый кейс в User Flow. Делал интерактивные прототипы в Figma для презентаций заказчику.
- Встраивался в кросс-функциональную команду: согласовывал логику с системными аналитиками и архитекторами, учитывал технические ограничения при верстке таблиц (компоновка данных под объектную модель).
- Отстаивал инженерный подход в дизайне, дистанцируясь от e-commerce-паттернов, и синхронизировал новые UX-паттерны с бизнес-заказчиками на регулярных встречах.
- Делился опытом внутри команды и перенимал лучшие практики коллег.
- Исправлял на стенде файлы UI-конфигураций экранов КАДП по результатам дизайн-ревью. Работал совместно с командами системных аналитиков.
- Проводил дизайн-ревью сконфигурированных на low-code платформе экранов КАДП.
User Flow — схема переходов между экранами
🏆 Результат
- Участвовал во внедрении MES-системы КАДП в работу производств КХП, АГП, ДП.
- Непосредственно повлиял и улучшил UX-механики взаимодействия с продуктом.
- Оказал прямое влияние на продуктовые решения: благодаря UX исследованиям, выявил цели и требования к функционалу экранов.
- Провел обучение ключевых пользователей работе с новыми интерфейсами.
Интерфейс MES системы — тёмная тема
Интерфейс MES системы — светлая тема
🔍 Что можно улучшить (ретроспектива)
- Фильтрация: пересмотреть боковой фильтр — текущий вариант «съедает» ширину таблиц, критично для мониторов с большим количеством столбцов.
- Таблицы: внедрить заголовки в 3 строки для экономии вертикали и добавить чередование строк (zebra) в дизайн-систему для лучшей читаемости.
- Альтернативы: протестировать карточки вместо таблиц для сценариев, не требующих сравнения массивов данных.
- Плотность: перейти на ячейки размера S (вместо L/M) на старте, чтобы избежать излишнего «воздуха» и увеличить информационную емкость экрана.
- Стратегия: глубже исследовать инженерную специфику на ранних этапах и жестче аргументировать отказ от «модных» паттернов, нерелевантных для производственной аудитории.