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

Новый сценарий настройки бизнес-процесса в визуальном конструкторе

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

Контекст

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

Проблема

Цель

Моя роль

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

Выяснил:

Что я сделал

1. Продумал старт создания бизнес-процесса

  • Начал с первого шага — создания процесса, а не с настройки отдельных полей
  • Спроектировал выбор шаблона при создании процесса
  • Добавил карточки шаблонов с превью и описанием
  • Это ускоряло запуск и упрощало вход в сценарий настройки
Выбор шаблона при создании бизнес-процесса

2. Сделал наполнение формы понятным для не-администраторов

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

3. Сделал визуальный редактор прямо в интерфейсе

  • Добавил перемещение полей и блоков
  • Добавил изменение размера элементов
  • Пользователь сразу видел, как будет выглядеть карточка задачи
  • Учёл текущую логику ограничений: что и куда можно перемещать
Понятные настройки отображения и размера поля в карточке задачи

4. Настройка поля

  • Спроектировал настройки поля так, чтобы сохранить логику админки, но сделать её понятной для обычных пользователей
  • Объединил связанные опции, переписал нейминг и убрал настройки, которые только усложняли сценарий
  • Разделил локальный и глобальный уровни: для перехода к общим параметрам добавил шестерёнку в шапке
Настройка поля в контексте процесса и переход к общим параметрам

5. Трудность: согласовать системную модель с пользовательской логикой

  • Внутренняя логика поля включала глобальные и локальные параметры
  • В интерфейсе это могло превратиться в лишнее дублирование и путаницу
  • Я спроектировал решение, в котором системная модель сохранялась, но пользователь видел только понятный и уместный уровень настройки
  • Это позволило не ломать архитектуру продукта и не перегружать интерфейс
Разделение глобальных и локальных настроек поля в интерфейсе

6. Дал пользователю настраивать вид списка задач

  • Спроектировал настройку представлений категории
  • Пользователь мог включать нужные представления, задавать вид по умолчанию и сохранять фильтрацию для всех
  • Это помогало подстраивать список задач под сценарий работы команды
Настройка вида списка задач и сохранение фильтрации
Настройка представлений категории и выбор вида по умолчанию

Результат

Другие кейсы