Т-Банк
Редизайн раздела
курсов валют
Дизайнер
Денис Ренкас
Продолжительность
5 недель
Платформа
iOS / Android
Я продолжаю оформлять эту страницу и скоро подробнее расскажу как работал над проектом и поделюсь подробными результатами работы 😉

О проекте

Т-Банк – российский коммерческий банк, сфокусированный полностью на дистанционном обслуживании, не имеющий розничных отделений.

Вводные

Раздел с курсами валют устарел, в нем много неактуальной информации. Нужно сделать раздел таким, чтобы он отражал текущую экономическую ситуацию и при необходимости список объектов на экране можно было легко изменить и поменять приоритет порядка их выдачи. Также, необходимо освежить визуальный стиль компонентов.

Проблемы

  • неочевидная точка входа в раздел.
  • неочевидные условия обмена
  • запутанная навигация из-за сложной архитектуры экрана
  • устаревший список курсов, нет драгоценных металлов

Цели

  • повышение прибыли от проведения конвертаций
  • кроссейл подписки Pro
  • уменьшение количества обращений в поддержку из-за непонятной информации в разделе

Кабинетное исследование

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

Гипотезы

Размещение виджета с курсами валют на главной странице упростит вход в раздел
Добавление уведомления о достижении
целевого курса повысит количество запланированных конвертаций
Пользователям будет удобно иметь вкладки
“Валюты” и “Металлы” на одном экране
Размещение блока “обновлено в XX:XX” 
рядом с курсом повысит доверие 
к актуальности информации
Подсветка динамики курса цветными стрелками будет стимулировать действия по обмену
Возможность редактировать содержимое валютного виджета значительно повысит его полезность и частоту использования
Размещение баннера с преимуществами подписки на экране конвертации повысит ее конверсию
Добавление на экран “Курсы валют”информации
о банкоматах, в которых можно получить наличную валюту снизит количество обращений в поддержку
Наличие графика изменения курса с возможностью выбора даты позволит пользователям меньше использовать сторонние валютные сервисы
Кнопка «Конвертировать» на экране счёта ускорит сценарий и увеличит количество конвертаций

Пользовательский сценарий

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

Иван, 30-летний фрилансер из Москвы, увлекается технологиями и регулярно покупает гаджеты за границей через знакомых. Он следит за курсом валют, хранит часть сбережений в долларах и активно использует банковские приложения для управления финансами. Не может оплачивать покупки за рубежом, поэтому заранее приобретает валюту по выгодному курсу.

Цели

  • удобно контролировать динамику изменения курса
  • купить доллары по наиболее выгодному выгодному курсу

Проблемы

  • не может платить напрямую валютой за границей
  • хочет видеть нужные курсы валют сразу при открытии приложения
  • боится пропустить выгодный курс – проверяет ежедневно
  • хочет видеть динамику изменения курса во время конвертации
  • хочет получить более выгодные условия обмена

Task flow

Прототипы и тестирования

Для проверки гипотез я провел тестирования на нескольких итерациях прототипов, начиная с бумажного
до высокодетализированного интерактивного протипа.

Выводы по тестированиям

Добавляем персонализируемый виджет с возможностью настроить отображаемые валюты, расположение, показ стрелок динамики и умный режим.
Добавляем вкладку металлы, на экран с валютами, чтобы заинтересовать пользователей открывать счета в металлах и изучать эту тему. Курс металлов так же можно добавить в виджет с валютами.
Убираем страницу “Динамика курса”, поскольку пользователям не нужны графики и календарь изменения валют внутри приложения банка. Продвинутых пользователей отправляем в приложение Инвестиции.
Реализуем оповещение о курсе. Кнопку с ним переносим на общий экран курса валют и металлов.
Добавляем баннер с преимуществами подписки Pro на экран конвертации и на последнем шаге подключения уведомления о курсе.

UI Kit

#333333
#9299A2
#D9D9D9
#FFFFFF
#428BF9
#FFDD2D
#FACE2D
#F52222
Aa
SF Pro Text
regular, medium, semibold, bold
Результаты работы
Made on
Tilda