Как AI-предзаполнение и пошаговость упростили создание бюджетных заявок
Студия Олега Чулакова · UI/UX дизайнер · 1 год
B2B fintech SaaS для планирования и распределения бюджетов
Цель
Результат
- Снизить порог входа: сделать заполнение бюджетной заявки понятным без дополнительных уточнений по методологии
- Упростить навигацию по форме: сгруппировать поля по смыслу, внедрить пошаговость
- Внедрить AI-предзаполнение полей на основе данных из других бюджетных заявок пользователя и его подразделения
Результат
- Средняя оценка бюджетной заявки от AI-агента повысилась на ~12% в рамках пилота (3 месяца, более 50 заявок).
- Пользователи лучше заполняют заявку, выбирают более правильные поля, не пропускают нужные и не заполняют ненужные. Поля разделены на логические блоки, внедрена пошаговость, добавлены подсказки по сложным полям.
- AI-предзаполнение на согласовании у PO.
Детальнее о проблемах:
Сервис переезжает с одной платформы на другую, это стало поводом провести исследование и улучшить пользовательский опыт. Исследование (UX-исследователи: качественные интервью и количественные опросы) подтвердило гипотезы.
Сервис переезжает с одной платформы на другую, это стало поводом провести исследование и улучшить пользовательский опыт. Исследование (UX-исследователи: качественные интервью и количественные опросы) подтвердило гипотезы.
- Форма перегружена и не структурирована. Создание бюджетной заявки: три блока на одной странице без пошаговости. В сумме около 40 полей и несколько таблиц для заполнения. Осознанное заполнение средней заявки занимает 20-30 минут.
- Пользователи не понимают смысл полей. Многие не знают методологию: теряют концентрацию, пропускают нужные поля или заполняют случайными значениями, не все пользователи понимают, какие поля обязательны. Из-за этого заявка теряет баллы при оценке AI-агентом.
- Поля зависимы друг от друга, но разбросаны. Выбор в одном поле блокирует другое или сужает варианты. Иногда появляются новые поля. Без визуальной связи пользователь не понимает, что на что влияет.
Решения
Перегруппировка полей в логические блоки
- Что сделано: разбил форму создания бюджетной заявки на смысловые блоки. Раньше все поля для ввода располагались согласно методологии, а удобству заполнения. Теперь поля сгруппированы по логике: общее (основные данные, дополнительные), затраты, эффекты.
- Гипотеза: пользователи не понимают, какие поля к чему относятся. Зависимые поля (когда выбор в одном блокирует или сужает варианты в другом) были разбросаны. Перегруппировка сохраняет связи между полями, но не усложняет userflow. Долго думал над тем, как расположить поля, чтобы не терять зависимости, но и не перегружать.
- Результат: Поля разделены на логические блоки, в них удобнее навигироваться и понимать, что к чему относится
Пошаговость при заполнении
- Что сделано: внедрил пошаговость (степпер) при создании бюджетной заявки. Раньше все блоки были на одной странице, пользователь видел сразу весь объём. Также, добавил «i»-подсказки по заполнению сложных полей.
- Гипотеза: пользователи теряют концентрацию при заполнении длинной формы, пропускают нужные поля. Пошаговость разбивает процесс на этапы, снижает когнитивную нагрузку и страх перед объёмом. Не все пользователи понимают методологию, какие поля обязательны, как они связаны
- Результат: на финальном согласовании у PO
AI-предзаполнение полей
- Что сделано: отрисовал макет с предзаполнением полей AI-агентом. AI заполняет поля на основе данных из других бюджетных заявок пользователя, его подразделения, названия и описания заявки.
- Почему: пользователи, которые делают однотипные заявки, тратят время на повторяющиеся действия. AI может заполнить часть полей автоматически, оставив пользователю проверку и корректировку.
- Результат: на согласовании у PO, идея оценена как хорошая, будет в разработке.
- Дополнительно: Отдельно от моего предложения, в сервисе уже работает AI-агент, который оценивает бюджетную заявку после заполнения и даёт рекомендации: поменять формулировку, выбрать другой тип затрат, другой справочник для эффекта. Пользователь видит балл и понимает, где можно улучшить. Проблема была в том, что из-за непонимания полей заявка теряла баллы, AI-агент показывал низкую оценку, но пользователь не понимал, как её исправить.
Выводы
- В рамках пилота (3 месяца, более 50 заявок) средняя оценка бюджетной заявки от AI-агента выросла на ~12%. Заявки стали заполняться корректнее: обязательные поля не пропускаются, лишние не заполняются, значения выбираются осознаннее, из-за чего AI-агент оценивает их выше
- Пользователь не читает методологию. Ему нужно быстро заполнить заявку и перейти к другим задачам. Поэтому быстрые подсказки и AI-предзаполнение эффективнее инструкций. Частично это подтвердилось в исследовании и задало направление решениям.
