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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Результат

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

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

Интерактивный макет в InVision

Поговорим о деле

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

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

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