UX-концепт для «Райффайзен Банка»: взгляд на управление подписками до того, как это стало привычным
Привет! На связи Александр Жирнов. Во времена, когда Юра Ветров был бренд-директором «Райффайзена», а зарубежные сервисы работали в России без ограничений, мы в ZHIRNOV Studio решили исследовать сервис управления подписками в банкингах и связанный с ним пользовательский опыт.
Увы, в дальнейшую разработку наша версия не пошла, и продукт продолжил развиваться силами инхаус-команды. Но спустя несколько лет нам стало интересно вернуться к этим материалам – потому, что многие идеи, над которыми тогда размышляли дизайнеры по всему рынку, со временем стали привычной частью цифровых сервисов.
Сегодня это уже небольшой исторический срез того, каким мы представляли банковский опыт в 2021 году.
Все началось в далеком 2021 году
Ковидная тревога постепенно сходила на нет, но развлекательные сервисы – музыка, кино, подписки, – оставались на пике и пожинали плоды взрывного интереса времен массовой самоизоляции.
Купить подписку на Spotify тогда можно было в пару кликов, но вместе с ней в нагрузку прилетали лишние услуги, скрытые условия и фантомные списания. Внимательность была обязательным условием.
Банки быстро уловили запрос: подписок у пользователей становится так много, что вручную их уже не проконтролировать. А раз все платежи проходят по карте, логично, что банк может стать точкой управления – отслеживать транзакции и блокировать нежелательные списания.
Так в мобильных банках по всему миру начали появляться продукты для управления подписками. В это же время команда «Райффайзен Банка» изучала возможности развития такого сценария у себя, а мы вызвались разработать собственную UX-концепцию этого сервиса.
Идем в разведку
Изучили конкурентов. «Райффайзен» – международный банк, поэтому мы исследовали лучшие практики не только в России, но и за рубежом.
Проанализировали Revolut, Wise, и обычные мобильные сервисы, которые люди открывают по десять раз на дню. Смотрели, как банки собирают данные о подписках, изучали общие тренды в изменениях банковских приложений. И подсмотрели, как устроены российские конкуренты Райфа из топ-10.
А еще разобрали сервисы для денежного селф-менеджмента, чтобы понять, как лучше агрегировать информацию о тратах.
Догнать веб
К тому моменту «Райф» уже обновил свои веб-сервисы, и нам стало интересно: как тот же визуальный язык мог бы зазвучать в приложении? Мы решили не останавливаться на одном модуле подписок, а развернуться шире — пересмотрели навигацию и стилистику, переработали UX ключевых сценариев.
Для презентации мы разработали интерактивные прототипы, чтобы наглядно показать микровзаимодействия и работу с жестами. Поскольку мы планировали тестировать концепцию на пользователях в рамках юзабилити-исследований и собирать обратную связь, мы сразу предусмотрели бесшовные переходы между экранами.
Уведомление о новой подписке
Уведомления – частая точка входа в приложение. И банки тут в выигрыше: пользователи почти никогда не отключают их пуши. В нашем случае сценарий начинается с уведомления «Найдена новая подписка». Это сигнал, что банк заметил среди транзакций платеж на сервис, которого раньше в ваших счетах не было. Но мы не остановились на автоматике. Подписки можно добавлять и вручную. Так мы сделали шаг в сторону селф-бухгалтерии – добавили банковскому приложению инструменты для учета личных расходов. Фантомные подписки больше не копятся втихую: их видно и можно отследить в одном месте.
Истории как точка регулярного контакта
Они позволяют чаще взаимодействовать с пользователем, причем не навязываться. Мы сделали истории более заметными, переместив их наверх – в зону, которая уже стала привычной для большинства пользователей в разных соцсетях. А попутно мы добились стилистического единообразия интерфейса.
Самый популярный экран приложения – карты и счета
Мы спроектировали его как универсальную точку входа во все сценарии банковского сервиса.
Изначально мы рассматривали возможность сохранить стик-баттон «+» из предыдущей версии – удобный паттерн для переходов к платежам, открытию счета, оформлению кредита. Однако решили не копировать, а в выстраивать совершенно новую продуктовую логику.
Вместо этого мы проработали микровзаимодействия: шторки теперь можно выдвигать и задвигать скроллами.
Упрощаем навигацию
Слева вверху разместили блок со статистикой, справа – центр уведомлений. Это позволило избежать перегрузки интерфейса и отказаться от навязчивых красных индикаторов уведомлений в каждом разделе – распространенной проблемы банковских приложений. В целом интерфейс проектировали так, чтобы он был одинаково понятен пользователям разных поколений – и тем, кто привык к простым решениям, и тем, кто ожидает более продвинутого цифрового опыта.
Внизу – таббар с ключевыми разделами. Уже в 2021 году он был гигиеническим минимумом в управлении приложениями – с его помощью пользователи могут попадать в любые разделы за 2-3 клика. В разделе «Еще» скрыли кешбэк, скидки, сервисы и настройки.
Все пункты списка проиллюстрировали иконками, чтобы пользователи тратили меньше времени на сканирование информации. В старом приложении этого не хватало.
Контроль подписок
Главная фича – контроль подписок. Сделали welcome-скрин, чтобы пользователи понимали, куда перешли. Во-первых, в 2021 году люди еще могли трактовать «контроль подписок» по-разному. Во-вторых, обучение в процессе использования – важная часть UX для новых продуктов внутри больших сервисов.
Через графику передали, о каких подписках идет речь – иконка отсылает к музыкальным сервисам и видеохостингам.
В разделе пользователь может отслеживать активные подписки, находить новые через биллинг в истории платежей или добавлять их вручную. Здесь же отображаются приостановленные и отмененные подписки.
Историю списаний можно удобно просматривать и сортировать – например, по дате платежа или в алфавитном порядке. По каждой подписке доступна детальная статистика, которая помогает лучше понять структуру расходов.
Для меня этот кейс – про смену роли банка в жизни пользователя
Из «места, где лежат деньги» он постепенно превращается в инструмент управления финансовыми привычками.
Контроль подписок – частный случай, но очень показательный. Он про то, чтобы не просто показывать баланс, а помогать человеку не терять деньги там, где он даже не замечает потерь.
И в этом смысле дизайн – не про экраны и кнопки. Это про то, чтобы встроиться в повседневные сценарии и аккуратно навести в них порядок.
Хотя концепт так и не стал частью продукта, это не делает его менее ценным для нас. Ты не всегда видишь результат сразу, но если дизайн попал в нерв, он все равно догонит рынок.
И я не прощаюсь – продолжить знакомство с нами можно в Dprofile, на нашем сайте или в телеграм-канале. А мы уже скоро увидимся в новом материале!
