Спроектировал с нуля фичу пополнения счёта от работодателя
Моя роль
Продуктовый дизайнер
Аудитория
Пользователи приложения
Рынок
США
Платформа
IOS, Android
О проекте
Контекст
Direct deposit, автоматизированный способ перевода средств, при котором заработная плата электронно зачисляется на счёт держателя карты. Функциональность актуальна для рынка США, где это стандартный сценарий взаимодействия между работодателем и сотрудником
Проблемы
Задача пришла со стороны бизнеса и формулировалась через конкретный пробел: держатель карты не мог пополнить собственный счёт зарплатой от работодателя
Цели проекта
Требовалось спроектировать функциональность, которая ускоряет получение платежа, избавляет пользователя от работы с физическими чеками
Пополнение и снятие средств
Обеспечить держателю карты возможность пополнять счёт и снимать средства напрямую через приложение.
Охват 200+ стран
Обеспечить поиск ATM и VRL точек в более чем 200 странах
Детальная информация о точке
Предоставить пользователю ключевые данные по каждой точке для принятия обоснованного решения
Построение маршрута
Дать возможность построить маршрут пешком или на автомобиле до выбранной точки
Исследования
Встреча со стейкхолдерами
Провёл рабочую встречу со стейкхолдерами, на которой обсуждалась суть проблемы, определялся роадмап и формировался user requirements documen
URD writing
?
Анализ конкурентов
Проведён анализ direct deposit флоу в приложениях американского рынка по итогам которого собраны основные паттерны подключения. Выявлено, что подключение реализуется двумя способами: вручную и автоматически.
Автоматическое подключение
Автоматическое подключение происходит без участия работодателя и актуально для работодателей, включённых в общую базу США с большим штатом сотрудников. Для снижения нагрузки на фронтенд и бэкенд выбран сторонний провайдер, Atomic, обеспечивающий передачу данных о зарплате и подключение пользователя к базе работодателя
Ручное подключение
Для работодателей, отсутствующих в общей базе и имеющих собственные бюрократические процессы подключения, direct deposit настраивается самим сотрудником: заполняются необходимые поля и формируется документ для передачи работодателю. На основе этого исследования определены два ключевых артефакта: экран настройки процента отчислений и готовая форма.
Проектирование
JTBD
За каждым заходом в приложение стоит конкретная ситуация. Мы выделили четыре основных сценариев и проектировали под них новую фичу
Когда я в незнакомой стране
Мне нужны наличные и я хочу быстро найти ближайший банкомат, поддерживающий мою карту, чтобы не тратить время на поиск через сторонние сервисы
Когда мне нужно пополнить счёт
Я хочу видеть на карте точки VRL рядом со мной, чтобы не искать банк или салон связи наугад
Когда я нашёл нужный банкомат
Я хочу сразу увидеть, как до него добраться пешком или на машине, чтобы не переключаться в другое приложение для построения маршрута
Когда я выбираю между несколькими банкоматами
Я хочу видеть ключевую информацию по каждому, комиссию, тип операции, часы работы, чтобы выбрать точку осознанно, а не методом проб.
User flow
Определены точки входа в функциональность, на основе которых сформирован роадмап реализации
Главный экран
Следующим этапом стало проектирование прототипа главного экрана, на котором происходит выбор между ручным и автоматическим способом подключения.
Description
В соответствии с существующей концепцией продукта стартовые блоки включают графику, заголовок и описание функции. Для консистентности продукта применён стандартный для этого типа экранов подход
User details
Сформирована гипотеза, при которой пользователь передаёт основные данные внешнему провайдеру, а тот берёт на себя подключение зарплатного перевода. Сценарий актуален для работодателей без бюрократических процессов подключения direct deposit
CTA
Реализована развилка между автоматическим и ручным способом подключения. Основным CTA выбран автоматический способ, поскольку он обеспечивает бесшовное взаимодействие между пользователем и работодателем и снижает нагрузку на бэкенд сервиса
Legal
Поскольку персональные данные пользователя передаются стороннему провайдеру, экран обязывает пользователя ознакомиться с юридическими документами
Второй экран
Далее спроектирован следующий экран, на котором происходит выбор процента отчислений от заработной платы
Set Up
Пользователь выбирает процент отчислений на карту, для случаев с фиксированной суммой предусмотрено отдельное поле ввода
Switcher
Обеспечивает отправку сгенерированной формы на электронную почту пользователя
CTA
При нажатии кнопки формируется документ, который пользователь передаёт работодателю
Результаты
Итоги проекта
По итогам нескольких итераций визуальный дизайн фичи был утверждён, ниже представлена первая версия на момент завершения работы. Спроектирована форма direct deposit, предоставляющая работодателю необходимые данные, подготовлена спецификация для команды разработки со всеми флоу и информацией для реализации. В результате создан метод подключения direct deposit двумя способами: автоматически через внешнего провайдера или вручную через сгенерированную форму
Cделал верстку формы
I designed a direct deposit form that provides an employer with necessary data.
Написал спецификацию для разработки
Подготовил спецификацию для команды разработки, включающую все флоу, состояния экрана и логику взаимодействия элементов, необходимую для реализации фичи
Что было дальше
Стартап закрылся до того, как удалось собрать данные по эффективности фичи. Проект в первую очередь дал опыт работы с большими массивами данных и геолокацией, который применяю в следующих задачах.