Главная   /   UX/UI   /   Разработка интерфейсов терминалов 

Разработка интерфейсов банкоматов, платежных и других электронных терминалов

Разрабатываем интерфейсы платежных терминалов, банкоматов, инфокиосков, касс самообслуживания и других устройств. Учитываем, в какой среде и при каких обстоятельствах люди будут пользоваться устройством, и делаем все, чтобы с интерфейсом разобрался любой человек.
Терминалы самообслуживания применяются в различных сферах: банковской, развлекательной, транспортной, спортивной, медицинской, ресторанной и других. Но большинство интерфейсов таких устройств выглядит плохо. Ими не хочется пользоваться: они неудобные и непонятные. Это потому, что их разрабатывают без понимания контекста использования и эргономики.
ux ui интерфейса банковского терминала
Принцип «подложи книжечку, чтобы повыше было» в городском масштабе

Поверхность экрана старых терминалов для покупки билетов не предназначена для комфортного использования ни в помещении, ни на улице

Терминалы, банкоматы или другие устройства самообслуживания — комбинированные. Они содержат одновременно два интерфейса: цифровой и физический. Человек взаимодействуют с интерфейсом на экране, но в результате получает физический результат: устройство принимает карту, выдает деньги, чек или билет.
заказать разработку интерфейса терминала
Когда люди пользуются устройствами самообслуживания, то должны совершать много непривычных действий. Например, при оплате покупок через кассу самообслуживания нужно под правильным углом поднести штрих-код товара, положить пакет в определенное место или снять магнитную бирку. Все эти действия должны проходить легко и ускорять обслуживание, а не замедлять его. Поэтому при проектировании важно учитывать весь путь пользователя.

Что мы делаем

Улучшаем существующие интерфейсы

Проводим экспертную оценку, чтобы выявить проблемы. К примеру, помогаем уменьшить очереди и сократить количество отказов при работе с терминалом

Проектируем решение по автоматизации

Разбираемся, как клиенты будут пользоваться терминалом и с какой частотностью. Затем проектируем интерфейс, который поможет перейти полность перейти на устройства самообслуживания

4 фактора, которые обязательно учитывать при разработке интерфейса любого электронного терминала

Чтобы правильно разработать устройство самообслуживания, в первую очередь важно учитывать взаимодействие с физической частью устройства: внешнюю среду, размеры, расстояние до устройства и угол наклона экрана.
Физический форм-фактор и среда. Большинство интерфейсов электронных терминалов проектируются как веб-интерфейсы или десктопные программы. Из-за этого дизайнеры не учитывают внешнюю среду, расстояние до экрана и положение тела человека.
Разработка интерфейса банкомата
В зависимости от типа устройства и угла экрана меняется положение тела человека, удобство нажатий на кнопки и наклон головы. Источник

Размеры экрана. Дизайнер должен сразу работать с реальными размерами экрана, поскольку элементы зависят от размера пальцев. Размеры экрана помогут понять, будет ли удобно человеку прицелиться и попасть в нужную область экрана пальцем, а где — рука может заслонить часть экрана.

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

Процесс разработки интерфейса устройства самообслуживания

Предпроектное исследование

Проводим интервью с работниками компании и выясняем основные сценарии использования терминала. Анализируем, какие вопросы задают люди, чем чаще пользуются и какие проблемы у них возникают.
Для работающих терминалов проводим экспертную оценку (UX-аудит интерфейса) и выявляем текущие проблемы.

Разработка прототипа

На основе интервью, анализа и экспертной оценки выдвигаем гипотезы, которые помогут улучшить текущий интерфейс или перейти на полностью автоматизированное решение. Разрабатываем первый прототип.

Тестирование прототипа

Чтобы проверить гипотезы, которые мы выдвинули на предыдущем этапе, проводим пользовательское тестирование. Подбираем респондентов из целевой аудитории, составляем сценарии и создаем условия, максимально приближенные к реальности.
юзабилити-тестирование интерфейсов
Когда мы проводили юзабилити-тестирование для терминалов покупки билетов БЖД, то собрали «терминал» из сенсорного ноутбука и обычной картонной коробки с нужными отверстиями и наклейками. Если пользователь успешно проходил сценарий, то получал билетик

Доработка и дизайн интерфейса

По результатам пользовательского тестирования прорабатываем рекомендации и исправляем выявленные проблемы. Учитываем нюансы по скорости прохождения сценариев, понятность интерфейса и общие пожелания респондентов тестирования.
отчет о тестировании юзабилити
Комментарии респондентов о задании с покупкой билетов туда-обратно на разные даты во время тестирование прототипа терминалов БЖД

Передача в разработку

Собираем в спецификацию состояния всех элементов интерфейса. Даем пояснения по анимации и раскадровку. Все вместе поставляем разработчикам через Zeplin, Figma или Invision Inspect.

Тестирование

Следующий этап доработки интерфейса терминала — еще одно пользовательское тестирование. Оно нужно, чтобы понять, с какими проблемами люди сталкиваются при реальном использовании терминалов и что вызывает трудности.

Частые вопросы

Стоимость и трудоемкость процесса зависит от ограничений, которые повлияют на внедрение дизайна в интерфейсную оболочку ATM, и количества процессов, которые совершает пользовать при работе с устройством.
Самый простой интерфейс, который мы делали занял около месяца, сложный дизайн — три. Длительность внедрения под ключ занимает около полугода.
Отличия будут состоять в разных клиентских флоу, наборе действий и процессов вне интерфейса терминала. Терминалы оплаты, как правило, схожи между собой, как и большинство банкоматов похожи по базовым процессам. С кассами самообслуживания сложнее: они не так популярны, чтобы для них сформировались повторяющиеся действия. Поэтому разработка такого проекта — работа с нуля.

Хотим заказать разработку терминала

Right

+375 29 263−56−13+7 495 877-59-99Почта Фейсбук Инстаграм Телеграм О компанииКонтакты RU EN

Right

+375 29 263−56−13, +7 495 877−59−99 Почта Фейсбук Инстаграм Телеграм О компании Контакты

RU EN