Спроектировали пользовательский интерфейс для аналитической системы предприятия

По заказу крупного промышленного предприятия мы создали систему, которая позволяет отслеживать работу оборудования и анализировать работу производства. В создании пользовательского интерфейса (UI) мы опирались на принципы HMI и IoT в промышленности.

May 2022

Мы особенно неравнодушны к проектам промышленного сектора. Интерфейсы таких проектов люди видят каждый день, это их главный рабочий инструмент. Дизайн HMI (human machine interface) влияет на рабочие привычки, распорядок дня, производительность и отсутствие рутины. 

Задача

В 2021 году к нам обратился российский завод, который столкнулся с необходимостью создания системы для анализа процессов на своем производстве. Команда предприятия изучила готовые решения, но ни одно из них не покрывало полностью необходимую функциональность. Тогда она обратилась к Evrone с запросом на разработку собственной аналитической системы, которая собирала бы данные со всех машин, позволяла их анализировать и видеть узкие места в производстве. Для этой системы аналитики и мониторинга мы также разработали  пользовательский веб-интерфейс или UI. 

Решение

Система уже помогает команде завода в их ежедневных задачах:

  • Анализировать эффективность всего предприятия: сколько произвели товара, сколько потратили на решение проблем, сколько заработали.
  • Ориентироваться в статусе конкретных характеристик на производстве, не подходя к машинам.
  • Контролировать процесс работы с рецептурой производства.
  • Посмотреть, какие машины сейчас не работают и уменьшить время простоя.

Спроектировали пользовательский интерфейс для аналитической системы предприятия 1

Спроектировали пользовательский интерфейс для аналитической системы предприятия 2

Раздел общей эффективности оборудования

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

С помощью раздела OEE специалисты разного профиля могут подготовить нужные отчеты по анализу эффективности оборудования: по планированию, оценке качества и т.д. В итоге топ-менеджмент собирает несколько разных отчётов, и на основании их данных получает общую картину производства. При этом, таких отчётов может быть тысячи: за смену, сутки, месяцы и т.д.

Спроектировали пользовательский интерфейс для аналитической системы предприятия 3

Спроектировали пользовательский интерфейс для аналитической системы предприятия 4

Спроектировали пользовательский интерфейс для аналитической системы предприятия 5

Раздел планирования производства

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

У каждой стадии производства есть контрольные точки с конкретным дедлайном. В системе можно посмотреть детали о том, насколько процесс запаздывает или, наоборот, идет в соответствии с плановым графиком. Цветовое кодирование в дизайне интерфейса для мониторига промышленного оборудования помогает с первого взгляда разобраться в ситуации.

Спроектировали пользовательский интерфейс для аналитической системы предприятия 6

Спроектировали пользовательский интерфейс для аналитической системы предприятия 7

Мобильная версия

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

Спроектировали пользовательский интерфейс для аналитической системы предприятия 8

Спроектировали пользовательский интерфейс для аналитической системы предприятия 9

Раздел контроля рецептуры

Большую часть цеха занимает промышленный миксер, задача которого — смешать нужные компоненты и получить однородный состав для дальнейшего производства. Составы смесей отличаются в зависимости от того, какую часть изделия мы хотим произвести. То есть для каждого типа команда использует свой технологический рецепт. В зависимости от поставленной задачи в машинах смешиваются нужные компоненты в определенном порядке, с нужной температурой, под строгим контролем оператора.

Раздел Cycle Time помогает посмотреть, какие именно машины работают с какими рецептами и насколько это успешно работает относительно плана производства.

Спроектировали пользовательский интерфейс для аналитической системы предприятия 10

Спроектировали пользовательский интерфейс для аналитической системы предприятия 11

Раздел анализа простоя оборудования

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

Этот раздел выводится на больших экранах в производственных помещениях как идентификатор оперативных проблем. Операторы в процессе работы видят статистику и корректируют свои действия в зависимости от новых вводных. Промышленный интернет вещей в действии.

Спроектировали пользовательский интерфейс для аналитической системы предприятия 12

Спроектировали пользовательский интерфейс для аналитической системы предприятия 13

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

Спроектировали пользовательский интерфейс для аналитической системы предприятия 14

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

 

Будем на связи
Прикрепить файл
Максимальный размер файла: 8 МБ.
Допустимые типы файлов: jpg jpeg png txt rtf pdf doc docx ppt pptx.