Редизайн открытия онлайн-депозита
UX/UI design
·
Mobile App
·
2024
Heading 1 -
Заголовок на главной
Heading 2 - Подзаголовки на главной, заголовки на страницах
Heading 3 - подзаголовки на страницах
Body XL fdbdf
dfbdffdff
Body L fdvzdf
fddfzfd
Body M dfhbhvs
fvdfdf
Body S fdbjdz
fddfdf
Body XS ffbhjf
fdgdf
Контекст
Мой O!+ Банк — это суперапп, который объединяет банковские услуги,
личный кабинет абонента для управления мобильной связью и маркетплейс для покупки и продажи товаров в
Кыргызстане. Одной из востребованных функций приложения является открытие онлайн-депозита, позволяющее
клиентам банка накапливать средства. Пользователи хотят быстро изучить условия, рассчитать прибыль и
без сложностей открыть вклад. Я сосредоточилась на редизайне, чтобы упростить взаимодействие и
улучшить пользовательский опыт.
📌 Задача
Создать удобный процесс открытия депозита, который позволит пользователю:
✦ Ознакомиться с условиями и параметрами депозита.
✦ Выбрать желаемый срок и сумму.
✦ Рассчитать итоговую сумму с процентами.
✦ Оформить депозит в пару кликов.
⚡️ Решение
Я переработала интерфейс, сделав его интуитивным и лаконичным:
✦ Разработала экран с ключевой информацией о депозите.
✦ Уделила особое внимание интерактивным элементам, благодаря которым легко
настроить параметры.
✦ Моментальный расчёт доходности, чтобы пользователь сразу видел, сколько он
накопит.
✦ Минимум шагов для оформления депозита.
⭐️ Результат
✦ Пользователи быстрее принимают решение об открытии депозита.
✦ Сокращено время на изучение условий и расчёты.
✦ Улучшен пользовательский опыт, что влияет на рост количества оформленных
депозитов.
Целевая аудитория
💁♀️ Клиенты банка
Текущие пользователи, желающие быстро открыть депозит через приложение.
💁 Новые пользователи
Люди, которые рассматривают онлайн-депозиты как альтернативу посещению
отделения.
Текущий дизайн
Я начала с подробного изучения текущего флоу открытия депозита в приложении, изучила
сайт, предложения и условия по депозитам. Протестировала функционал
и калькулятор.
Сейчас открыть депозит в приложении неудобно — нет возможности сразу увидеть все
предложения и сравнить тарифы. Пользователи заходят, но часто уходят без оформления, потому что боятся
ошибиться или не понимают, как выбрать подходящий вариант.
Бенчмаркинг
Далее я провела анализ конкурентов и ознакомилась с аналогичными решениями
в других
банковских приложениях. Выявила, какие моменты могут вызвать трудности
у пользователя во время
прохождения флоу. А также отметила для себя моменты, которые, наоборот, могут оставить положительные
эмоции и впечатления
от взаимодействия с интерфейсом. Я проанализировала приложения банков на местном
рынке, а также крупные банки на российском рынке: Сбер, Т-банк, Альфа-банк, Ozon-банк.
Основные пункты, по которым я проводила UX оценку:
📊 Наличие калькулятора для расчета прибыли
🔍 Прозрачность условий на каждом этапе
⏩ Простота навигации
💡 Подсказки и сопровождение в процессе
📍 Удобство выбора суммы и срока вклада
⚡️ Количество шагов для открытия депозита
Проведя анализ этих приложений, я сформулировала основные проблемы, с которыми может
столкнуться пользователь. Среди них были такие проблемы, как:
😤 Сложное сравнение тарифов
😤 Сложности с выбором суммы и срока
😤 Не всегда очевидно, сколько можно накопить к концу срока
Сценарии
Далее я выделила основные фичи и определила, каким должен быть удобный и понятный
процесс оформления онлайн-депозита. Для этого я составила список JTBD и сценарий.
Решение
Онбординг скрин & Раздел с депозитами
Улучшения:
✦ Теперь инфо-экран объясняет ключевые преимущества функционала и условия. Он
снижает тревожность, мотивирует к открытию вклада и направляет к целевому действию.
✦ Раздел с депозитами показывает все доступные предложения по депозитам банка, а
на карточке депозита пользователь увидит основную необходимую информацию для выбора подходящего
депозита: мин. сумма, условия пополнения/снятия и процент.
Открытие депозита
Улучшения:
✦ Упрощена структура экрана: акцент на ключевых параметрах и итоговой сумме, без
перегрузки дополнительной информацией.
✦ Добавлено предзаполненное значение суммы и срока вклада, чтобы пользователь
сразу видел конкретные цифры и мог быстрее принять решение.
✦ Карусель с карточками депозитов позволит удобно переключаться между разными
условиями.
✦ Пользователь может ознакомиться с полными условиями депозита. Для оптимизации
пространства, условия вынесены на отдельный экран.
Выбор условий
Улучшения:
✦ При выборе срока депозита и валюты отображается соответствующая процентная
ставка. Это позволяет пользователю быстро оценить выгоду и принять решение без лишних действий.
Ввод суммы
Улучшения:
✦ Простой и интуитивный ввод, автоматическое открытие клавиатуры, чистый UI.
✦ Удобные табы с суммами, ускоряющие процесс заполнения.
Выбор счета списания
Улучшения:
✦ Оптимизирован UI, выбор счета через модальное окно.
OTP & Экран успеха
Улучшения:
✦ Экран успеха сообщает пользователю, что вклад успешно открыт. Его основная
функция — уведомить о завершении процесса и направить пользователя дальше.
Результат
Редизайн сделал процесс открытия онлайн-депозита более прозрачным и удобным. Я
переработала интерфейс, чтобы пользователь мог быстрее разобраться в условиях, сразу видеть ключевые
параметры и оперативно принять решение.
Одна из важных задач — минимизировать любые точки сопротивления. Теперь расчёты
стали нагляднее, а навигация проще, что сократило время на оформление вклада.
Вместо перегруженных экранов с лишними деталями я сфокусировалась на чёткой подаче
информации и понятных шагах. В итоге клиенты быстрее проходят процесс открытия депозита, а удобство
взаимодействия повышает вовлечённость и доверие к приложению.
Другие проекты
