alt
Вторая версия интерфейса банковских платёжных терминалов

О проекте

Мы сотрудничаем с банком уже 9 лет и приняли участие в разработке интерфейсов ряда цифровых продуктов, из которых самым масштабным по внедрению является интерфейс терминалов оплаты — тысячи терминалов по всей России.Первый интерфейс для всех терминалов оплаты банка был разработан нашей командой еще в 2011 году. За годы круглосуточной работы терминалов накопилась бесценная статистика по сценариям использования, популярным операциям, портрету пользователя. За 9 лет в корне изменились дизайн-тренды и механики работы с аудиторией. Летом 2020 мы приняли участие в глобальном обновлении терминалов и разработали вторую версию интерфейсов, максимально учитывающую накопленные знания.В ходе работы над проектом был решён ряд сложных задач по упрощению экранных форм, сокращению количества шагов для клиента при осуществлении тех или иных операций,  увеличению кросс-продаж.

Понятный интерфейс

Мы постарались сделать интерфейс однозначным и понятным пользователю, поэтому перед стартом работ провели аналитику накопленных данных в разрезе сценариев, портретов, потребностей и пр. Также был учтён опыт всех банков из ТОП 20 с поправкой на целевую аудиторию. Первым шагом мы разработали интерактивный прототип и провели серию тестирований, после каждого внося доработки в сценарии. Необходимо было учитывать и особенности серверной части проекта, изменения в которой были не столь масштабными. Почти 200 экранов было залинковано в прототипе. После ряда итераций прототип был утверждён и мы приступили к поиску дизайн-концепции. Digital-команда Уралсиба в 2020 году была значительно усилена лучшими специалистами отрасли, которые за короткий срок построили абсолютно новую дизайн-систему для интернет-продуктов банка. 

Нам предстояло создать дизайн, который одновременно был “терминальным” и соответствовал “духу” новой концепции банка, при этом не использовал существующую элементную базу, ведь браузерные интерфейсы полностью отличаются от тач-интерфейсов. Но мы справились.Разработанное стилистическое решение полностью интегрируется в дизайн-систему, расширяя её, является новым и не используется в других популярных платёжных терминалах.Также была разработана собственная дизайн-система элементов экрана со всеми возможными состояниями каждого блока, которая позволяет собирать новые экраны в формате конструктора без необходимости глубокого погружения в проект. Экран собирается сначала из верхнеуровневых блоков (шапка, контент, футер), каждый из которых, в свою очередь, может быть собран из дочерних. Просто разместить кнопку в любом месте экрана – нельзя, она должна быть частью какого-либо компонента. Это позволило создать более 200 экранов, что значительно упрощает процесс их поддержки в будущем. Ведь тренды дизайна меняются быстро, и необходимо поддерживать актуальность. Сейчас сделать это будет значительно проще. Интерфейс также прошёл этап тестирования на целевой аудитории, которое выявило некоторые дополнительные особенности восприятия малозначительных элементов. После внесённых улучшений работа ушла в разработку, и уже зимой 2020-2021 вы сможете наблюдать её на тысячах терминалах банка по всей стране.

Техническая реализация

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

Результаты

— Сокращено количество действий клиента для совершения любых операций. Удобный интерфейс позволил до 6 раз сократить время клиента на работу с БПТ

— Увеличены кросс-продажи сопутствующих продуктов банка