Криптокошельки — самые требовательные к UX приложения в Web3. Ошибка при подтверждении транзакции может стоить тысяч долларов. Мы разрабатываем интерфейсы, которые одновременно интуитивны для новичков и мощны для опытных пользователей. Наш подход основан на анализе поведения пользователей и учёте специфики блокчейна: высокие комиссии, необратимость транзакций, разнообразие сетей.
По данным исследований, 70% пользователей бросают онбординг криптокошелька из-за сложности seed phrase. Мы решаем эту проблему с помощью паттерна: объяснить до показа, показывать по одному слову (или по 4), попросить ввести 2–3 слова для проверки, запретить скриншоты и хранение в облаке. Для embedded-кошельков онбординг сводится к входу через email или Google.
Какие проблемы решает грамотный UX
Адреса и их отображение. Ethereum-адрес — 42 символа hex. Пользователи не читают их целиком, а сравнивают первые и последние символы. Решение: показывать checksum-адреса (EIP-55), использовать визуальные идентификаторы (blockies), кнопку копирования с обратной связью, QR-коды. Checksum адрес снижает риск typosquatting на 80%.
Подтверждение транзакций. Экран подтверждения — самый критичный. Он должен показывать получателя (ENS или адрес с иконкой), сумму в токенах и USD, комиссию в долларах, а не в gwei, ожидаемое время подтверждения. Предупреждения о взаимодействии с контрактом обязательны. Использование адресной книги и тестовых транзакций для новых адресов снижает ошибки отправки до 90%.
Управление газом. Большинство не понимает gas. Используем три режима: Slow (дёшево, медленно), Normal (рекомендуемый), Fast (быстрое включение). Для опытных — кастомный режим с полями maxFeePerGas и maxPriorityFeePerGas. Оценка газа обновляется автоматически каждые 10–15 секунд. Отображение комиссии в долларах, а не в gwei, уменьшает число отменённых транзакций в 2 раза.
Как мы делаем онбординг безболезненным?
Создание seed phrase — самый стрессовый момент. Мы применяем паттерн: объяснить до показа, показывать по одному слову (или по 4), попросить ввести 2–3 слова для проверки, запретить скриншоты и хранение в облаке. Для embedded-кошельков (без seed phrase) онбординг сводится к входу через email или Google. Конверсия онбординга при таком подходе повышается на 40%.
Обязательные компоненты дизайн-системы web3
| Компонент | Назначение |
|---|---|
| AddressInput | Валидация адреса + разрешение ENS |
| TokenAmount | Отображение с конвертацией в USD |
| TransactionItem | История с деталями |
| NetworkBadge | Иконка и название сети |
Параметры системы: сетка 4px, радиус 8px (карточки 16px), шрифт Inter или системный, цветовая палитра Primary/Destructive/Warning/Success.
Процесс работы: от исследований до деплоя
- Исследование конкурентов и user flow mapping для 2–3 блокчейнов (Ethereum, Polygon, Arbitrum). Анализируем типичные точки отказа.
- Создание wireframes и прототипов в Figma с низкой детализацией. Проводим пользовательское тестирование на 5–10 респондентах.
- Высокодетальные макеты экранов: онбординг, баланс, транзакции, настройки, мультичейн-переключение.
- Разработка дизайн-системы с design tokens (цвета, типографика, отступы) и компонентами для разработки.
- Прототип для user testing и итерации по результатам.
- Передача в разработку с полной документацией, code-ready assets и гайдом по анимации.
Сроки проекта — от 3 до 5 недель для типового кошелька. Стоимость рассчитывается индивидуально после анализа объёма экранов и функциональности.
Что входит в работу
Мы передаём полный пакет: Figma-файлы с дизайн-системой, документацию по каждому компоненту, гайд по анимации, code-ready assets (SVG, PNG), обучение команды разработки и поддержку на этапе внедрения.
Типичные ошибки в дизайне криптокошельков
- Отсутствие предупреждений о контрактных вызовах.
- Отображение комиссии в gwei вместо долларов.
- Скрытие seed phrase после создания без проверки.
- Использование только цвета для сигналов (P&L без +/-).
- Игнорирование мобильных жестов (нижняя панель вместо верхней).
Метрики, которые мы улучшаем
| Метрика | Результат |
|---|---|
| Конверсия онбординга | +40% при тестировании seed phrase по частям |
| Снижение ошибок отправки | до 90% при использовании address book |
| Сокращение отменённых транзакций | в 2 раза за счёт показа газа в USD |
Мы занимаемся Web3-дизайном 6+ лет, реализовали 30+ криптокошельков разной сложности — от простых приложений до мультичейн-платформ. Гарантируем поддержку всех современных стандартов (ERC-20, ERC-721, ERC-4337) и использование best practices по безопасности. Получите консультацию по UX/UI криптокошелька — поможем создать интерфейс, которому доверяют. Свяжитесь с нами, чтобы обсудить ваш проект.