саммари:
саммари:
Я заметил, что в приложении Т-Банка нельзя переводить деньги напрямую из чата. Исследование показало, что это заметное неудобство для пользователей. При этом, фичу можно легко и органично внедрить
Для исправления ситуации, добавил возможность перевода из чата на iOS версии приложения, соблюдая рамки Taiga 3.0 дизайн-системы Т-Банка, дизайн-принципы команды приложения и стандарты HIG
Добавление всего одной кнопки позволило увеличить скорость прохождения флоу вдвое. Улучшено one-hand accessibility. Пользователи сообщили, что банковский чат стал логичнее, а 2/3 отметили, что стали бы пользоваться такой функцией на постоянной основе
Что сделал?
Что сделал?
Исследования и фреймворки
Опросил пользователей
Провел мини-бенчмаркинг
И сравнительный AB тест результата
UX/UI
Обновил дизайн экранов
Соблюдал ДС компании и гайдлайны HIG
Сделал работающий прототип для тестов
Граф
Отрисовал вектор иконки для новой кнопки перевода
3D и анимация
Создал видеосцену в AE
А также 3D сцену в Spline
1.
Обнаружение проблемы
Я регулярно получаю переводы от постоянного клиента. Вдруг нужно было вернуть часть средств, случился перерасчёт, бывает.
Получится ли вернуть эти средства без затыков?
1.
Обнаружение проблемы
Я регулярно получаю переводы от постоянного клиента. Вдруг нужно было вернуть часть средств, случился перерасчёт, бывает.
Получится ли вернуть эти средства без затыков?
но нет 😕
но нет 😕
Вот флоу, который я прошёл, чтобы сделать обратный перевод средств
Вот флоу, который я прошёл, чтобы сделать обратный перевод средств
Открываем платежи
С трудом вспоминаем номер телефона или записанное имя контакта и вводим его
Выбираем правильного получателя
Сверяем ФИО и выбираем банк и карту
Вводим сумму для перевода
Подтверждаем перевод
Открываем платежи
С трудом вспоминаем номер телефона или записанное имя контакта и вводим его
Выбираем правильного получателя
Сверяем ФИО и выбираем банк и карту
Вводим сумму для перевода
Подтверждаем перевод
Открываем платежи
С трудом вспоминаем номер телефона или записанное имя контакта и вводим его
Выбираем правильного получателя
Сверяем ФИО и выбираем банк и карту
Вводим сумму для перевода
Подтверждаем перевод
Время прохождения
сценария: 18 сек
Время прохождения сценария: 18 сек
Требуется заметная когнитивная отдача. Прохождение одной рукой осложнено
Требуется заметная когнитивная отдача.
Прохождение одной рукой осложнено
2.
Оценка популярности проблемы
Прежде чем делать в продуктовом дизайне что-то даже очень важное для тебя, нужно понять, насколько твой паттерн пользования релевантен среднему
Поэтому сразу пошёл проводить опрос популярности функции чата и целей его использования
2.
Оценка популярности проблемы
Прежде чем делать в продуктовом дизайне что-то даже очень важное для тебя, нужно понять, насколько твой паттерн пользования релевантен среднему
Поэтому сразу пошёл проводить опрос популярности функции чата и целей его использования
Результаты показали, что пользователи охотно пользуются чатом, но… не как чатом 😅
Для многих это скорее история переводов контакту с возможностью маякнуть небольшую сопроводительную информацию — напоминание или пасибку за перевод
Результаты показали, что пользователи охотно пользуются чатом, но… не как чатом 😅
Для многих это скорее история переводов контакту с возможностью маякнуть небольшую сопроводительную информацию — напоминание или пасибку за перевод
Внучке неудобно переводить бабушке деньги на ее расходы
Расчет самозанятой с постоянным контрагентом превращается в мучения
После пятничного бара взаимные расчеты ребят осложняются вводом телефона
Мы обсуждали выше только проблемы юзеров, однако этот кейс не только про юзабилити
Отсутствие переводов из чата напрямую влияет на метрики продукта
↘ ASL из-за неполного функционала, джобы замещаются другими приложениями. А из-за этого юзер не замечает уже промо контента
↘ MAU фичи, из-за этого юзер реже открывает промо-чаты, хуже вовлечен в экосистему
↘ и верхнеуровневые метрики: % транзакционных пользователей и объем транзакций — юзеру может быть удобнее переводить через другие синергии чата и финтеха, вроде ВК
Мы обсуждали выше только проблемы юзеров, однако этот кейс не только про юзабилити
Отсутствие переводов из чата напрямую влияет на метрики продукта
↘ ASL из-за неполного функционала, джобы замещаются другими приложениями. А из-за этого юзер не замечает уже промо контента
↘ MAU фичи, из-за этого юзер реже открывает промо-чаты, хуже вовлечен в экосистему
↘ и верхнеуровневые метрики: % транзакционных пользователей и объем транзакций — юзеру может быть удобнее переводить через другие синергии чата и финтеха, вроде ВК
3.
Дизайн
Обычный UX-паттерн для интеграции финтех-фич в чаты — это поместить их во вложения. Так работает ВК, так работает Telegram, так вероятнее всего будет работать в MAX
Но тут у нас не совсем мессенджер. Тут чат финтех-приложения. Перевод денег — это здесь более частая джоба для пользователя и было выбрано её не прятать во вложения, а поместить сразу рядом
Решение получилось ненавязчивым и в тоже время доступным — всегда на виду, но ничего не отбирает у текущего интерфейса
Bottom Sheet максимально переиспользует текущий интерфейс, снижая время разработки и упрощая принятие обновления пользователями
Вектор для иконки пришлось отрисовать самостоятельно, хотя похожий есть в закрытой версии ДС Т-Банка и на релиз можно взять его оттуда
3.
Дизайн
Обычный UX-паттерн для интеграции финтех-фич в чаты — это поместить их во вложения. Так работает ВК, так работает Telegram, так вероятнее всего будет работать в MAX
Но тут у нас не совсем мессенджер. Тут чат финтех-приложения. Перевод денег — это здесь более частая джоба для пользователя и было выбрано её не прятать во вложения, а поместить сразу рядом
Решение получилось ненавязчивым и в тоже время доступным — всегда на виду, но ничего не отбирает у текущего интерфейса
Bottom Sheet максимально переиспользует текущий интерфейс, снижая время разработки и упрощая принятие обновления пользователями
Вектор для иконки пришлось отрисовать самостоятельно, хотя похожий есть в закрытой версии ДС Т-Банка и на релиз можно взять его оттуда
4.
Проверка гипотезы
Для проверки гипотезы провел быстрый AB тест. Поскольку метрики внутри продукта доступны только команде, стоить измерять влияющие на них метрики — например скорость прохождения флоу
По окончанию AB теста брал общие комментарии, первые впечатления и разъяснения по затупам при прохождении сценария — своеобразный коридорный опрос получился
4.
Проверка гипотезы
Для проверки гипотезы провел быстрый AB тест. Поскольку метрики внутри продукта доступны только команде, стоить измерять влияющие на них метрики — например скорость прохождения флоу
По окончанию AB теста брал общие комментарии, первые впечатления и разъяснения по затупам при прохождении сценария — своеобразный коридорный опрос получился
Время прохождения флоу
18 → 9.5 сек
-49%
Прохождение одной рукой
23 → 11.5 сек
-51%
При высокой когнитивной нагрузке
54 → 20 сек
-63%
Время прохождения флоу
18 → 9.5 сек
-49%
Прохождение одной рукой
23 → 11.5 сек
-51%
При высокой когнитивной нагрузке
54 → 20 сек
-63%
2/3 респондентов сообщили, что они бы использовали фичу на регулярной основе
2/3 респондентов сообщили, что они бы использовали фичу на регулярной основе
IT-команда Т-Банка делает одно из лучших финтех решений в мире
Очень здорово понимать, что можешь привнести в такой мощный продукт новую ценность
Спасибо за внимание!
IT-команда Т-Банка делает одно из лучших финтех решений в мире
IT-команда Т-Банка делает одно из лучших финтех решений в мире
Очень здорово понимать, что можешь привнести в такой мощный продукт новую ценность
Очень здорово понимать, что можешь привнести в такой мощный продукт новую ценность
Спасибо за внимание!
Спасибо за внимание!
Внучке неудобно переводить бабушке деньги на ее расходы
Расчет самозанятой с постоянным контрагентом превращается в мучения
После пятничного бара взаимные расчеты ребят осложняются вводом телефона