Назад к проектам

Выбор основных реквизитов — интерфейс для фичи и формы создания сущности

Моя роль: Ведущий продуктовый дизайнер

Задача

Добавить возможность выбора основных реквизитов для сервисов

Результаты

Ожидается сокращение числа обращений в поддержку

Профиль компании с основными реквизитами в десктопной и мобильной версии

Аудитория. Джобы пользователей

В разделе с профилем компании пользователи могут настраивать реквизиты: добавлять новые, удалять неактуальные. Для выплат по каждому сервису можно добавлять свои реквизиты.

Проблема

Интерфейс до изменений (скрыт по NDA)

Процесс

Как пользователь продукта, я хочу выбирать основные реквизиты для сервисов, чтобы управлять тем, какие реквизиты используются для выплат.

Созванивались с командой админ‑панели, чтобы подробнее изучить, как работают реквизиты. Собрали с продактом статистику о том, сколько в среднем реквизитов на 1 компании и на 1 сервисе, какое максимальное количество реквизитов может быть.

Схема: основные реквизиты используются для выплат по сервисам, дополнительные хранятся отдельно

Дополнительно я предложила переработать плашку реквизитов: вывести название филиала и логотипы сервисов в заголовок, чтобы пользователям было легче отличать реквизиты в общем списке.

Плашка реквизитов до и после: название филиала и логотипы сервисов вынесены в заголовок

Доработали и форму создания реквизитов, чтобы сделать её более консистентной по компании. В ней также появилась опция «назначить основными».

Сценарий заполнения формы: ввод БИК, подсказки, расчётный счёт, выбор сервисов, назначение основными

Результат

Профиль компании: общая страница раздела Форма «Новые реквизиты» Плашки реквизитов: основные и дополнительные Профиль компании: общая страница раздела Форма «Новые реквизиты» Плашки реквизитов: основные и дополнительные
  • Проработала флоу добавления реквизитов под десктоп‑ и мобильную версию
  • Отрисовала поведение мобильных компонентов, прикрепила в макетах ссылки на компоненты из библиотеки, которой пользуются разработчики
  • Создала документацию с состояниями плашек реквизитов, инпутов
  • Отрисовала состояния ошибок и корнер‑кейсы

Ожидается сокращение числа обращений в поддержку.

С этой задачи инициировала использование мобильных паттернов в PWA‑версии продукта.

Выводы

Отталкиваться от основного сценария данных статистики: это помогает лучше понять контекст задачи и сконцентрироваться на удобных решениях для большинства пользователей.