Дизайн единой системы аутентификации
Запустили проект 21 марта 2015 года
Универсальное, безопасное и простое решение для входа клиентов любого банка в межбанковскую систему аутентификации и подписания документов
Задача: разработать решение для входа клиентов любого банка в межбанковскую систему аутентификации, исключив необходимость запоминать десятки паролей.
Решение: единая платформа с бесшовной аутентификацией.
Задачи, цели и ограничения
Основные задачи
- Для пользователей: обеспечить простой, быстрый и безопасный вход в приложение любого банка с помощью лица или отпечатка пальца.
- Для банков: предоставить стандартизированное, соответсвующее законодательству API-решение, интегрируемое в существующие приложения.
- Для экосистемы: создать новый отраслевой стандарт безопасности и доверия.
Ключевые цели
- Сократить время аутентификации.
- Минимизировать количество обращений в службу поддержки по вопросам доступа.
- Создать интуитивно понятный и доступный интерфейс, доступный для людей с разным уровнем цифровой грамотности и физических возможностей.
Ограничения
- Большое количество способов аутентификации: минимум 6 для десктопа и 4 для мобильной версии приложения.
- Юридические требования: все сценарии должны строго соответствовать законодательству о персональных и биометрических данных.
Аналитика
1. Исследование
- Анализ аудитории: пользоваться системой будут люди разного уровня компьютерной грамотности.
- Конкурентный анализ решений на рынке.
- User Flow: проработали карту основных сценариев.
User Flow аутентификации с помощью ID-карты
Проектирование взаимодействия
Был продуман каждый шаг процесса аутентификации, чтобы сделать его максимально простым и быстрым. Логичная последовательность экранов, минимум необходимых действий и своевременные подсказки позволяют пользователям пройти процесс максимально легко.
Схема процесса входа с помощью ID-карты
Дизайн
Интерфейс был разработан с учетом принципов универсальности, простоты и гибкости. Чистый и современный визуальный язык легко адаптируется под айдентику любого банка. Интерфейс интуитивно понятен и учитывает потребности широкой аудитории: от молодежи до людей старшего поколения, независимо от уровня цифровой грамотности.
Стартовый экран
Предусмотрено множество способов аутентификации, позволяющих выбрать наиболее удобный и безопасный вариант входа. Система поддерживает расширяемый список методов, который пополняется с появлением новых технологий.
Для удобства пользователей каждый способ обозначен интуитивно понятной иконкой, а краткие пояснения помогают быстро разобраться в работе даже незнакомого метода.
Быстрый повторный вход
Чтобы каждый следующий вход был еще быстрее, система автоматически предлагает тот способ аутентификации, который человек использовал в прошлый раз. Нет необходимости искать его в списке каждый раз заново — самый частый и удобный вариант для пользователя выносится на первый план, экономя время и упрощая процесс.
Флоу входа через ID-карту
С помощью ID-карты в систему легко и быстро можно войти всего за пару шагов.
Интуитивный интерфейс для любой аудитории
Приложением будут пользоваться люди разного возраста и с разным опытом использования цифровых сервисов. Чтобы каждый чувствовал себя уверенно, интерфейс продуман до мелочей: от лаконичного дизайна для опытных пользователей до подробных пошаговых инструкций для тех, кто только осваивает новые технологии.
Каждый экран содержит подсказки, которые объясняют суть выбранного способа аутентификации, помогая понять и запомнить последовательность действий. Это делает процесс безопасным и комфортным для всех.
Подсказки в интерфейсе делают взаимодействие с ним проще и понятнее
Другие экраны
Единый визуальный язык и продуманная логика распространяются на все элементы системы. Четкие заголовки, лаконичные текстовые пояснения и инструкции шаг за шагом ведут пользователя. Крупные контрастные кнопки, поля ввода с подсветкой состояния и наглядные иконки и иллюстрации делают взаимодействие простым и однозначным.
Доступность для каждого пользователя
Была разработана система аутентификации, которая обеспечивает безопасный и равный доступ для всех клиентов, включая людей с ограниченными возможностями зрения. Интерфейс приложения разработан в строгом соответствии с международными стандартами WCAG, что гарантирует его удобство и функциональность для каждого.
Было уделено особое внимание высокой контрастности элементов, удобным для касания размерам кнопок и полей ввода, логичной семантической разметке.
Мобильная версия
Мобильная версия — критически важная часть интерфейса, предназначенная для большого количества пользователей, которые предпочитают использовать смартфоны. Дизайн разработан в соответствии с современными гайдлайнами и подходами к созданию мобильных интерфейсов.
В результате мобильный интерфейс сохраняет тот же уровень удобства, безопасности и функциональности, что и десктопная версия, обеспечивая комфортный опыт использования на всех устройствах.
Заключение
Разработанный интерфейс аутентификации построен на принципах юзабилити и доступности, что делает его удобным для пользователей с разным уровнем digital-навыков. В основе дизайна — продуманная визуальная иерархия, интуитивная навигация и адаптивный подход, позволяющий системе легко интегрироваться в бренд любого банка.
Внедренное решение обеспечивает безопасность и простоту использования, оставаясь технологичным и масштабируемым инструментом для работы с большим количеством методов верификации.
