Продуктовый дизайн · финтех-сервис
SWOP: обмен без догадок
Сценарий обмена, исследование и дизайн-система. Ключевые данные, статус и следующий шаг остаются видимыми на каждом этапе.
Сценарий обмена
Пять ключевых экранов сервиса
Направление и сумма, проверка реквизитов, восстановление после ошибки, верификация и история операций.
Доверие — по шагам
Карта проблемных точек обмена
Исследование с 7 участниками помогло определить приоритеты: проверку данных, момент оплаты, восстановление после ошибки и понятный результат.
Открыть исследование →
Проверка заявки
Проверка перед действием
Направление, сумма и курс остаются в сводке рядом с сетью и реквизитами. Всё можно проверить до начала транзакции.
Защитное состояние
После ошибки контекст сохраняется
Сумма, курс и введённые данные сохраняются. Сообщение объясняет ошибку и показывает следующее действие.
Верификация карты
От требований до результата
Четыре состояния показывают процесс без скачков: условия, выбор файла, загрузку и проверку. До отправки фото можно заменить.
Что спроектировано
Сценарий держится на общих правилах
ключевых экранов сервиса
обмен, проверка, ошибка, верификация и история
защитных состояния: проверка и восстановление
данные остаются рядом до следующего действия
состояния верификации карты
от требований и загрузки до проверки результата
В дизайн-системе
Компоненты работают как система правил
Общие компоненты задают размеры, состояния и поведение экранов обмена, ошибок и истории.
Открыть дизайн-систему ↗
страницы дизайн-системы
основы, компоненты и правила применения
группа компонентов
от базовых контролов до сложных продуктовых блоков
ключевых сценариев
собраны на общих правилах и компонентах
SWOP: обмен без догадок
Продуктовый дизайн · финтех-сервис · обмен, UX-исследование и дизайн-система
Сценарий обмена
От пары и суммы до результата — единый сценарий.
Пользователь видит ключевые данные, статус и следующий шаг на каждом этапе. Контекст операции сохраняется до завершения обмена.
Пять ключевых экранов сервиса
Направление и сумма, проверка реквизитов, восстановление после ошибки, верификация и история операций.
Доверие — по шагам
Что я отдаю и получаю
Условия обмена видны заранее. Сумма, направление и курс остаются доступными до начала операции.
Все ли данные верны
Данные собраны в одном контексте. Направление, сумма, сеть и реквизиты проверяются перед действием.
Когда подтверждать оплату
Момент подтверждения объяснён. «Я оплатил» — только после фактического перевода по выданным реквизитам.
Что происходит сейчас
Статус показывает этап и следующий шаг. Обработка, ошибка и завершение показаны как отдельные понятные состояния.
Карта проблемных точек обмена
7 проблемных точек определили приоритеты
7 участников · 7 проблемных точек · приоритеты улучшений.
Проверка перед действием
Направление, сумма и курс остаются в сводке рядом с сетью и реквизитами. Всё можно проверить до начала транзакции.
После ошибки контекст сохраняется
Сумма, курс и реквизиты остаются на экране. Ошибка названа конкретно, а следующий шаг предлагает повторить запрос.
От требований до результата
Четыре состояния показывают верификацию без скачков: условия, выбор файла, загрузку и проверку.
Что спроектировано
5
ключевых экранов сервиса
обмен, проверка, ошибка, верификация и история
2
защитных состояния: проверка и восстановление
данные остаются рядом до следующего действия
4
состояния верификации карты
от требований и загрузки до проверки результата
Система для развития продукта
В ДИЗАЙН-СИСТЕМЕ
Компоненты работают
как система правил
Размеры, состояния и поведение
переиспользуются во всех сценариях.
500 RUB
0.0001 BTC
Обменять
Система работает в продукте
Общие правила и компоненты удерживают обмен, ошибки и историю операций согласованными.
Масштаб системы
32
страницы дизайн-системы
основы, компоненты и правила применения
21
группа компонентов
от базовых контролов до сложных продуктовых блоков
8
ключевых продуктовых сценариев
собраны на общих правилах и компонентах