Концепция интерфейса управления доменными печами

BurdenSoft

Разобрались со сложной предметной областью и сделали веб-интерфейс

Клиент

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

Задача

Проработать концепцию интерфейса одного из этапов производства чугуна.

Разбираемся с терминами

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

Для этого несколько раз внимательно пересматриваем видеоролики и изучаем сленг: шихта — смесь исходных материалов, которые отправляют в печку; фурма — приспособление для вдувания газа; а козел — застывший при плавке металл, который выводит печь из строя.

Интерфейс BurdenSoft. Материалы, которые изучал дизайнер, чтобы сделать правильный интерфейс.

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

Интерфейс BurdenSoft. Конспект дизайнера с терминами и схемами производства стали

Изучаем существующие интерфейсы

Особенность интерфейсов систем управления предприятием в том, что они входят в группу корпоративного ПО с эксплуатацией в десятки лет и редко обновляются или заменяются другим. Из-за этого большинство из них выглядят как Windows 95 или Norton Commander.

Интерфейс BurdenSoft. Интерфейсы существующих систем управления предприятием

Начинаем работу

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

Интерфейс BurdenSoft. Процесс производства стали

Проектируем ход процесса и оконные формы

Интерфейс BurdenSoft. Схема с ходом процесса на этапе производства настройки рецептуры

Проектируем рабочую область главного окна

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

Интерфейс BurdenSoft. Схема рабочей области главного окна

Основное пространство — работе

Оператор работает с таблицами и множеством цифр. Чтобы данные считывались без проблем, подбираем читаемый контрастный шрифт.

Боковая панель — уведомлениям

Уведомления не отвлекают оператора от работы. Система блокирует переход к последующим процессам, если не устранены критические ошибки.

Фокус на главном

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

Интерфейс BurdenSoft. Добавление новых материалов

Перепробовали несколько вариантов цветового кодирования, чтобы помочь операторам быстро считывать данные и замечать ошибки.

Снижаем нагрузку
на глаза и фокусируем внимание

Проектируем по процессам

Выбор рецептуры

Чтобы интерфейс был простым и понятным, используем всем известные элементы управления. Например, достаточно нажать плюс на панели управления, чтобы создать новый рецепт.

Материальный баланс

Процесс производства стали и чугуна похож на выпечку хлеба: чтобы все получилось, нужно выбрать правильный рецепт и перепроверить ингредиенты для нужного количества «выпечки». Опытный сталевар-оператор на лету составляет рецепт желаемого материала. Смотрит, какие и сколько исходных материалов в наличии, и планирует очередь выплавки чугуна разных марок.

Интерфейс BurdenSoft. Экран добавления материалов

Готовые рецепты

Когда нужен типовой рецепт, оператор загружает готовый и не вводит вручную частотные данные.

Проверка химического состава

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

Интерфейс BurdenSoft. Экран проверки химического состава

Продублировали уведомления об ошибках рядом с кнопкой подтверждения, чтобы оператор не тратил время на поиск.

Интерфейс BurdenSoft. Уведомление об ошибках рядом с кнопкой

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

Кейс BurdenSoft. Формирование матрицы загрузки

Результат

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

Лучше один раз попробовать, чем сто раз прочитать. Посмотрите сами, что у нас вышло.