Oct 7, 2024Web

B2C: Lideré la Investigación, el Análisis de Usabilidad y el Diseño de Usuario para un Agregador de Swaps con más de $300M de Volumen Mensual

Gideon Awolesi

Gideon Awolesi

Diseñador UX

Volver al portafolio

Sobre el proyecto

  1. Rol: Senior UX Designer y Research Lead
  2. Plataforma: Euler, una solución de préstamos y créditos DeFi
  3. Objetivo: Crear una experiencia de usuario impecable e intuitiva para una plataforma que gestiona más de $300M en volumen mensual
  4. Equipo y cronograma: Colaboré con un equipo multidisciplinar (2 Product Managers, 4 Ingenieros, 1 Especialista en QA) durante un ciclo de desarrollo de 6 meses

Planteamiento del problema

“Muchos de los usuarios de la plataforma Euler tienen dificultades con la complejidad de los flujos de préstamos y créditos DeFi, lo que se traducía en una alta tasa de abandono y un menor engagement con la plataforma.”

Objetivos y métricas de éxito

Antes incluso de empezar la investigación de usuarios, planifiqué y ejecuté un taller integral con el equipo para identificar los objetivos de la investigación de usuarios y ayudar a definir el planteamiento del problema y la solución propuesta, que quedaron así:

  1. Mejorar el onboarding: Descubrí, a través de Google Analytics instalado en el sitio web, que un alto porcentaje de usuarios que usaban la plataforma abandonaban muy pronto. Así que el primer objetivo era reducir la confusión y el abandono de los nuevos usuarios en al menos un 30% .
  2. Mejorar la usabilidad: El siguiente paso era asegurar un aumento del 20% en las transacciones exitosas de préstamo/crédito . Algunos usuarios que no abandonaban en la landing page solían salir del sitio web en esa etapa. Al intentar ejecutar una operación, se enfrentaban a dificultades y abandonaban el proceso por completo.
  3. Impulsar la retención: Necesitábamos asegurar que los usuarios siguieran volviendo, así que en colaboración con el equipo de marketing, el objetivo aquí era medir la frecuencia de uso y apuntar a un aumento del 10% en los usuarios activos semanales recurrentes.

Consolidar estos objetivos aseguró que todo el equipo estuviera alineado en torno a resultados centrados en el usuario, y no solo en outputs de funcionalidades.

Dando vida a las ideas

  1. Wireframes de baja fidelidadCreé wireframes rápidos que mostraban una UI limpia y minimalista . Mapeé las pantallas esenciales para el onboarding, los préstamos, los créditos y la gestión de préstamos. También me centré mucho en la claridad de la navegación y la jerarquía de la información para reducir la carga cognitiva.
  2. Mockups de fidelidad mediaIntroduje elementos de diseño visual (colores, iconografía) alineados con las normas DeFi pero menos intimidantes. También incorporé tooltips básicos y pop-ups para guiar al usuario.
  3. Prototipos de alta fidelidadLo siguiente fue construir un prototipo clicable en Figma para simular flujos de usuario reales, con tutoriales interactivos. Añadí un modo oscuro para usuarios avanzados, reflejando el feedback de la comunidad sobre las interfaces cripto típicas.

Tras la primera ronda de pruebas con usuarios, el 60% de los testers encontró los campos de texto en móvil apretados. Ampliamos las áreas táctiles y simplificamos la barra de navegación superior para mejorar la accesibilidad, lo que resultó en tasas de finalización de transacciones un 25% más rápidas en móvil en pruebas posteriores.

Probar y refinar: Análisis de usabilidad iterativo

  1. Ronda 1: Realicé sesiones remotas moderadas con 8 participantes con la primera iteración del diseño. Recogí feedback sobre la navegación general, la claridad y las señales de confianza.
  2. Ronda 2: Implementé ajustes de diseño (p. ej., tooltips extendidos, visualizaciones de datos reorganizadas) y realicé pruebas A/B comparando layouts avanzados vs. simplificados.
Feedback del usuario: “La nueva interfaz es mucho más fácil de navegar—por fin siento que tengo el control de mis fondos, en lugar de que la interfaz me controle a mí.”

Arranque e investigación de usuarios

Tras incorporarme al proyecto Euler, mi foco principal era cerrar la brecha entre las capacidades avanzadas de las finanzas descentralizadas (DeFi) y un recorrido de usuario intuitivo, y para lograrlo era importante establecer un profundo entendimiento de nuestra base de usuarios.

Realicé una serie de 12 entrevistas en profundidad con usuarios de DeFi tanto novatos como experimentados. También lanzamos 2 encuestas en línea que recogieron feedback de más de 200 encuestados. Este feedback provino de la comunidad… Envié un mensaje en el servidor de anuncios de Discord, y muchos de nuestros usuarios mostraron interés en participar en la investigación de UX.

Algunos de nuestros socios con una gran participación financiera en la plataforma también se ofrecieron a participar en las entrevistas uno a uno, así que tuvimos un pool muy rico para nuestros dos grupos principales de usuarios. Hubo cuatro aspectos destacados de la investigación de UX:

Lluvia de ideas de soluciones centradas en el usuario

Usando los insights de los usuarios como fuente de verdad, lideré talleres de cocreación con nuestros equipos de producto e ingeniería. Examiné cada etapa del recorrido del usuario, desde la landing page hasta el flujo de devolución del préstamo.

Soluciones ideadas

Flujo de onboarding optimizado con una superposición estilo “walkthrough” que explica cada función a medida que el usuario la encuentra. Se implementó con tooltips una ayuda sensible al contexto para aclarar términos DeFi, advertencias de seguridad y comisiones de transacción.

El dashboard adaptativo implicaba añadir un modo novato y un modo avanzado para los usuarios

Se implementaron indicadores de seguridad y confianza para resaltar posibles riesgos de liquidez o cambios en los ratios préstamo-valor y reforzar la confianza con señales visuales (p. ej., iconos de candado, notificaciones de confirmación) que aseguren a los usuarios la seguridad de la transacción.

Usé storyboards y wireframes de baja fidelidad para validar nuestras hipótesis rápidamente, asegurando que cada idea respondiera directamente a una necesidad del usuario.

Lanzamiento e impacto: Validando el éxito

  1. 85% de feedback positivo de usuarios: Las encuestas posteriores al lanzamiento indicaron un aumento significativo en la satisfacción del usuario frente a la interfaz anterior.
  2. 30% de reducción en el abandono: El flujo de onboarding optimizado y la ayuda contextual redujeron el abandono temprano.

20% de aumento en las transacciones completadas : Los usuarios se sentían más seguros al tomar decisiones de préstamo y crédito.

Mejor engagement en móvil: El tiempo dedicado en móvil aumentó un 15% , señalando una mejor experiencia sobre la marcha.