Основы проектирования UX в Web 3.0

Привет, это Артем Суслов.У дизайнеров в Web 3.0 по сути сейчас огромная ответственность, так как от части именно на наших плечах лежит популяризация криптовалют и их будущее.

Почему? Если у нас не получится одновременно “учить” пользователей во время использования продуктов в Web 3.0, то они будут ошибаться вновь и вновь, до тех пор пока не уйдут из сферы.

В этой статье я хочу поделиться некоторыми необходимыми условиями проектирования так называемого dApp (decentralized application) - децентрализированного приложения. По сути это тоже самое, что и обычное приложение, только в Web 3.0 😀

Буду рад видеть в своем Телеграм-канале. Там я рассказываю про UI/UX-дизайн, публикую интересные находки, и участвую в различных активностях в крипте. Welcome!

Вы где работаете?
Вы где работаете?

Термины из статьи

Web 2.0 — интернет, который есть сейчас. Пользователи имеют возможность создавать контент и делиться им. Но встает проблема конфиденциальности, то есть передача ваших данных третьим лицам.

Web 3.0 — следующая стадия интернета. Основные принципы — децентрализация, открытость и безопасность.

MetaMask, Phantom — самые популярные кошельки.

Кошелек — ваш главный инструмент для работы в криптовалюте. Логин в сервисы, перевод средств, оплата — все это делается через него.

Технический жаргон

В Web 3.0 достаточно много понятий, которые используют и понимают только продвинутые юзеры. Но как же быть новичкам? Ведь как только он заходит на любую биржу, тут же его встречают такие термины как стейкинг, приватный ключ, NFT, лаунчпад, токен, пул ликвидности, газ и так далее.

Конечно, эта проблема решится сама собой спустя время, но также это можно решить некими подсказами. Например, один из вариантов решения это всплывающие тултипы, как это делают в Phantom Wallet.

Тултипы в Phantom Wallet объясняют термины на понятном языке
Тултипы в Phantom Wallet объясняют термины на понятном языке

Состояние системы и обратная связь

Пользователь всегда должен знать, что происходит, что только что произошло и что будет дальше. В отличии от интернет-банкинга, где транзакции проходят практически всегда молниеносно, в блокчейне требуется время для перевода. Чтобы не вызывать у пользователя паники и ощущения “скама”, можно показывать прогресс перевода валюты в реальном времени, как это делают в Via Exchange и затем уведомлять об окончании операции.

Продвинутые юзеры скажут, что ты всегда можешь перейти на Etherscan и тому подобное. Да, но там столько различных параметров, в которых пока разберешься и найдешь, что тебе нужно, транзакция уже пройдет.

Также круто, когда кошельки присылают уведомление, что перевод завершен, чтобы пользователь спокойно шел делать свои дела дальше.

Отображение комиссий как в криптовалюте так и в фиате

При переводе денег, комиссии часто показывают в нативной валюте того или иного блокчейна. Но юзер должен понимать, сколько он тратит “человеческих” денег на тот или иной перевод, так как криптовалюты достаточно волатильные активы и в один момент 1 ETH может стоить $3500, а через пару минут уже $3000.

Metamask показывает комиссию как в эфире, так и в долларах
Metamask показывает комиссию как в эфире, так и в долларах

Онбординг критически-важных флоу

Под критически-важными флоу я понимаю перевод валюты, подписание транзакций, переводы из одной сети в другую. Когда пользователь сталкивается с этим впервые, у него возникают вопросы на подобие «А где мне найти эти деньги потом?», «Как долго будет идти транзакция?», «Что будет, если я отменю транзакцию?» и тому подобное.

Решить эту проблему могут помочь онбординги в виде гифок (привет Notion), или полноценных видео. Текстовую информацию мало кто захочет читать, да и без криптожаргона вряд ли получится понятно объяснить все действия и что за ними последует.

Борьба со скамом

Скам в крипте это обыденное дело. Но как с ним бороться? Разберемся на примере недавнего обновления самого популярного кошелька на солане — Phantom.

Пользователям зачастую приходят NFT, которые называются Solana NFT, Unknown token и тому подобное. При взаимодействии с этой NFT вы можете потерять все свои средства. Страшно представить, сколько новичков на это попадались.

Что сделал Phantom? Они внедрили функцию, которая позволяет не только сжигать (удалять) эти NFT из своего кошелька, дак еще и получить денежное вознаграждение за это.

Резюмируя топик: старайтесь всячески оберегать ваших пользователей, запрашивать дополнительные подтверждения, обсуждать эти проблемы совместно с разработчиками и находить решения в зависимости от специфики dApp.

Процесс сжигания NFT-токена в Phantom Wallet
Процесс сжигания NFT-токена в Phantom Wallet

Не запрашивайте автоматическое подключение кошелька

При входе в некоторые приложение в первый раз вас просят сразу же подключиться к нему. С точки зрения безопасности и корректности это может раздражать пользователя, так как он не вызывал кошелек сам. В добавок к этому могут возникнуть лишние подозрения о добросовестности сервиса. В аналогии с Web 2.0 это тоже самое, что и логин через почту и пароль. Правда раздражает, когда ты смотришь каталог какого-то магазина и вдруг всплывает модалка с предложением залогиниться?

Вывод

На наших плечах лежит большая ответственность перед новыми пользователями и их впечатлениях о новых продуктах в Web 3.0.

Дизайнеров ждет достаточно большое количество новых паттернов взаимодействия при проектировании dApp'ов. Но от этого профессия становится только интересней.

***

1111
8 комментариев

расслабьтесь. криптовалюта не имеет отношения к web 3.0
вас кто-то жестко разыграл.
https://ru.wikipedia.org/wiki/Web_3.0

4
Ответить

Артем, спасибо за статью!
Увидел via.exchange и поставил 3 лайка

3
Ответить

автор ссыт в уши, не слушайте

3
Ответить

Почему вы так говорите

1
Ответить