Buda Trade

Nueva plataforma de trading para el exchange de criptomonedas Buda.com.

⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯

📖 El Problema

Buda Trade (actualmente Vista Trader) es una plataforma de trading parte de Buda.com donde podemos hacer trading con variados volúmenes de criptoactivos.

Durante la investigación que realicé, mediante entrevistas en profundidad y posteriormente dirigiendo algunos test de usabilidad, traté de centrarme en detectar la mayor cantidad de problemas en una etapa temprana para así poder mejorar la experiencia general de los usuarios en los diversos puntos de contacto con la plataforma.

Entre los problemas detectados (sin contar que la plataforma no fue actualizada hace más de 5 años), se encuentran:

  • Los pasos para realizar una transacción suelen ser confusos y no guían al usuario hacia su tarea.

  • Se detectaron problemas de accesibilidad en el uso de colores y tipografía, además de no estar conectados con los lineamientos generales de branding.

  • El espacio de trabajo es confuso, con muchos estímulos e información .

  • La imposibilidad de seleccionar una suma de dinero por cantidad en %.

  • No contamos con ayuda contextual en los ítems críticos de la experiencia.

Base de datos Notion

Para ello se definió una base de datos en Notion para así poder llevar el proceso de forma ordenada y con todos los insights y propuestas de solución conectadas y clasificadas, permitiendo un entendimiento holístico del tema, procurando la comunicación constante con el product manager y desarrolladores.

⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯

Solución

Como primera mejora se propone un cambio estructural del layout permitiendo ganar más espacio para agrupar de mejor forma los datos y mejorar así la comodidad de la lectura en general. Para esto la sección de gráfico sube a la zona superior y la de mis órdenes pasa a la zona inferior, brindando más espacio a las secciones alrededor.

También dentro del trabajo general se realizan modificaciones profundas a nivel estructural mediante iteraciones con wireframes para secciones individuales. Específicamente la sección de nuevas órdenes.

Wireframes 1

Enter your text here...

More by Manu Romero

View profile