Steam и Т-Банк
AndroidiOS

Как помочь пользователю найти нужный логин и не перепутать его с никнеймом при пополнении Steam

Бенчмаркинг, гипотезы, иллюстрация и финальный сценарий для iOS и Android

Команда
  • Продуктовый менеджер
  • Бизнес-аналитик
  • UX редактор
  • Продуктовый дизайнер

Моя роль

Отвечал за бенчмаркинг конкурентов, формулировку гипотез, дизайн иллюстрации и финальный флоу для iOS и Android

Контекст

В приложении Т-Банка есть возможность пополнять кошелёк Steam прямо из приложения. На экране оплаты пользователи вводят логин и сумму пополнения

Исходный сценарий пополнения Steam на iOSИсходный сценарий пополнения Steam на Android

Проблема

Бизнеса

Ошибки при вводе логина приводят к потере части транзакций, росту обращений в поддержку и снижению дохода

Пользователей

Пользователи часто путают логин с никнеймом или ID. В результате средства не доходят до аккаунта, растёт число ошибок

Данные подтверждающие проблему

Материалы кейса

Материалы кейса

Процесс

Discover

  • Изучил аналитику по категории игры и отзывы пользователей по провайдеру Steam, чтобы понять ключевые боли и паттерны поведения

Define

  • Провёл бенчмаркинг решений конкурентов
  • Сформулировал гипотезы и обсудил их с командой, выбирая наиболее обоснованные и релевантные для улучшения UX

Develop

  • Создал иллюстрацию и оформил пользовательский флоу
  • Провёл внутреннюю дизайн-сессию с командой дизайнеров

Deliver

  • Передал готовое решение аналитике для запуска A/B теста и проверки гипотез на реальных пользователях

Бенчмаркинг

После формулировки задачи я посмотрел, как конкуренты решают похожую проблему

Было важно отметить:

  • Как именно у них выглядит подсказка для логина (экшен + штора, тултип, динамичная подсказка без лишних тапов)
  • Какой используется экшен
  • Каким образом подсказка подаётся пользователю (текст, картинка, видео, гибрид)
Бенчмаркинг подсказок логина у конкурентовСмотреть бенчмаркинг

Гипотезы

Гипотеза 1 (отброшена после обсуждения)

Если рядом с полем логина добавить заметный экшен с подсказкой, то пользователи будут чаще читать инструкцию перед вводом → снизится количество ошибок

Макеты для проверки гипотезы 1

✅ Часто встречается у конкурентов

✅ Яркий экшен может привлечь внимание

❌ Подсказка у нас уже встроена без лишнего тапа и не работает

❌ Экшен требует лишнего клика → пользователи вряд ли будут открывать его осознанно

❌ Юзеры уверены, что знают «правильный логин» и редко перепроверяют

Гипотеза 2 (зафиксирована как идея на будущее)

Если проверять введённый логин на существование в Steam, то пользователи будут реже совершать ошибки при вводе → уменьшится число неверных пополнений

Макеты для проверки гипотезы 2

✅ Идея может снизить количество ошибок при вводе логина

✅ Позволяет сразу отсеивать несуществующие аккаунты

❌ Неясно, можно ли технически подтянуть информацию о существовании логина в Steam

❌ Даже если логин найден, это не гарантирует, что он принадлежит пользователю

❌ Сложно и долго дорабатывать → высокий порог реализации

Гипотеза 3 (вынесена в тесты)

Если во время ввода логина показывать расширенную подсказку (текст + иллюстрация) без лишнего тапа, то пользователи поймут, какой именно идентификатор нужен → сократится число ошибок

Макеты для проверки гипотезы 3

✅ Быстрая и дешёвая доработка: внутри приложения уже есть похожий паттерн с текст+картинка, который можно переиспользовать

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

✅ Подсказка показывается сразу при фокусе на поле логина, без лишнего клика

❌ У конкурентов используется скриншот в качестве картинки — он нагруженный и с устаревшим интерфейсом Steam. Мы не можем использовать такой вариант, поэтому картинку придётся делать вручную

Результат

A/B test

Мы обновили подсказку при вводе логина: в Android-версии изменили поведение поля, чтобы освободить место под иллюстрацию, и добавили изображение с указанием, где найти логин Steam, в дополнение к текстовому хинту

Было

  • Подсказка появлялась при фокусе на поле логина
  • Текст был перегружен: одновременно про логин и про комиссию
  • Пользователи не обращали внимания на подсказку → ошибки при вводе

Стало

  • Подсказка по-прежнему показывается в фокусе на поле без лишнего клика
  • Текст разделили: про комиссию перенесли к полю суммы, про логин оставили только в поле логина
  • Добавили иллюстрацию, которая наглядно показывает, где найти логин в Steam

Финальный флоу

iOS

Материалы кейса

Android

Материалы кейса

Итог

Мы подготовили и запустили А/Б-тест, где проверяется влияние изменения подсказки на снижение ошибок при вводе логина Steam

Основная метрика

Количество обращений в поддержку с жалобами на сложности при пополнении Steam

Дополнительно будем отслеживать

  • % успешных пополнений (количество успешных транзакций ÷ общее количество попыток)
  • Вовлечённость пользователей в провайдера с новым форматом подсказки