Редизайн формы
Провёл исследование формы платежа — критически важного элемента для банка и команд, которым ежедневно пользуется множество сотрудников — выявил и устранил основные проблемы, после чего перенёс интерфейс на новые компоненты обновлённой дизайн-системы токинов.
Над задачей работали: я как главный дизайнер и исследователь.
Исследования
- Прежде всего, я организовал UX-исследование текущего дизайна, чтобы выявить слабые стороны процесса платежа совместно с исследователем и пользователями.
- Для проверки гипотез были проведены глубинные интервью и юзабилити-тесты с участием 6 респондентов. Участники выполнили сценарии, связанные с рублевым платежом. В результате исследования выявлены ключевые проблемы пользователей и предложены рекомендации по упрощению и оптимизации интерфейса.
- Создал отчет и презентовал командам, обновил базу знаний.
Отчет по исследованию
Создание платежа (режим редактирования)
Проблема: не помещается в видимую область экрана, приходится скроллить вниз-вверх, перепроверяя параметры. Перегруженность параметрами, некоторые даже не просматриваются, занимают много места.
Решение: скомпоновал параметры в видимой области экрана без прокрутки, с расположением, соответствующим стандартному виду печатной платёжки.. Интерфейс адаптирован под ширину «полэкрана» для удобного просмотра документов из других систем. Платежи теперь разделены по типам, а лишние поля скрыты. Данные автоматически подтягиваются из внутренних баз, добавил распознавание платежа при загрузке документа.
Решение: скомпоновал параметры в видимой области экрана без прокрутки, с расположением, соответствующим стандартному виду печатной платёжки.. Интерфейс адаптирован под ширину «полэкрана» для удобного просмотра документов из других систем. Платежи теперь разделены по типам, а лишние поля скрыты. Данные автоматически подтягиваются из внутренних баз, добавил распознавание платежа при загрузке документа.
Подписание (режим просмотра)
Проблема: перегруженность параметрами, сложно проверять данные.
Решение: оставил только ввод ПИН-кода, проверка параметров осуществляется на предыдущем шаге.
Решение: оставил только ввод ПИН-кода, проверка параметров осуществляется на предыдущем шаге.
Обработка / проверка банком (режим просмотра)
Проблема: пользователь не имеет возможности просматривать сразу сумму, реквизиты, историю документа и подписывающих на одном экране, приходиться переключаться табами.
Решение: добавил навигацию, историю документа на одном экране.
Решение: добавил навигацию, историю документа на одном экране.
История/список подписывающих
Проблема: при отклонении платежа пользователю показывают лишь статус «Ошибка». Чтобы узнать, что пошло не так, ему приходится постоянно переключаться между вкладками — детали платежа/история операций. Это замедляет работу и провоцирует повторные ошибки.
Решение: объединил параметры и историю платежа на одном экране, чтобы сразу видеть текст ошибки, её причину и шаги по исправлению.
Решение: объединил параметры и историю платежа на одном экране, чтобы сразу видеть текст ошибки, её причину и шаги по исправлению.
Другие проекты
Промсвязьбанк. 2021 нояб. – по настоящее время.
Intterra. 2021 апр. – 2021 авг.
Личный проект. 2021
