Как мы переделывали интерфейс банкоматов — и что из этого вышло
Привет, Хабр! Меня зовут Ирина, я UX/UI-дизайнер в ОТП банке. Это был первый проект интерфейсов банкоматов для нашей команды. До этого команда работала с цифровыми продуктами, и привычных для нас вводных — аналитики, ресерча, накопленной статистики — просто не было. Зато была возможность переосмыслить пользовательский путь с нуля и сделать интерфейс чище, логичнее и ближе к тому, что клиент уже видел в остальных продуктах банка.
Так мы прошли путь от стартового погружения с минимальными данными до первых живых откликов от пользователей.
Не глянцевый редизайн, а реальный опыт
На момент старта задачи я только-только пришла в команду и активно погружалась в процессы. Как раз в это время прилетела задача: нужно было быстро разобраться, как устроен текущий CJ в банкоматах, и подготовить его адаптацию под новые АТМ. Проект стал частью масштабной реновации отделений банка, которая стартовала в 2024 году. Вместе с обновлением офисов и запуском нового оборудования понадобился и новый интерфейс банкоматов — в едином визуальном стиле, который сейчас формируется для всех цифровых и офлайн-точек взаимодействия с клиентом. Для нашей команды это был первый опыт работы с АТМ-интерфейсами. Раньше за это направление отвечали другие коллеги, и накопленных данных почти не осталось. Продукт-оунера на момент старта тоже не было — задачу передали как внутренний запрос, чтобы ускорить запуск. Зато у нас были старые скриншоты, коробочное решение от вендора и коллега-разработчик со стороны банка, который знал, как всё устроено сейчас. Этого оказалось достаточно, чтобы стартовать и нащупать основу для будущего решения. Мы решили не терять время и двинулись на опережение: разобрали текущие сценарии, собрали базовые флоу и заложили первую итерацию интерфейса.
Сначала всё выглядело как простой анализ: собрать флоу, отметить различия, передать выводы. Но в процессе стало понятно — система местами морально устарела и визуально не соответствовала обновлённой дизайн-системе банка: цвета, иконки, шрифты, контролы — всё выглядело непривычно.
При этом текущие банкоматы продолжают работать — и справляются со своими задачами. Но вместе с обновлением офисов и запуском нового оборудования появилась возможность улучшить и пользовательский опыт. Мы увидели шанс сделать интерфейс понятнее, современнее и чуть ближе к тому, что клиент уже привык видеть в мобильном или интернет-банке. Это не история про «плохо — стало хорошо», а про некую эволюцию. Мы хотели убрать ненужную сложность, сделать взаимодействие логичнее и визуально чище — чтобы привычные сценарии проходили быстрее, а новые не вызывали лишних вопросов.
Почему просто «перерисовать» — не сработало
Полноценного редизайна изначально не планировалось — задача выглядела как простая адаптация. Но стало очевидно: если просто перенести старые флоу на новые экраны АТМ, пользователи вряд ли почувствуют улучшение. Мы бы не решили главную задачу — сделать взаимодействие с банкоматом понятным, современным и входящим в экосистему банка, а просто перекрасили бы кнопки.
Поэтому мы сфокусировались на следующем: минимизировать визуальный и функциональный разрыв между платформами, упростить ключевые сценарии повысить уверенность пользователя при каждом шаге — даже если он впервые пользуется новым банкоматом. Решения принимались быстро, в основном командно: где-то по опыту, где-то интуитивно, где-то на основе логики и здравого смысла. Мы старались упростить то, что было перегружено, и сделать чуть удобнее то, что казалось очевидным.
Сейчас редизайн уже в бою — и работает в новых отделениях. Мы получаем первые отзывы от клиентов и формируем бэклог улучшений.
Что именно мы поменяли:
1. Сократили лишнее, оставили важное
Мы отказались от печати баланса и мини-выписки — этот сценарий устарел и использовался всё реже. Сфокусировались на самом востребованном: снятие и внесение наличных, смена ПИН-кода, бескарточный вход — особенно удобен для погашения, например, POS-кредитов.
2. Обновили личный кабинет
Редизайн ЛК стал самой заметной частью. Мы добавили группировку продуктов, вывели справочную информацию (например, ближайший платёж и сумму долга), заменили иконки на аналогичные из мобильного банка. Получилось чище и ближе к интерфейсам, которые клиент уже видел в других наших продуктах.
3. Сделали экраны понятнее
Для каждого основного сценария (внесение наличных, снятие, вход в ЛК) добавили тематические изображения. Пока это статика, но в будущем обязательно оживим анимацией:
4. Персонализировали вход
Теперь после ввода или прикладывания карты пользователь сразу попадает в свой личный кабинет. Это добавляет уверенности: «да, это мой счёт», и помогает быстрее сориентироваться.
5. Проработали флоу внесения наличных
Теперь на экране чётко видно:
— сумму к зачислению
— количество купюр и их номинал
Простое улучшение, но заметно облегчает контроль над операцией.
6. Улучшили сценарий снятия наличных
Теперь можно:
— ввести сумму вручную
— выбрать из предложенных
— указать желаемый номинал купюр
Не все этим пользуются, но гибкость важна — особенно для людей в возрасте и тех, кто заранее рассчитывает сумму.
Это только начало
Сейчас новые банкоматы установлены в четырёх отделениях. В этом году планируется открыть больше точек — и там эти решения будут тоже использованы.
Мы заложили возможность для развития с самого начала и теперь мы:
— наблюдаем за тем, как пользователи взаимодействуют с новым флоу,
— собираем обратную связь от сотрудников и клиентов,
— постепенно формируем бэклог улучшений.
Мы не стали внедрять всё и сразу, а выбрали путь итераций и осознанных изменений. Всё, что вы сейчас видите на экране банкомата — не финальная версия, а первая фаза переосмысления пользовательского опыта.
Если вы уже столкнулись с нашими новыми банкоматами — расскажите, что думаете! Даже короткий комментарий поможет сделать их лучше.
