Несколько экранов из всего сценария

DEX даёт доступ к новым и нишевым токенам: цифровые активы обмениваются прямо из кошелька, без посредников и обязательной в традиционных финансах проверки KYC.

За обменами стоит предоставление ликвидности: пользователи блокируют пару активов (например, TON и USDT) и получают долю комиссии с каждого обмена этой пары. А ещё фарминг: он позволяет поставить позицию по паре токенов в дополнительные программы вознаграждений (в DeFi это аналог срочного вклада).

У фарминга и ликвидности высокий порог входа, и пользуются ими в основном опытные пользователи.

Путь пользователя DEX и воронка конверсии в общих чертах

Фрагмент UX-аудита V1

Сначала собрать всё в одном месте. Затем определить объём работ по релизам: что выйдет в первом релизе, что следом, что нужно учесть уже сейчас, даже если сделаем позже. Всё попадает в один структурированный файл — общий источник правды для дизайна и разработки, прежде чем переходить к вайрфреймам.

Технические изменения: общий обзор

Мы разбираем DEX по всему спектру рынка и расписываем каждый шаг сценария предоставления ликвидности: Uniswap, Zapper, Beta и другие. Точных аналогов нашему продукту на рынке нет, но повторяющиеся UX-паттерны находим: ловушки, которых стоит избегать, и решения, которые стоит позаимствовать.

Обзор UX-аудита

На командной сессии мы приходим к сценарию, где пользователь сначала выбирает версию пула ликвидности — решение продиктовано техническими ограничениями. Первые юзабилити-тесты с менее опытными пользователями показывают, что на шаге выбора v1/v2 они теряются. Вдобавок фильтр по версии скрывает от глаз значительную часть доступных пулов. Пользователей же в первую очередь волнует пара токенов и доходность фарминга по ней. Ещё выясняется, что большинство не знает, что такое фарминг и зачем он нужен. Мы серьёзно относимся к этой обратной связи, делаем шаг назад и пересобираем весь сценарий.

Итерация 1

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

На странице выбора пула мы выделяем новые пулы и добавляем подсказку к существующей метке Farm — помня о законе Теслера: сложность должна где-то жить. В работу над текстами подключаем AI-инструменты, что заметно сокращает этот этап.

Подсказки на странице списка пулов

Для онбординга добавляем в описание формы ссылку на руководство, которое отвечает на самые частые вопросы.

Если пользователь пришёл со страницы пула, пара токенов уже выбрана. Если нет, первым токеном по умолчанию ставим TON — базовый актив для всех транзакций — и просим выбрать второй токен, чтобы продолжить.

Как только выбран второй токен, мы автоматически показываем самый доходный пул.

Если пользователь всё же попадает в форму ликвидности с уже выбранным менее доходным пулом, мы показываем умную рекомендацию с более выгодным вариантом.

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

Если в выбранном пуле доступен фарминг, мы автоматически включаем переключатель. Изменение APR показываем явно — пользователь сразу видит, как растёт его доходность.

Без точки входа на главном экране ничего толком не вырастить.

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

Затем собираем полный сценарий со всеми состояниями, анимациями и спецификациями — чтобы чисто передать его в разработку.

Финальные макеты с полным сценарием и спецификациями