Конструктор сценариев чатов
Node-based система для проектирования логики обработки входящих сообщений
Система позволяет пользователю последовательно собирать сценарии распределения сообщений через набор операций и условий.
Система позволяет пользователю последовательно собирать сценарии распределения сообщений через набор операций и условий.
Контекст продукта
Это B2B SaaS система для операторов коммуникаций, где пользователи настраивают логику обработки входящих сообщений (чаты, заявки).
В продукте уже существовал инструмент для распределения звонков, построенный на древовидной логике. Однако этот инструмент был ограничен по гибкости и не подходил для более сложных сценариев чатов.
Поэтому для чат-сценариев система была спроектирована с нуля.
В продукте уже существовал инструмент для распределения звонков, построенный на древовидной логике. Однако этот инструмент был ограничен по гибкости и не подходил для более сложных сценариев чатов.
Поэтому для чат-сценариев система была спроектирована с нуля.
Цель
Спроектировать новую систему конструктора сценариев, которая:
- поддерживает сложные сценарии обработки сообщений
- позволяет строить гибкую логику через граф операций
- масштабируется под будущие каналы (включая звонки)
- заменяет ограниченную древовидную модель
Моя роль
- UX/UI дизайн workflow-конструктора с нуля
- проектирование node-based интерфейса
- декомпозиция бизнес-логики совместно с аналитиком
- проектирование операций и их параметров
- проектирование user flows для сценариев
- участие в расширении дизайн-системы под workflow-подход
Системное решение
1. Переход к node-based модели
Было
- древовидная структура
- фиксированные пути сценариев
- ограниченные ветвления
Стало
- node-based граф
- свободные связи между операциями
- масштабируемая сценарная модель
2. Модель системы
Сценарии построены на иерархической (древовидной) структуре.
Пользователь последовательно выстраивает сценарий, добавляя операции одну за другой.
Связи между элементами формируются в процессе построения сценария, а не отдельно.
Пользователь последовательно выстраивает сценарий, добавляя операции одну за другой.
Связи между элементами формируются в процессе построения сценария, а не отдельно.
В системе также есть:
- ограниченные возможности перенастройки переходов
- частичная гибкость маршрутизации
Это делает модель гибридной: дерево + ограниченная маршрутизация.
3. User flow (создание сценария)
Процесс работы пользователя:
4. Операции как логические блоки
Сценарий состоит из операций — функциональных блоков логики.
Каждая операция включает:
- входные условия
- логику обработки
- результат (выход)
Это позволило стандартизировать сценарии и сделать систему расширяемой.
5. Масштабируемость системы
Решение изначально проектировалось как масштабируемое:
- архитектура сценариев может использоваться не только для чатов
- модель операций подходит для других каналов коммуникации
- система закладывает возможность переиспользования для звонков и сценариев спасения коммуникаций
Это делает систему платформенным решением, а не точечным инструментом.
Интерфейс решение
- список сценариев
- рабочее поле конструктора (canvas)
- блоки операций (nodes)
- связи между узлами
- панель настройки операций
- состояния блоков (активен / ошибка / не настроен)
- модальные окна выбора операций
Дизайн-система
Добавлены новые элементы под workflow-логику:
- node-компоненты сценариев
- соединения между блоками
- состояния операций
Результат
- спроектирован workflow-конструктор сценариев с нуля
- заменена древовидная модель на node-based систему
- создана масштабируемая архитектура сценариев обработки сообщений
- заложена возможность переиспользования модели для других каналов (включая звонки)
- расширены возможности настройки сложной бизнес-логики