Oct 7, 2024Web

B2C: Возглавил исследования, анализ удобства использования и пользовательский дизайн для агрегатора свопов с месячным объёмом более $300M

Gideon Awolesi

Gideon Awolesi

UX-дизайнер

Вернуться в портфолио

О проекте

  1. Роль: Senior UX Designer и руководитель исследований
  2. Платформа: Euler, DeFi-решение для кредитования и заимствования
  3. Цель: Создать бесшовный, интуитивный пользовательский опыт для платформы, обрабатывающей $300M+ месячного объёма
  4. Команда и сроки: Сотрудничал с кросс-функциональной командой (2 продакт-менеджера, 4 инженера, 1 QA-специалист) в течение 6-месячного цикла разработки

Постановка проблемы

«Многие пользователи платформы Euler сталкиваются со сложностью рабочих процессов DeFi-кредитования и заимствования, что привело к высокому проценту отказов и снижению вовлечённости на платформе.»

Цели и метрики успеха

Ещё до того, как я вообще начал пользовательские исследования, я спланировал и провёл всесторонний воркшоп с командой, чтобы определить цели пользовательского исследования и помочь сформулировать постановку проблемы и предлагаемое решение, которые были заданы следующим образом:

  1. Улучшить онбординг: Через Google Analytics, установленную на сайте, я обнаружил, что высокий процент пользователей платформы отсеивался очень рано. Поэтому первой целью было сократить путаницу и отток новых пользователей минимум на 30% .
  2. Улучшить удобство использования: Следующим шагом было обеспечить рост успешных транзакций кредитования/заимствования на 20% . Некоторые пользователи, не отсеявшиеся с лендинга, обычно покидали сайт на этом этапе. При попытке выполнить сделку они сталкивались с трудностями и полностью бросали процесс.
  3. Повысить удержание: Нам нужно было обеспечить возврат пользователей, поэтому в сотрудничестве с маркетинговой командой цель здесь состояла в том, чтобы измерить частоту использования и добиться 10% прироста возвращающихся еженедельных активных пользователей.

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

Воплощение идей в жизнь

Низкодетализированные вайрфреймы — Я создал быстрые вайрфреймы, демонстрирующие чистый, минималистичный UI . Наметил ключевые экраны для онбординга, кредитования, заимствования и управления займами. Также сделал большой упор на ясность навигации и информационную иерархию, чтобы снизить когнитивную нагрузку.

Среднедетализированные макеты — Я ввёл элементы визуального дизайна (цвета, иконографику), согласованные с нормами DeFi, но менее пугающие. Также включил базовые подсказки и всплывающие окна для руководства пользователем.

Высокодетализированные прототипы — Далее было построение кликабельного прототипа в Figma для симуляции реальных пользовательских потоков, с интерактивными обучающими элементами. Добавил тёмную тему для продвинутых пользователей, отражая отзывы сообщества о типичных крипто-интерфейсах.

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

Тестирование и доработка: итеративный анализ удобства использования

  1. Раунд 1: Провёл удалённые модерируемые сессии с 8 участниками с первой итерацией дизайна. Собрал обратную связь об общей навигации, ясности и сигналах доверия.
  2. Раунд 2: Внедрил дизайн-правки (например, расширенные подсказки, реорганизованные визуализации данных) и провёл A/B-тесты, сравнивая продвинутые и упрощённые макеты.
  3. Обратная связь пользователей: «Новый интерфейс намного проще в навигации — наконец-то ощущение, что я контролирую свои средства, а не интерфейс контролирует меня.»

Старт и пользовательские исследования

После того как я присоединился к проекту Euler, моей главной задачей было устранить разрыв между продвинутыми возможностями децентрализованных финансов (DeFi) и интуитивным пользовательским путём, и для этого было важно установить глубокое понимание нашей пользовательской базы.

Я провёл серию из 12 глубинных интервью как с новичками, так и с опытными пользователями DeFi. Мы также провели 2 онлайн-опроса, собравших обратную связь от более чем 200 респондентов. Источником этой обратной связи было сообщество… Я отправил сообщение в канале объявлений Discord, и мы получили множество наших пользователей, проявивших интерес к участию в ux-исследовании.

Некоторые из наших партнёров с крупной финансовой долей в платформе также предложили поучаствовать в индивидуальных интервью, так что у нас был очень богатый пул для двух наших основных групп пользователей. Было четыре главных вывода из UX-исследования:

Мозговой штурм решений, ориентированных на пользователя

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

Проработанные решения

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

Адаптивный дашборд предполагал добавление режима для новичков и продвинутого режима для пользователей

Индикаторы безопасности и доверия были реализованы, чтобы выделять потенциальные риски ликвидности или изменения в соотношении займа к стоимости, и усиливать доверие визуальными подсказками (например, иконки замка, уведомления о подтверждении), чтобы заверить пользователей в безопасности транзакций.

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

Запуск и влияние: подтверждение успеха

  1. 85% положительной обратной связи пользователей: Опросы после запуска показали значительный рост удовлетворённости пользователей по сравнению с предыдущим интерфейсом.
  2. 30% сокращение оттока: Упрощённый поток онбординга и контекстная помощь снизили ранний отказ.
  3. 20% рост завершённых транзакций: Пользователи чувствовали себя увереннее при принятии решений о кредитовании и заимствовании.
  4. Улучшенная мобильная вовлечённость: Время, проведённое на мобильных устройствах, выросло на 15% , что сигнализирует о лучшем опыте на ходу.