Бизнес-процессы
Бизнес-процессы
UX/UI & Product Design · B2B SaaS · Operations automation
Кратко
Спроектировал интерфейс для работы с бизнес-процессами и согласованиями внутри команд в B2B-системе.
Я упаковал работу над операционными сценарии, командные роли и статусы в понятный и гибкий UX/UI, чтобы согласования в командах перестали быть хаотичными и перешли в прозрачную систему с дедлайнами, ответственными и фиксацией результатов.
Регулярные проблемы в командах
Автоматизированная система согласований / поэтапных решений
Продуктовая проблема
На практике операционные согласования в командах часто «живут» в чатах, письмах и устных договорённостях — без системности, истории, контроля, понятного статуса и результата. Команде и клиентам нужен инструмент, который заменил бы хаотичные согласования на формализованный, но удобный рабочий процесс, чтобы экономить часы на операционных процессах.
Бизнес-процессы в продукте используются для операционных задач
и согласований, где важны:
прозрачные и системные решения
фиксированные зоны ответственности
статусы, дедлайны и эскалации
возможность отслеживать ход процесса во времени
Контекст
Продукт: B2B-платформа
Регулярные операционные бизнес-проблемы, требующие системного решения и автоматизации
Основные пользователи: линейные сотрудники (инициаторы процессов), руководители, операционные менеджеры
Основные ниши: Финансы, IT, АХО, HR
Основные задачи
Спроектировать инстансы, шаблоны, схемы
и навигацию по процессам
Сделать прохождение бизнес-процессов понятным для обычных пользователей, не погружённых в логику конструктора шаблонов
Обеспечить доступность информации о статусах, заполненных данных, принятых решениях, истории дейтсвий, обсуждении на любом шаге процесса
Освежить интерфейс шаблонов и схем процессов, сделав их более наглядными и удобными
Моя роль как продуктового
UX/UI дизайнера
Анализ запросов и кейсов заказчика и команды
Проектирование UX и сценариев юзер- и админ-логики
Прототипирование версий, дизайн конечных макетов
Развитие и масштабирование дизайн-системы в рамках данного модуля
Согласования с продактами, руководством и разработкой
Ключевые продуктовые решения
1
Шаблон процесса
Наглядный конструктор шагов и связей в формате flow chart дает возможность строить структуру и понимать бизнес-процесс целиком.
Таким образом, можно централизованно настроить общую сущность процесса, от которой будут запускаться экземпляры процессов.
2
Настройка шагов в шаблоне
Сайдбар открывается в контексте выбранного шага, сохраняя пользовательский фокус на целостности структуры шаблона процесса
и взаимосвязи ее шагов
Поля, которые нужно заполнить, чтобы перейти к данному шагу от любого предшествующего шага. К одному шагу может вести несколько других шагов
Варианты действий, разветвляющих ход процесса к другим шагам
Ключевые настройки данного шага, определяющие ответственность, контекст
и тайминги
3
Инстанс процесса: рабочий интерфейс пользователя
Экран инстанса процесса фокусируется на принятии решений.
Ответственный на шаге выбирает вариант действия на основе локально доступной информации.
Общая информация
о шаге инстанса процесса
Вспомогательное окно
с чатом между участниками процесса и фиксацией логов
по инстансу
Выбор действия
и заполнение необходимых полей
для продвижения процесса
Локально доступная информация, определяющая действие ответственного
на данном шаге
4
Главная страница модуля
Навигация и быстрые ссылки на самые актуальные инстансы процессов с фокусом на личную ответственность
Основные сложности и UX-вызовы
в данном кейсе
Продуктовые приоритеты и тех. ресурсы были сфокусированы
на решении пользовательских проблем, но не администраторских. Поэтому для админского интерфейса шаблонов приходилось принимать минимально приемлемые рабочие дизайн-решения
Схемы были реализованы на основе готового фреймворка. Дизайн-решения по ним были ограниченными в связи с тех. возможностями
Шаблоны изначально были реализованы как MVP, сильно отличающееся по UX от инстансов. Приходилось учитывать множество нюансов при проектировании и согласовании решений
Результаты
Время операционных согласований сократилось в ~2 раза за счёт автоматизации по кастомным шаблонам и централизации цепочек согласования в едином пространстве. Сравнивали на нескольких регулярных внутренних процессах найма, работы с корп. информацией
Кол-во брошенных процессов (Drop-off) сократилось на ~20% за тестируемый период
БП стали использоваться внутри для шаблонных операционных задач вместо чатов и устных договорённостей