Дизайн MES-системы для металлургического предприятия
Cистема для отслеживания этапов переработки сырья, состояния оборудования и ключевых технологических метрик. Интерфейс позволяет быстро интерпретировать данные, формировать отчеты и анализировать процессы. Особое внимание уделено визуализации данных, чтобы операторы и менеджеры могли принимать решения в реальном времени.
Что делали: проектирование UX-потоков, прототипы, инфографика, UI-дизайн, тестирование.
Что делали: проектирование UX-потоков, прототипы, инфографика, UI-дизайн, тестирование.
О клиенте
Крупное металлургическое предприятие с множеством производственных линий и сложной инфраструктурой датчиков и контроллеров. Пользователи системы — инженеры, операторы и менеджеры производства, которым ежедневно нужно обрабатывать большие потоки данных и принимать решения в реальном времени.
О продукте
MES-система для контроля этапов переработки сырья, состояния оборудования и показателей технологических процессов. Система собирает данные с десятков сенсоров, визуализирует их в виде инфографики, графиков и дашбордов, а также предоставляет инструменты для формирования отчётов и анализа.
Основная цель дизайна — дать сотрудникам быстрый и понятный доступ к ключевым метрикам, сократить ошибки при интерпретации данных и ускорить принятие решений.
Основная цель дизайна — дать сотрудникам быстрый и понятный доступ к ключевым метрикам, сократить ошибки при интерпретации данных и ускорить принятие решений.
Как проходил проект
Работа началась с изучения существующих рабочих процессов на предприятии и анализа интерфейсов аналогичных систем. Мы проводили UX-аудит, фиксировали проблемные точки и прорабатывали сценарии для всех ролей пользователей.
Дальше проектировались пользовательские сценарии: как оператор видит текущие показатели, как менеджер формирует отчёты, как данные структурируются по отделам. Создавались интерактивные прототипы, которые тестировались с реальными пользователями, чтобы проверить удобство восприятия информации и навигацию по разделам. Разработали библиотеку компонентов, токены и адаптивные макеты, чтобы новые модули можно было добавлять без переработки интерфейса.
Сложность проекта заключалась в том, что система обрабатывает огромные потоки данных в реальном времени. Нужно было сделать интерфейс информативным, но при этом не перегруженным: операторы должны видеть сходу видеть критические показатели производства.
Мы визуализировали:
Дальше проектировались пользовательские сценарии: как оператор видит текущие показатели, как менеджер формирует отчёты, как данные структурируются по отделам. Создавались интерактивные прототипы, которые тестировались с реальными пользователями, чтобы проверить удобство восприятия информации и навигацию по разделам. Разработали библиотеку компонентов, токены и адаптивные макеты, чтобы новые модули можно было добавлять без переработки интерфейса.
Сложность проекта заключалась в том, что система обрабатывает огромные потоки данных в реальном времени. Нужно было сделать интерфейс информативным, но при этом не перегруженным: операторы должны видеть сходу видеть критические показатели производства.
Мы визуализировали:
- состав плавки и учет металлолома с цветовой дифференциацией (зелёный — нормальные показатели, жёлтый — внимание);
- уровень налива в печах с наглядной графикой, показывающей заполнение в зависимости от показателя;
- отчёты по выработке, расходу материалов и ключевым метрикам, структурированные по отделам и линиям. Большие таблицы и графики легко воспринимаются пользователями.
Результаты
- Пользователи мгновенно видят ключевые показатели производства, сокращая время на принятие решений.
- Сократилось количество ошибок при интерпретации данных и формировании отчётов.
- Интерфейс стал универсальным и понятным для разных ролей и устройств.
- Дизайн-система обеспечила масштабируемость и ускорила внедрение новых модулей.
- Улучшена визуализация технических данных: плавка, выработка, налива, учет металлолома и другие процессы отображаются наглядно и легко считываются.
Инструменты и стек
Figma, Jira, Confluence