Задача
Задача
Повысить удобство и скорость работы с историей транзакций
Повысить удобство и скорость работы с историей транзакций
Контекст
Контекст
«История транзакций» используется для контроля операций по картам и счетам. Раздел необходимо было пересмотреть с точки зрения пользовательского опыта. Цель — упростить фильтрацию и восприятие всех транзакций
«История транзакций» используется для контроля операций по картам и счетам. Раздел необходимо было пересмотреть с точки зрения пользовательского опыта. Цель — упростить фильтрацию и восприятие всех транзакций
Старый интерфейс
Старый интерфейс
Выявленные проблемы
Выявленные проблемы
Тяжёлый монотонный список
Тяжёлый монотонный список
Нет группировки по датам, транзакции разных типов сливаются в одну ленту
Отсутствует идентификация карты для каждой операции
Нет группировки по датам, транзакции разных типов сливаются в одну ленту
Отсутствует идентификация карты для каждой операции
Нет единой структуры у фильтра
Нет единой структуры у фильтра
Поиск, выбор счета и выбор команды находятся в отдельном блоке от табов типов транзакций и селекта «Сформировать выписку»
Поиск, выбор счета и выбор команды находятся в отдельном блоке от табов типов транзакций и селекта «Сформировать выписку»
Перегруженный CTA
Перегруженный CTA
Акцентная кнопка «Сформировать выписку» отвлекала от основного рабочего процесса
Акцентная кнопка «Сформировать выписку» отвлекала от основного рабочего процесса
Лишний шаг для поиска
Лишний шаг для поиска
Поиск скрыт за кнопкой, требует два клика для ввода запроса
Поиск скрыт за кнопкой, требует два клика для ввода запроса
Неэффективная фильтрация
Неэффективная фильтрация
Три селекта вынуждали последовательно открывать «Счёт», «Карту» и «Команду»
Три селекта вынуждали последовательно открывать «Счёт», «Карту» и «Команду»
Исследования и аналитика
Исследования и аналитика
Логирование событий и clickstream-анализ
Логирование событий и clickstream-анализ
С помощью встроенной аналитики собраны данные по 1 500 сессиям пользователей за 30 дней
В среднем, пользователи тратили 12,4 секунды и совершали 3,2 клика для полной настройки фильтров (±0,6)
С помощью встроенной аналитики собраны данные по 1 500 сессиям пользователей за 30 дней
В среднем, пользователи тратили 12,4 секунды и совершали 3,2 клика для полной настройки фильтров (±0,6)
Последовательность выбора фильтров
Последовательность выбора фильтров
68 % — начинают с выбора счёта
22 % — затем выбирают команду
10 % — завершают выбором карты
Эти данные подтвердили гипотезу: объединение фильтров в один упорядоченный селект сократит число шагов и общее время настройки
68 % — начинают с выбора счёта
22 % — затем выбирают команду
10 % — завершают выбором карты
Эти данные подтвердили гипотезу: объединение фильтров в один упорядоченный селект сократит число шагов и общее время настройки
Принятые решения
Принятые решения
Группировка и визуальное разграничение
Группировка и визуальное разграничение
Добавлена группировка по датам с чётким заголовком дня
Чередующиеся фоны строк улучшают сканирование
У каждой транзакции теперь отображается иконка типа операции (пополнение, отказ, холд), номер и название карты, по которой прошла операция
Добавлена группировка по датам с чётким заголовком дня
Чередующиеся фоны строк улучшают сканирование
У каждой транзакции теперь отображается иконка типа операции (пополнение, отказ, холд), номер и название карты, по которой прошла операция
Транзакции До / После редизайна
Обновленный интерфейс · без начислений
Оптимизация CTA и структуры фильтрации
Оптимизация CTA и структуры фильтрации
Фильтрация объединена в один блок и разделена чертой на две части.
Верхняя часть: выбор периода (календарь), тип транзакции (таб-меню). Кнопка «Сформировать выписку» была переименована в «Скачать выписку» и стала неакцентной (outline), сохранив при этом видимость и доступность.
Нижняя часть: единый селект «Счёт / Команда / Карта» и встроенный инпут поиска
Фильтрация объединена в один блок и разделена чертой на две части.
Верхняя часть: выбор периода (календарь), тип транзакции (таб-меню). Кнопка «Сформировать выписку» была переименована в «Скачать выписку» и стала неакцентной (outline), сохранив при этом видимость и доступность.
Нижняя часть: единый селект «Счёт / Команда / Карта» и встроенный инпут поиска
Встроенный поиск
Встроенный поиск
Инпут для поиска по операциям всегда на виду. Это сократило количество кликов для совершения действия
Инпут для поиска по операциям всегда на виду. Это сократило количество кликов для совершения действия
Фильтр До / После редизайна
Обновленная страница создания промокода
Объединённый селект
Объединённый селект
Все три фильтра сконструированы как единый компонент:
Счета
Команды
Карты
При большом количестве карт или команд пользователь может свернуть вложенные группы, чтобы избежать перегруза списка.
Все три фильтра сконструированы как единый компонент:
Счета
Команды
Карты
При большом количестве карт или команд пользователь может свернуть вложенные группы, чтобы избежать перегруза списка.
Объединённый селект
Обновленный подраздел «Выплаты»
Итоговый вид раздела
Обновленный подраздел «Выплаты»
Метрики до и после редизайна
Метрики
до и после редизайна
Результаты
Результаты
01
01
Блок фильтрации стал чище, снижено количество лишних шагов
Блок фильтрации стал чище, снижено количество лишних шагов
02
02
Улучшена структура транзакций, добавлена группировка по датам. Транзакции стали информативнее
Улучшена структура транзакций, добавлена группировка по датам. Транзакции стали информативнее
03
03
Объединенный селект по счетам, командам и картам позволил сократить время на фильтрации и уменьшил количество кликов
Объединенный селект по счетам, командам и картам позволил сократить время на фильтрации и уменьшил количество кликов
PEYRO
История транзакций
PEYRO — международный сервис для арбитража трафика, оплаты зарубежных товаров и услуг
PEYRO
История транзакций
PEYRO — международный сервис для арбитража трафика, оплаты зарубежных товаров и услуг