К основному содержанию
Связаться
Экран «Курсы валют» в редизайне: список валют с курсами покупки и продажи, переключатели «Валюты» и «Металлы», блок конвертации.Главный экран приложения Т-Банка: профиль пользователя, поиск платежей, быстрые действия и карты — контекст, в котором находится раздел курсов валют.

Т-Банк Редизайн раздела курсов валют

ЗАДАЧА
Переосмыслить устаревший раздел курсов валют в мобильном приложении Т-Банка: сделать информацию понятной, актуальной и удобной для быстрого обмена валюты внутри одного сценария.
О ПРОЕКТЕ
Старый раздел был перегружен разрозненной информацией, имел неочевидную точку входа, сложную навигацию и не закрывал актуальные потребности пользователей: отслеживание динамики, сравнение условий и быструю конвертацию. По брифу также требовалось расширить список объектов, включая драгметаллы, и обновить визуальный стиль компонентов.

Цели бизнеса → Что изменилось

(01) ЦЕЛИ И РЕЗУЛЬТАТЫ

  • ЦЕЛЬ — 01

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

    Добавлен прямой путь от курса к обмену: пользователь может перейти к покупке или продаже валюты из карточки объекта.

  • ЦЕЛЬ — 02

    Подсветить выгоду Pro

    Условия Pro встроены в сценарий сравнения курса, а не вынесены в отдельный рекламный блок.

  • ЦЕЛЬ — 03

    Снизить обращения в поддержку

    Условия обмена, банкоматы, лимиты и разница курсов стали понятнее за счёт явной структуры и контекстных пояснений.

  • ЦЕЛЬ — 04

    Сделать раздел масштабируемым

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

Исследование и аудит текущего опыта

(02) ИССЛЕДОВАНИЕ

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

Что я выявила

  • Раздел воспринимался как справочник

    Пользователь мог посмотреть курс, но путь к действию был слабым: не было очевидного перехода к конвертации, сравнению условий и выбору выгодного варианта.

  • Архитектура экрана усложняла выбор

    Информация была собрана в одном месте, но не была разложена по пользовательским задачам: «посмотреть динамику», «обменять», «снять наличные», «сравнить условия».

  • Не хватало актуальных объектов

    Список курсов не отражал текущие сценарии интереса пользователей: например, не были учтены металлы.

  • Условия обмена были недостаточно прозрачными

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

Что было до редизайна

Аннотированные скриншоты старого раздела курсов валют с отмеченными проблемами: «Неочевидная точка входа» — раздел спрятан в «Ещё» и выглядит как строка с курсами; «Неясный результат обмена» — сумма после конвертации не видна заранее; «Преимущество подписки не работает на продажу» — льготный курс Pro и Premium показан формально; «Нет инструментов для работы с курсом» — нельзя отследить изменение курса; «Смешаны разные сценарии» — конвертация, покупка валюты, снятие наличных и переводы собраны на одном экране; «Интерфейс воспринимается как справочник» — раздел объясняет, но не помогает быстро выполнить действие.

Гипотезы

(03) ГИПОТЕЗЫ

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

  • Если разделить объекты по смысловым группам (валюты, металлы, популярные направления), то пользователю будет проще ориентироваться в списке

  • Если встроить конвертацию в основной сценарий, раздел начнёт работать не только как информационный экран, но и как точка входа в операцию

  • Если показать динамику прямо в карточке валюты, пользователь быстрее поймёт тренд и перейдёт к деталям только при необходимости

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

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

Low-fi прототип

(04) ПРОТОТИП

На этапе low-fi я собрала бумажный прототип ключевого сценария: вход в раздел → выбор валюты → переход к обмену. Это помогло быстро проверить структуру пути до проработки интерфейса.

Четыре бумажных наброска экранов от руки: главный экран банка с разделом «Курсы валют», список курсов с валютами и металлами, экран курса доллара с графиком динамики и кнопкой покупки, экран перевода между счетами.

Новый пользовательский путь

(05) ИЗМЕНЕНИЯ

Before

  • Пользователь ищет раздел курсов
  • Попадает в список с разрозненной информацией
  • Самостоятельно ищет нужную валюту
  • Не сразу понимает условия обмена
  • Переходит в другой раздел для конвертации
  • При сомнениях обращается в поддержку или покидает сценарий

After

  • Пользователь заходит в раздел из более очевидной точки входа
  • Видит сгруппированные курсы: популярные валюты, металлы
  • Сразу считывает текущий курс и динамику
  • Открывает карточку валюты с понятными условиями
  • Сравнивает выгоду, включая условия Pro
  • Переходит к конвертации из этого же сценария

Что изменилось после редизайна

Аннотированные скриншоты обновлённого раздела: «Более очевидная точка входа в раздел валют» — карточка «Курсы валют и металлов» вынесена на главный экран; «Появился доступ к металлам» — вкладка «Металлы» рядом с «Валюты»; «Стало проще посмотреть все доступные курсы» — популярные валюты вынесены на первый экран, остальные — в отдельный список; «Преимущества подписки стали заметнее» — обычный курс и курсы Pro и Premium показаны рядом; «Конвертация стала прозрачнее» — сразу видно, что отдаёшь и что получаешь; «Второстепенные операции вынесены отдельно» — банкоматы и другие операции с валютой убраны в отдельные карточки; «Появился отдельный сценарий отслеживания курса» — экран динамики курса с графиком.

UI-концепция

(06) ВИЗУАЛ

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

Четыре мокапа экрана курсов валют в тёмной и светлой теме: списки курсов валют и металлов, а также экран динамики курса доллара с графиком в обеих версиях.

Тестирование прототипа

(07) ТЕСТ

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

Основные выводы

  • Пользователи быстрее находили нужные курсы

    Группировка по смысловым блокам снизила визуальный шум и упростила навигацию.

  • Динамика стала понятнее

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

  • Условия Pro требовали более явного объяснения

    После тестирования я усилила подачу выгоды и добавила более понятный контекст рядом с курсом.

  • Наличный обмен нужно отделять от безналичной конвертации

    Пользователи воспринимают эти сценарии как разные задачи, поэтому я развела их в интерфейсе.

Промо

(08) ПРОМО

Спасибо за просмотр!

Свяжитесь со мной любым удобным способом