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

MES (Manufacturing Execution System) помогает связать управление производством с другими бизнес-процессами, чтобы лучше контролировать ситуацию и быстро реагировать на изменения. Наша команда — это ребята, которые занимаются разработкой дизайна интерфейсов для цехов и офисов, в том числе — для MES-систем.

— Меня зовут Ирина Седова, я работаю в команде дизайна НЛМК ИТ. Мы стремимся сделать интерфейсы для MES-систем удобными, ведь с ними работают люди на производстве. Наша работа ложится в основу отечественных IT-решений, на которые мы меняем устаревший софт.

Наша цель — улучшить пользовательский опыт, чтобы все было интуитивно понятно. Представьте, что вы заходите в систему, как в Яндекс Маркет, добавляете слябы в корзину и «оформляете» их дальше. Вот к такому пользовательскому пути мы стремимся, чтобы сложные вещи решались просто.

Например, вместо стандартных таблиц мы внедрили Kanban-доску, которая наглядно отображает, как идут производственные процессы. Пользователям это понравилось: им удобно работать с интуитивно понятным дружелюбным интерфейсом.

Наш стек

— Наш основной инструмент — Figma. Это очень удобно: несколько человек могут одновременно работать над одним проектом, вносить правки и оставлять комментарии.

Есть у нас и дополнительные инструменты для работы, например, FigmaDevMode и Autodesk 3ds Max. При создании интерфейсов мы используем Дизайн-систему НЛМК, где уже есть готовые компоненты. В эту систему мы добавили свою библиотеку уникальных элементов для MES и новую цветовую палитру.

Задачи команды

— НЛМК ИТ — компания, где впервые появились стандарты работы с MES-направлением. Наша команда установила стандарты для разработки интерфейсов на производствах. Палитру для MES-интерфейсов мы запатентовали в сентябре 2024 года (свидетельство № 2024681379). Кстати, это решение может быть адаптировано и для других производственных компаний, так как является универсальным.

"Наша цель — переплавить сложность интерфейсов в ясность, которая даёт оператору уверенность и создаёт безошибочную надёжность в принятие решений", — отметил Рамазан Нурулаев, ведущий дизайнер НЛМК ИТ.

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

Рабочий день

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

Где-то 10–15 % времени уходит на обсуждения с аналитиком и планирование, а остальное — на отрисовку интерфейсов.

Опыт команды и онбординг

— Сейчас в нашей команде — более 10 человек. В нашей команде есть дизайн-лиды — менторы, которые обучают младших дизайнеров и делятся опытом.

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

Наши лиды — настоящие профи в дизайне нестандартных интерфейсов. Они понимают, что их решения напрямую влияют на производство, так что работают максимально ответственно.

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

Работа у нас нестандартная, поэтому новым дизайнерам нужно научиться смотреть на задачи под другим углом и разбираться в производственных процессах. В помощь им — практика менторства: опытные UX-дизайнеры обучают новичков, помогая им на всех этапах создания макетов.

Больше про наши решения читайте в блоге на Хабре НЛМК ИТ. Подробнее про стандарты, заложенные в основу нашей работы, читайте в статьях Анны Труфановой. Начиная с 2020 года, была проделана большая работа по внедрению сначала правил и компонентов для MES-систем, затем и запатентованной палитры, сделавшей Дизайн-систему НЛМК универсальным инструментом для цехов и офисов.