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

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

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

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

Интерфейс, который мы взяли в работу выглядел непрезентабельно, был плохо сверстан, а в цветовой гамме преобладали довольно яркие цвета (особенно хорошо это заметно на экране самого устройства) — что не очень хорошо для данного типа интерфейсов.

То, что пользователь видел на экране банкомата, больше походило на технические экраны, которые в большей степени напоминали систему Windows начала двухтысячных годов, чем то, с чем пользователи взаимодействуют в современном мире ежедневно, например, когда пользуется мобильным телефоном.

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

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

Цветовая схема получилась универсальной и визуально не привязана к фирменным цветам банков-партнеров.

Размер шрифтов и контрастность управляющих элементов соответствуют наивысшему уровню контрастности AAA согласно руководству по обеспечению доступности Web-контента (WCAG 2.0).

Основная палитра соответствует требованиям технического кодекса установившейся практики ТКП 064-2012 (07040) — это документ Национального банка Республики Беларусь с описанием всех требований, возможностей и ограничений проектирования интерфейса.

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

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

Помимо разработки 177 макетов на русском языке, перед нами встала задача перевести все макеты на 5 языков. Поскольку устройство работает таким образом, что в нем используются статические экраны с текстом, то после перевода у нас получилось 885 макетов.

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