В финтехе и Web3 интерфейс не украшение. Это единственное, что стоит между человеком и страхом потерять деньги. Пользователи редко уходят из-за того, что продукт выглядит просто. Они уходят, когда в какой-то момент перестают понимать, что происходит с их средствами.
Вот семь UX-правил, которые я применяю в каждом финтех-приложении, криптокошельке и DeFi-продукте. Как они работают на практике, видно в кейсах ChainPort и криптокошелька.
1. Полная цена — до кнопки
Худший момент узнать о комиссии — после нажатия «Отправить». Соберите всё на одной карточке до подтверждения: сколько вы отправляете, каждую комиссию и сколько получит другая сторона. В той же валюте, что и перевод, а не в газе или базисных пунктах.
Маленькая, но важная деталь: сумма на кнопке должна совпадать с итогом. Если они расходятся, человек решает, что от него что-то скрывают.
2. У каждого статуса транзакции свой экран
«Подпись», «в обработке», «готово» и «ошибка» — это четыре разных состояния человека, а не один спиннер. Для каждого скажите, что происходит, что будет дальше и сколько примерно ждать.
Важнее всего экран ошибки. Первое, что хочет знать человек, — пропали ли деньги. Скажите это в первой строке: «Деньги не списаны».
3. Адреса и хэши должны читаться
Длинную строку вида 0x7a2f…c91e невозможно проверить. Сокращайте до первых и последних символов, давайте скопировать полный адрес одним касанием и показывайте имя или аватар из адресной книги, если он есть. Предлагайте сохранить адрес с подписью при первом переводе.
4. Страшные шаги — позже
Попросить сид-фразу на первом экране — самый быстрый способ потерять нового пользователя. Дайте сначала осмотреться, создать кошелёк в одно касание, сделать небольшой депозит, и только потом просите защитить ключи. К этому моменту у человека уже есть что беречь, и он понимает зачем.
5. Ошибки, которые говорят, что делать
«Ошибка 4001» не помогает никому. Хорошее сообщение отвечает на три вопроса: что случилось, в безопасности ли деньги и что делать сейчас. «Сеть перегружена. Ваши средства в порядке. Повторите через минуту или увеличьте комиссию».
6. Строгость с числами
Выравнивайте суммы по правому краю, используйте моноширинные цифры, разделители по локали пользователя и никогда не округляйте баланс вверх. Маленькие суммы показывайте честно: «< 0,01 USDC» лучше, чем «0,00», который выглядит как пустой кошелёк.
7. Лишний шаг — только там, где он нужен
Не каждое действие требует модального окна. Оставьте дополнительное подтверждение для необратимого: крупных переводов, новых получателей, изменений безопасности. Везде остальное — быстро. Когда предупреждений мало, их действительно читают.
Коротко
Доверие складывается из мелких честных деталей: цена до кнопки, понятный статус, читаемый адрес, ошибка, которая объясняет себя. Ни одна из них не дорогая в дизайне, а вместе они решают, пополнит ли человек счёт второй раз.
Если вы делаете финтех- или Web3-продукт и хотите свежий взгляд на сценарии, напишите мне.