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

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

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

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

Интерфейс BurdenSoft. Материалы, которые изучал дизайнер, чтобы сделать правильный интерфейс.
Дизайнер, как в универе, делает конспекты и рисует схемы. Это помогает разложить процесс работы сталевара по полочками и сделать работающий интерфейс, а не картинку для Behance:
Интерфейс BurdenSoft. Конспект дизайнера с терминами и схемами производства стали
Изучаем существующие интерфейсы
Особенность интерфейсов систем управления предприятием в том, что они входят в группу корпоративного ПО с эксплуатацией в десятки лет и редко обновляются или заменяются другим. Из-за этого большинство из них выглядят как Windows 95 или Norton Commander.
Интерфейс BurdenSoft. Интерфейсы существующих систем управления предприятием
Начинаем работу
Процесс производства стали длинный и сложный. Мы погрузились во все этапы, но для концепта прорабатывали один — подготовку рецептуры и формирования состава сплава. На нем оператор совершает больше всего микродействий и работает со значениями, которые требуют пристального внимания.
Интерфейс BurdenSoft. Процесс производства стали
Проектируем ход процесса и оконные формы
Интерфейс BurdenSoft. Схема с ходом процесса на этапе производства настройки рецептуры
Проектируем рабочую область главного окна
Когда оператор формирует очередь выплавки, то в основном взаимодействует с окном редактирования рецептуры. Рецептура — слишком большой объем данных для восприятия. Оператору нужно контролировать множество числовых значений и проверять, какие из них за границами нормы. Цена ошибки — испорченная партия чугуна и остановка оборудования. Это потери в сотни тысяч долларов.
Интерфейс BurdenSoft. Схема рабочей области главного окна
Основное пространство — работе

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

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

Интерфейс BurdenSoft. Добавление новых материалов
Перепробовали несколько вариантов цветового кодирования, чтобы помочь операторам быстро считывать данные и замечать ошибки.
Снижаем нагрузку
на глаза и фокусируем внимание
Проектируем по процессам
Выбор рецептуры
Чтобы интерфейс был простым и понятным, используем всем известные элементы управления. Например, достаточно нажать плюс на панели управления, чтобы создать новый рецепт.
Кейс BurdenSoft. Выбор рецептуры
Материальный баланс
Процесс производства стали и чугуна похож на выпечку хлеба: чтобы все получилось, нужно выбрать правильный рецепт и перепроверить ингредиенты для нужного количества «выпечки». Опытный сталевар-оператор на лету составляет рецепт желаемого материала. Смотрит, какие и сколько исходных материалов в наличии, и планирует очередь выплавки чугуна разных марок.
Интерфейс BurdenSoft. Экран добавления материалов
Готовые рецепты
Когда нужен типовой рецепт, оператор загружает готовый и не вводит вручную частотные данные.
Проверка химического состава
Перед отправкой рецепта на конвейер, оператору необходимо убедиться, что состав каждого материала не отклоняется от нормы и итоговое качество металла будет отвечать стандартам. Если во время проверки система найдет ошибки — они появятся в панели уведомлений.
Интерфейс BurdenSoft. Экран проверки химического состава
Продублировали уведомления об ошибках рядом с кнопкой подтверждения, чтобы оператор не тратил время на поиск.
Интерфейс BurdenSoft. Уведомление об ошибках рядом с кнопкой
Если оператор снял все критические ошибки, система позволит перейти к следующему процессу — формированию матрицы загрузки.
Кейс BurdenSoft. Формирование матрицы загрузки
Результат
Спроектировали интерфейс системы управления с учетом особенностей сталелитейного производства. Позаботились, чтобы с интерфейсом было комфортно работать каждый день: он бережно расходует внимание оператора, не отвлекает по пустякам и не дает совершить дорогоостоящие ошибки.
Лучше один раз попробовать, чем сто раз прочитать. Посмотрите сами, что у нас вышло.
Поговорим о деле

Заявка улетит в отдел продаж. Вам ответит кто-то из менеджеров, чтобы обсудить
детали. В рабочее время это занимает до получаса

Интерфейс системы аналитики пассажиропотока
Смотреть следующий проект Интерфейс системы аналитики пассажиропотока

Как тонны данных рисуют понятные графики