Что скрывается за «удобством» в интерфейсе: кейс ОТП Банка по обновлению истории операций для бизнеса
Дизайн в цифровых продуктах — это не про цвета и красивые кнопки. За по-настоящему удобными интерфейсами стоят исследования, работа с гипотезами и точное понимание пользовательских сценариев. На примере истории операций в интернет-банке для бизнеса ОТП Банк показал, как продуманная логика меняет ежедневную «рабочую» ленту транзакций и экономит время клиентам.
В 2023 году ОТП Банк провёл масштабный ребрендинг: обновились визуальный язык, палитра и тон коммуникации. Это стало отправной точкой для пересмотра интерфейсов цифровых сервисов, включая интернет-банк. Одним из первых направлений стала переработка истории операций — самого посещаемого раздела, где менеджеры и бухгалтеры проводят значительную часть рабочего дня. Проблема, от которой оттолкнулась команда: нужную транзакцию приходилось долго искать, а полезные фильтры оказывались «спрятанными» и задействовались поздно или вовсе не использовались.
Исследования: от паттернов рынка к пользовательским сценариям
На первом этапе команда провела вторичное исследование — изучила, как работают фильтры в других финтех-сервисах и какие элементы повторяются независимо от визуальной оболочки. Выделился устойчивый набор инструментов, который чаще всего помогает пользователям: «Поиск», «Входящие», «Исходящие» и «Период». Любопытно, что в старом интерфейсе ОТП Банка эти фильтры были, но располагались не в том порядке и не поддерживали привычную логику, из-за чего многие просто «не видели» их в нужный момент.
Подготовка к основному исследованию включала сверку найденных паттернов с реальными задачами клиентов. Команда собрала гипотезы и создала три прототипа с разной организацией фильтров — чтобы проверить, какие решения окажутся эффективнее в живых сценариях.
Ключевые гипотезы:
- людям важны быстрые переключатели по типу операции (входящие/исходящие), потому что это первый шаг в отсеве лишнего;
- абсолютное большинство начинает с периода, а не с статуса или суммы, поэтому «Период» должен быть под рукой;
- умный поиск нужен, но без видимых фильтров он не спасает — нужна понятная комбинация поиска и «чипов»;
- расширенные фильтры должны сворачиваться по умолчанию, а сохранённые пресеты — избавлять от многократных однотипных настроек.
Проверка прототипов и интервью
Серия глубинных интервью и задач на нахождение конкретных платежей показала:
- строка поиска в связке с крупными короткими «чипами» фильтров воспринимается быстрее, чем боковая «портянка» настроек;
- «Входящие/Исходящие» и «Период» — самые частые действия; если они видны сразу, время на решение задачи ощутимо сокращается;
- расширенный фильтр востребован реже, но его важна «доступность по клику», а не постоянная демонстрация;
- сохранённые пресеты («последние 7 дней входящих», «исходящие свыше N» и т. п.) экономят время тем, кто ежедневно работает с объёмными выгрузками;
- сортировка и группировка по контрагенту помогают бухгалтеру быстрее сверять оплаты;
- прежний порядок элементов мешал: пользователи тянулись к поиску, затем — к периоду, и только потом уточняли статус или сумму.
Финальный интерфейс: быстрые действия, умный контекст, гибкая настройка
При разработке итоговых макетов команда опиралась на данные тестов и комментарии пользователей, которые оперируют крупными массивами платежей. В результате:
- в верхней зоне появились заметные «чипы» часто используемых фильтров: «Входящие», «Исходящие», «Период», а также статус и диапазон суммы — они активируются в один клик;
- строка поиска стала постоянной и поддерживает «подсказки» по полям (назначение, ИНН/БИК, счёт, контрагент), подсвечивая совпадения в ленте;
- расширенные фильтры доступны в разворачиваемой панели: по умолчанию скрыты, чтобы не перегружать экран, но открываются мгновенно;
- добавлены сохранённые пресеты фильтров и «быстрые представления», чтобы возвращаться к типовым отчётам;
- лента поддерживает группировку по контрагентам и датам, «липкую» шапку с активными фильтрами и наглядные метки статусов;
- появились настраиваемые колонки и экспорт: пользователь сам решает, что видеть на экране и в выгрузке.
Единый опыт для ИП, ООО и корпораций
Сейчас личный кабинет для предпринимателей и корпоративных клиентов унифицирован. Это нетривиальная задача: у крупного бизнеса больше ролей, контуров согласования и операций. Баланс нашли за счёт принципа «по умолчанию — простое, по требованию — профессиональное». Базовый набор фильтров одинаков и минималистичен, а продвинутые настройки позволяют детально настроить ленту под сложные регламенты без потери скорости.
Производительность и масштабируемость
Перестройка интерфейса сопровождалась оптимизацией бэкенда: индексация полей, сегментация по датам, пагинация и подгрузка по мере прокрутки. Это снизило время отклика при поиске и фильтрации даже на больших массивах данных. Важно было сохранить мгновенную обратную связь: пользователь видит скелетон-загрузку и частичный результат, пока подтягиваются остальные данные.
Адаптация под мобильные сценарии
Мобильная версия учитывает «короткие» сессии: крупные элементы управления, быстрый доступ к периоду и типу операции, жесты для фильтров и сохранённые пресеты в один тап. При этом логика совпадает с десктопом, чтобы не приходилось «переучиваться» при переключении устройств.
Доступность и инклюзивность
Интерфейс спроектирован с учётом контрастности, фокусов при навигации клавиатурой и читабельности для экранных дикторов. Интерактивные элементы снабжены понятными метками и состояниями, а горячие клавиши ускоряют работу power‑users. Такая забота о доступности улучшает опыт всех пользователей, а не только тех, кому она критически важна.
Ошибки и крайние случаи
Особое внимание уделили «нестандартам»: дубликаты платежей, отмены, отложенные проводки, частичные зачисления. В ленте это отражается отдельными статусами и понятными подсказками, чтобы снизить число обращений в поддержку. При потере соединения интерфейс не «ломается»: текущие фильтры сохраняются, а пользователь видит, что именно пошло не так и как повторить действие.
Безопасность и приватность
История операций — зона повышенной чувствительности. В обновлении учли маскирование критичных полей по умолчанию для ролей с ограниченными правами, журналирование действий и разделение доступов. Фильтры и пресеты не раскрывают лишних сведений и хранятся в рамках профиля пользователя с учётом его разрешений.
Метрики после запуска
После релиза команда отслеживала поведение в анонимизированной аналитике и проводила повторные интервью. Результаты показали сокращение среднего времени поиска нужной операции, рост доли использования быстрых фильтров и сохранённых пресетов, а также снижение числа «пустых» поисковых запросов. Возросла конверсия экспорта из «настроенных» представлений — признак того, что люди чаще находят релевантные данные с первого раза.
Онбординг и обучение
Чтобы пользователи быстрее привыкли к изменениям, добавили краткие подсказки в интерфейсе и мягкий онбординг при первом входе в раздел: где искать период, как включить «входящие/исходящие», как сохранить пресет. Подсказки автоматически скрываются, как только человек выполнит действие, и их можно отключить.
Что планируется дальше
Команда рассматривает развитие умных подсказок в поиске (распознавание естественных формулировок, например «все входящие за вчера от этого контрагента»), расширение пресетов для командных сценариев и улучшение сверки по контрагентам. В планах — ещё более гибкие правила экспорта и автоматические проверки аномалий в ленте, чтобы раньше сигнализировать о нетипичных транзакциях.
Уроки, которые можно забрать
- не все проблемы решаются добавлением новых функций — часто достаточно переупорядочить важное и спрятать второстепенное;
- исследование рынка полезно, но только проверка на пользователях показывает, какие паттерны «зайдут» вашим клиентам;
- сочетание поиска и быстрых фильтров работает лучше, чем попытка «впихнуть» всё в одну строку;
- сохранённые пресеты превращают разовый успех в устойчивую привычку — и экономят часы в неделю;
- единый интерфейс для разных сегментов реалистичен, если базовая логика проста, а «профессиональная глубина» доступна по требованию.
Итог
Обновлённая история операций в интернет-банке ОТП Банка стала не просто визуально аккуратнее — она стала быстрее, предсказуемее и ближе к реальным задачам бизнеса. Переместив в фокус ключевые фильтры — «Поиск», «Входящие», «Исходящие» и «Период» — и добавив гибкую настройку, команда сократила путь до результата и снизила когнитивную нагрузку. Это пример того, как исследования и строгая логика превращают повседневный инструмент в конкурентное преимущество для клиентов.
