Унификация оплаты счетов в Альфа-банк между веб и мобайл
Унификация оплаты счетов в Альфа-банк между веб и мобайл
Альфа-Банк — один из крупнейших банков в РФ. Бизнес хотел упростить переход клиентов с веб-версии банка в мобильное приложение и удешевить разработку за счет единого клиентского опыта. Моей задачей стало унифицировать оплату коммунальных услуг, налогов и штрафов между платформами и повысить транзакционную активность клиентов.
Важным условием было использовать платформенные паттерны и существующие компоненты.
Альфа-Банк — один из крупнейших банков в РФ. Бизнес хотел упростить переход клиентов с веб-версии банка в мобильное приложение и удешевить разработку за счет единого клиентского опыта. Моей задачей стало унифицировать оплату коммунальных услуг, налогов и штрафов между платформами и повысить транзакционную активность клиентов.
Важным условием было использовать платформенные паттерны и существующие компоненты.
Год
2022
2022
Команда
Продакт
Аналитик
Дизайнер
UX-рисерчер
Продакт
Аналитик
Дизайнер
UX-рисерчер
Исследования
Интервью
Анализ рынка
UX-тесты
Интервью
Анализ рынка
UX-тесты
Моя роль
Дизайн
Прототипы
Поддержка
Дизайн
Прототипы
Поддержка
Виджеты мобилка и веб
Результат
Результат
Я упростил сценарий оплаты счетов, опираясь на данные аналитики и интервью с клиентами. Затем унифицировал решение между вебом и мобильным приложением, обеспечив единый клиентский опыт.
Гипотеза подтвердилась в A/B-тесте: по данным команды, конверсия в оплату выросла кратно. Решение ушло в прод и стало основой для дальнейшего развития раздела.
Я упростил сценарий оплаты счетов, опираясь на данные аналитики и интервью с клиентами. Затем унифицировал решение между вебом и мобильным приложением, обеспечив единый клиентский опыт.
Гипотеза подтвердилась в A/B-тесте: по данным команды, конверсия в оплату выросла кратно. Решение ушло в прод и стало основой для дальнейшего развития раздела.
Я упростил сценарий оплаты счетов, опираясь на данные аналитики и интервью с клиентами. Затем унифицировал решение между вебом и мобильным приложением, обеспечив единый клиентский опыт.
Гипотеза подтвердилась в A/B-тесте: по данным команды, конверсия в оплату выросла кратно. Решение ушло в прод и стало основой для дальнейшего развития раздела.
Аватарки поставщиков с индикаторами веб и мобилка
Список счетов мобилка и веб
Процесс
Процесс
Я начал с анализа обеих платформ, чтобы определить подход к унификации. Сравнил существующие решения, выявил их плюсы и минусы на каждой платформе. Стало понятно, что просто переиспользовать решение одной платформы на другой не получится, т.к. однозначного победителя не было.
Затем проанализировал поведение пользователей и понял, что интерфейсы переусложнены и не соответствуют реальным сценариям оплаты. Раздел плохо решал основную задачу — быстро обнаружить и оплатить счета.
Я начал с анализа обеих платформ, чтобы определить подход к унификации. Сравнил существующие решения, выявил их плюсы и минусы на каждой платформе. Стало понятно, что просто переиспользовать решение одной платформы на другой не получится, т.к. однозначного победителя не было.
Затем проанализировал поведение пользователей и понял, что интерфейсы переусложнены и не соответствуют реальным сценариям оплаты. Раздел плохо решал основную задачу — быстро обнаружить и оплатить счета.
Я начал с анализа обеих платформ, чтобы определить подход к унификации. Сравнил существующие решения, выявил их плюсы и минусы на каждой платформе. Стало понятно, что просто переиспользовать решение одной платформы на другой не получится, т.к. однозначного победителя не было.
Затем проанализировал поведение пользователей и понял, что интерфейсы переусложнены и не соответствуют реальным сценариям оплаты. Раздел плохо решал основную задачу — быстро обнаружить и оплатить счета.
Мой вклад
Мой вклад
Мой вклад
UX аудит
UX аудит
UX аудит
job stories, IA
job stories, IA
job stories, IA
анализ конкурентов
анализ конкурентов
анализ конкурентов
production-ready дизайн для iOS и Android
production-ready дизайн для iOS и Android
production-ready дизайн для iOS и Android
прототипы для тестов
прототипы для тестов
консультации разработки и контроль качества
консультации разработки и контроль качества
консультации разработки и контроль качества
экраны экраны…их же было много все равно
Пользователи
Пользователи
Проанализировал результаты исследований, тестов и запросил данные от аналитика. Это позволило выявить несколько ключевых инсайтов о том, как клиенты банка оплачивают счета прямо сейчас
Проанализировал результаты исследований, тестов и запросил данные от аналитика. Это позволило выявить несколько ключевых инсайтов о том, как клиенты банка оплачивают счета прямо сейчас
Проанализировал результаты исследований, тестов и запросил данные от аналитика. Это позволило выявить несколько ключевых инсайтов о том, как клиенты банка оплачивают счета прямо сейчас
Ключевые инсайты о пользователях
приоритизипуют счета по сроку оплаты
в среднем имеют дело с 3 счетами
Проблема
Проблема
Раздел счетов на обеих платформах использовал группировку выставленных счетов: на мобилке это были подписки на поставщика, а на вебе — тип счета (коммунальный платеж, штраф или налог).
Раздел счетов на обеих платформах использовал группировку выставленных счетов: на мобилке это были подписки на поставщика, а на вебе — тип счета (коммунальный платеж, штраф или налог).
Раздел счетов на обеих платформах использовал группировку выставленных счетов: на мобилке это были подписки на поставщика, а на вебе — тип счета (коммунальный платеж, штраф или налог).
группы без счетов перетягивали внимание — снижалось обнаружение выставленных счетов.
выставленные счета были разобщены — это усложняло их приоритизицию по сроку оплаты.
для оплаты счета требовалось пройти через экран группы — это не несло ценности для пользователя и удлиняло его путь к оплате.
старые экраны
список счетов
мобилка и веб?
Решения
Решения
что сделал
что сделал
что сделал
Ключевая проблема
Ключевая проблема
Раздел счетов на обеих платформах использовал группировку выставленных счетов: на мобилке это были подписки на поставщика, а на вебе — тип счета (коммунальный платеж, штраф или налог).
В результате выставленные счета были разобщены — это усложняло их обнаружение и приоритизацию.
Раздел счетов на обеих платформах использовал группировку выставленных счетов: на мобилке это были подписки на поставщика, а на вебе — тип счета (коммунальный платеж, штраф или налог).
В результате выставленные счета были разобщены — это усложняло их обнаружение и приоритизацию.
Раздел счетов на обеих платформах использовал группировку выставленных счетов: на мобилке это были подписки на поставщика, а на вебе — тип счета (коммунальный платеж, штраф или налог).
В результате выставленные счета были разобщены — это усложняло их обнаружение и приоритизацию.
Ключевая проблема
Ключевая проблема
Раздел счетов на обеих платформах использовал группировку выставленных счетов: на мобилке это были подписки на поставщика, а на вебе — тип счета (коммунальный платеж, штраф или налог).
Раздел счетов на обеих платформах использовал группировку выставленных счетов: на мобилке это были подписки на поставщика, а на вебе — тип счета (коммунальный платеж, штраф или налог).
Раздел счетов на обеих платформах использовал группировку выставленных счетов: на мобилке это были подписки на поставщика, а на вебе — тип счета (коммунальный платеж, штраф или налог).
группы без счетов перетягивали внимание — снижалось обнаружение выставленных счетов.
группы без счетов перетягивали внимание — снижалось обнаружение выставленных счетов.
группы без счетов перетягивали внимание — снижалось обнаружение выставленных счетов.
выставленные счета были разобщены — это усложняло их приоритизицию по сроку оплаты.
выставленные счета были разобщены — это усложняло их приоритизицию по сроку оплаты.
выставленные счета были разобщены — это усложняло их приоритизицию по сроку оплаты.
для оплаты счета требовалось пройти через экран группы — это не несло ценности для пользователя и удлиняло его путь к оплате.
для оплаты счета требовалось пройти через экран группы — это не несло ценности для пользователя и удлиняло его путь к оплате.
для оплаты счета требовалось пройти через экран группы — это не несло ценности для пользователя и удлиняло его путь к оплате.
Влияние на UX
Влияние на UX
Лишний шаг на пути к оплате счета — пользователь сначала переходит к группе и только затем к счету.
Ухудшает обнаружение новых счетов на экране Платежей, т.к. логика виджет прямо отражает структуру раздела счетов.
Ухудшает обнаружение новых счетов в самом разделе
Главный экран
При первом запуске мы знакомим пользователя с назначением ассистента, объясняем откуда берутся цифры и предлагаем их скорректировать, чтобы показать максимально ценный результат.
При первом запуске мы знакомим пользователя с назначением ассистента, объясняем откуда берутся цифры и предлагаем их скорректировать, чтобы показать максимально ценный результат.
При первом запуске мы знакомим пользователя с назначением ассистента, объясняем откуда берутся цифры и предлагаем их скорректировать, чтобы показать максимально ценный результат.
Главный экран
В зависимости от трат, у пользователя могут появиться либо накопления, либо дефицит. Накопленные деньги можно перевести на отдельный счет или потратить в этом месяце, а в случае дефицита — уменьшить расходы.
В зависимости от трат, у пользователя могут появиться либо накопления, либо дефицит. Накопленные деньги можно перевести на отдельный счет или потратить в этом месяце, а в случае дефицита — уменьшить расходы.
В зависимости от трат, у пользователя могут появиться либо накопления, либо дефицит. Накопленные деньги можно перевести на отдельный счет или потратить в этом месяце, а в случае дефицита — уменьшить расходы.
Карманы
Карманы
Пользователь может выделять деньги на заранее известные траты — обязательные платежи, визит к врачу или подарок. Карманы помогают не потратить эти средства в повседневных расходах.
Пользователь может выделять деньги на заранее известные траты — обязательные платежи, визит к врачу или подарок. Карманы помогают не потратить эти средства в повседневных расходах.
Пользователь может выделять деньги на заранее известные траты — обязательные платежи, визит к врачу или подарок. Карманы помогают не потратить эти средства в повседневных расходах.
Аналитика
Аналитика
Свободный остаток помогает принимать решения, а аналитика — понимать, почему этих денег оказалось больше или меньше.
Свободный остаток помогает принимать решения, а аналитика — понимать, почему этих денег оказалось больше или меньше.
Свободный остаток помогает принимать решения, а аналитика — понимать, почему этих денег оказалось больше или меньше.
Отзывы коллег
Отзывы коллег
Слава — самый опытный и выдающийся дизайнер, с которым мне доводилось работать. Он не просто создаёт потрясающий UI, он буквально делает кристально ясный продукт прямо из твоей головы. Его работа над персональным финансовым ассистентом для клиентов банка превзошла наши ожидания по качеству и срокам!
CPO в Альфа-Банк
Слава — самый опытный и выдающийся дизайнер, с которым мне доводилось работать. Он не просто создаёт потрясающий UI, он буквально делает кристально ясный продукт прямо из твоей головы. Его работа над персональным финансовым ассистентом для клиентов банка превзошла наши ожидания по качеству и срокам!
CPO в Альфа-Банк
Слава — самый опытный и выдающийся дизайнер, с которым мне доводилось работать. Он не просто создаёт потрясающий UI, он буквально делает кристально ясный продукт прямо из твоей головы. Его работа над персональным финансовым ассистентом для клиентов банка превзошла наши ожидания по качеству и срокам!
CPO в Альфа-Банк
Работал со Славой над функционалом платежей: автоматические платежи, шаблоны и подписки для получения выставленных счетов. Слава проявил ответственное отношение к работе и высокое качество выполнения, провёл тщательный анализ конкурентов и предложил оптимальные решения. Проект был успешно завершён в срок.
PO в Альфа-Банк
Работал со Славой над функционалом платежей: автоматические платежи, шаблоны и подписки для получения выставленных счетов. Слава проявил ответственное отношение к работе и высокое качество выполнения, провёл тщательный анализ конкурентов и предложил оптимальные решения. Проект был успешно завершён в срок.
PO в Альфа-Банк