Web3 достигает совершеннолетия
Анри Стерн и Акхила Бхупалам
В Privy мы создаем простые инструменты, которые помогут вам адаптироваться и вовлечь ваших пользователей в работу с web3. В этой серии мы поделимся некоторыми мыслями об UX в web3.
Сегодня нет простого способа начать работу в web3. Несмотря на множество инструментов и продуктов, созданных для привлечения пользователей, большинству людей трудно взаимодействовать с общедоступными хранилищами данных (например, блокчейнами). Установка кошельков затруднена для новых пользователей, коннекторы кошельков для приложений ненадежны и часто ломаются, а многим продуктам сложно показать свою ценность до тех пор, пока не будет совершена транзакция. Мы слишком много инвестируем в инструменты, не сосредотачиваясь на опыте, который они открывают.
Не подключаться, активировать
В лексиконе web3 отсутствует слово. Это слово — активация.
Привлечение пользователей к продукту — это не только создание учетной записи, но и возможность заставить их использовать продукт и воочию убедиться в его преимуществах.
Для некоторых приложений правильное подключение должно означать подключение кошелька (и, возможно, обучение новых пользователей кошелькам и хранению), но для других оно должно начинаться с входа в систему по электронной почте, а затем запрашивать подключение кошелька. Пользователь может захотеть просмотреть элементы, прежде чем сохранить или прокомментировать один из них. Покупка происходит позже.
Каждый из этих шагов требует разной суммы бай-ина от пользователя. И поэтому вы должны задаться вопросом: « нужен ли моему пользователю кошелек, чтобы оставить комментарий? Если у них его нет, придется скачать расширение и записать мнемонику. Фрагментация продукта и кривые обучения в web3 задерживают доступ к основным функциям и приводят к оттоку.
Используя соответствующие крючки, вы можете заставить своих пользователей двигаться по воронке вашего продукта. Вовлекая своих пользователей на ранней стадии и постепенно адаптируя их, вы продолжаете доказывать полезность продукта. Это облегчит разным аудиториям поиск новых маховиков в вашем приложении. Проще говоря, помогите своему пользователю быстро добраться до вашей основной утилиты!
Кошельки в изобилии
Но это не означает, что вы должны бросить книгу своим пользователям и предоставить им бесконечные возможности для подключения к вашему продукту.
Первое взаимодействие пользователей с продуктами web3 все больше усеяно меню опций, часто включающих десятки кошельков на выбор. Эти параметры предназначены для обозначения необязательности, гибкости и знакомства для новых пользователей, но они заставляют их сравнивать, фильтровать и выбирать в самом начале. Наши пользователи перегружены инструментами и жаждут хорошего опыта.
Как строитель, вы должны иметь собственное мнение об активации пользователей: расставляйте приоритеты для предлагаемых вами вариантов и стремитесь показать лучшие из них. С каждым вариантом, который вы даете, спрашивайте себя : «Для кого из моих пользователей это?»
Чтобы было ясно, разнообразие клиентов очень важно для web3, и ключевым моментом является предоставление пользователям возможности выбирать условия взаимодействия с вашим продуктом… но это не должно происходить за счет вашего опыта с продуктом.
Куда движется пространство
Покажите пользователям четкий вход и дайте им боковые двери, если они уже знают, чего хотят и что делают.
В web3 есть чему порадоваться. Основные продукты делают огромные успехи, балансируя между нативным web3 UX и дружественными, направленными потоками. Мы можем проиллюстрировать некоторые из наших тезисов на примере любимого нами продукта: OpenSea .
Перед OpenSea стоит огромная задача — обслуживать как местных жителей, пришедших в космос в 2018 году, так и новых новичков в космосе… Огромное обязательство. Соответственно, приятно видеть, как они повторяют UX и внедряют новые шаблоны для своих пользователей. Мы назовем два из двух, которые иллюстрируют некоторые противоречия, с которыми сталкиваются разработчики web3.
Регистрация кошелька
Во-первых, смешанная сумка. Если вы еще не пробовали соединители в OpenSea, посмотрите. Какое улучшение! Недавно они переработали свой пользовательский интерфейс, и это глоток свежего воздуха. С учетом сказанного, выбор здесь все еще немного ошеломляющий, а ссылка на учебник по кошелькам не дает мне достаточно информации, чтобы направить меня, если я еще не знаю, чего хочу.
Имейте в виду, что это проблема с нюансами, учитывая историческую базу пользователей, которым требуется длинный хвост кошельков, поддержка в различных экосистемах и т. д. Но больше направлений будет иметь большое значение для всех!
Выбор продукта
Далее, великий. Благодаря внедрению протокола Seaport OpenSea может создавать более мощный UX. Их использование абстракции корзины для покупок здесь просто фантастическое. На приведенном ниже экране вы можете увидеть прекрасное сочетание знакомых и нативных элементов web3:
- Корзина покупок и кнопка « Купить сейчас » в форме ⚡ интуитивно понятны любому, кто пользовался Amazon за последние 20 лет… то есть всем.
- « Очистка » и « Отправить на другой кошелек » со вкусом указывают на более продвинутое использование для опытных пользователей.
Мы, например, в восторге от того, что доминирующие игроки вдумчиво повторяют опыт своего продукта. Путь впереди долгий, но будущее светлое.
Некоторые уроки
Privy создает простую адаптацию, чтобы привлечь больше пользователей в web3. Вот несколько уроков, которые мы извлекли из новой сети:
- Вникайте в детали : Какова роль кошельков в вашем продукте и когда их следует подключать? Позволяют ли они вашему пользователю просматривать что-то, разрешать что-то или владеть чем-то?
- Постепенное внедрение : как вы можете постоянно вовлекать своих пользователей, когда они изучают ваш продукт в течение своего жизненного цикла?
- Фильтровать, фильтровать, фильтровать: каков минимальный объем трений и информации, необходимых для предоставления пользователям доступа к утилите? Будьте самоуверенны в отношении путей, которые вы создаете. Не добавляйте — уменьшите.

![В любом случае, что такое связанный список? [Часть 1]](https://post.nghiatu.com/assets/images/m/max/724/1*Xokk6XOjWyIGCBujkJsCzQ.jpeg)



































