Цифровая Книга Нарядов

Компания
Промышленное предприятие
Роль
Product Designer
Сроки
2023–2024
  • MOBILE
  • B2B
  • ENTERPRISE
  • UX/UI
Цифровая Книга Нарядов

Система нарядов

Коротко о продукте

Система нарядов — это единая система нарядов‑допусков и сменных нарядов, которая позволяет эффективно создавать и управлять нарядами в соответствии с производственной обстановкой предприятия.

Целевая аудитория

Сотрудники шахт и предприятий, ответственные за согласование и выдачу нарядов‑допусков

Потребности бизнеса и их решения

Боли бизнеса и пользователей

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

Большие объёмы данных

Требовалось создать приложение по существующему продукту, учитывая большие объёмы данных и наследственные зависимости системы. Приложение нужно было для работы на шахтах и предприятиях — контроля согласования и выдачи нарядов‑допусков.

«Длинное полотно» при создании наряда

На этапе создания наряда была проблема «длинного полотна» без чёткой последовательности. В мобильной версии я упростил процесс создания карточки до 2 шагов, что по гипотезе сокращает время согласования в 3 раза.

Ускорить подписание

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

Подход к решению

Этапы

  • Разбор структуры desktop‑версии платформы.
  • Погружение в продукт, определение целей и задач проекта.
  • Согласование технических ограничений с разработчиками.
  • Проектирование user flow и разработка wireframe‑макетов.
  • Проведение опросов и коридорных тестов.
  • Проектирование финального варианта с учётом новых результатов тестирования и правок.

Web‑версия наряда и «Карточки задания»

Контекст

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

Решение

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

Примечание

Ниже представлен скриншот платформы web‑версии «Книга нарядов».

Web-версия «Книга нарядов»

Web‑версия «Книга нарядов»

Базовая структура платформы, от которой мы отталкивались при проектировании мобильной версии.

Не заполненная карточка задания

Не заполненная «Карточка задания»

Карточка стала последовательной и разбита на понятные шаги.

Что получилось?

Итоговый результат

Главная страница «Список нарядов»

Благодаря этому разделу пользователь отслеживает состояние созданных нарядов и контролирует работу горных рабочих.

Список нарядов

Карточки задания

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

Карточки заданий

Создание карточки задания

Карточка задания — ключевая часть наряда. В неё добавляются задания и сотрудники, технологические места и меры безопасности. Чтобы упростить процесс, мы разбили её на 2 шага и добавили прогресс‑бар.

Важно

Процесс создания «Карточки задания» — самый сложный раздел. Количество форм при заполнении «наряда‑допуска» составляет порядка 20 видов, с разными ролями и интеграциями. Карточка представляет собой гибкий конструктор, который может обновляться на системном уровне.

Задания и работники

Задания и работники

Карточка разбита на 2 раздела: работники и задания. Основные параметры задания находятся в быстром доступе, что позволяет моментально просматривать, редактировать и удалять параметры.

ЭЦП (Электронная цифровая подпись)

Все согласования, дальнейшие изменения и закрытие наряда происходят онлайн и подписываются работником и ответственными лицами через ЭЦП (двухфакторная аутентификация с индивидуальным пропуском и личным ПИН‑кодом). Доступ к функционалу — с ПК, планшета или смартфона из любой точки.

Электронная цифровая подпись

Результаты

Итог

На текущий момент проект находится в активной стадии разработки и тестировании на конечных пользователях.

3x
Быстрее согласование

Гипотеза: время подписи сокращается в 3 раза

2 шага
Создание карточки

Вместо длинного полотна

20+
Типов форм

Сложная логика и интеграции внутри наряда