Фото Игоря Ядыкина
Игорь Ядыкин
← Ко всем кейсам
Кейс · Первая Форма · 2024
~ 6 мин чтения
Настройка автоматизации

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

Редизайн админки для настройки автоматизации в B2B-продукте. Главная задача — снизить количество ошибок, сократить зависимость от документации и упростить вход в сложную логику настройки.

Контекст

ПродуктB2B-система для автоматизации бизнес-процессов
Пользователиадминистраторы системы
Моя рольпродуктовый дизайнер
Период2024
Зона работынастройка бизнес-процессов, low-code, карта маршрута

Проблема

Цель

Моя роль

Исследование

Выяснил:

Что я сделал

1. Работа в low-code-редакторе стала более прозрачной

  • Сделал ввод и поиск по функциям и параметрам с клавиатуры
    Подсказки по синтаксису функций в smart-выражении
    • Пояснения и примеры использования
    Подсказка по функции с пояснением и примером использования
  • Показал, какие данные код принимает, какой результат должен возвращать и контекст
Контекст использования smart-выражения, принимаемый и отдаваемый результат
  • Добавил проверку типов, чтобы пользователь видел, соответствует ли отдаваемый результат ожидаемому формату
Проверка типа результата smart-выражения
  • Добавил версионирование, сравнение и восстановление версий для безопасной работы с изменениями
Версионирование и восстановление версий smart-выражения

2. Сначала разобрал процесс, потом спроектировал карту

  • Провёл около 5 часов интервью с администраторами и бизнес-аналитиками
  • Изучил нотацию BPMN, чтобы собрать понятную логику карты
  • Сопоставил этапы маршрута с настройками и опциями системы, чтобы показать не только переходы, но и влияющие на них условия
  • Показал, где выполняется код и настройки, влияющие на маршрут
Карта маршрута с кодом и настройками, влияющими на переход
  • Добавил подробную схему акцептов (подписей)
Схема акцептов и подписей внутри маршрута
  • Добавил просмотр от имени роли в процессе
Просмотр маршрута от имени роли в процессе
  • Показал все опции, влияющие на процесс
Все опции, влияющие на процесс

3. Перестроил структуру настроек бизнес-процесса

  • Разбил параметры на логические блоки
  • Вынес связанные группы на отдельные экраны
Карта связанных групп настроек и отдельных экранов категории
  • Добавил главную страницу категории - разделил на блоки: частые настройки, основные и дополнительные
Главная страница категории с разделением на частые, основные и дополнительные настройки
  • Добавил подсказки почти к каждому полю
  • Сделал зависимости между настройками явными
  • Добавил скрытие и блокировку конфликтующих опций
Скрытие и блокировка конфликтующих опций в настройках комментариев

Масштабируемость

Передача в разработку

Результат

Другие кейсы