Hapi Trade es una Agencia de Bolsa que tiene como objetivo democratizar el acceso a la bolsa de valores USA para Latinoamérica. Los usuarios pueden invertir sin comisiones de compra y venta en sus acciones y ETF's favoritos.
Contexto
En las etapas iniciales de su esfuerzo por introducir un nuevo producto en el mercado, la empresa se enfrentó al desafío de desarrollar un MVP (Producto Mínimo Viable) sin contar con una identidad de marca establecida. Con un enfoque estratégico centrado en la agilidad y eficiencia, se decidió adoptar una filosofía de 'mobile first' para facilitar el lanzamiento de su aplicación.
Conflicto
Los desafíos más notables se centraban en:
Comprensión del usuario y el mercado: adentrarse en el ámbito de la compra y venta de acciones representó un territorio inexplorado, especialmente al dirigirse a usuarios de América Latina. Fue fundamental comprender las necesidades, comportamientos y expectativas de los usuarios potenciales, así como las tendencias de inversión y los factores regulatorios locales. El foco estaba centrado en crear una experiencia de usuario que no solo fuera fácil de navegar, sino que también educara y guiara a los usuarios a través de sus decisiones de inversión, asegurando que el servicio fuera accesible y comprensible para todos.
Diseño de experiencia escalable por módulos: con un amplio abanico de funcionalidades previstas en su roadmap, el objetivo era implementar una arquitectura de producto que no solo cumpliera con los requisitos iniciales para un lanzamiento exitoso, sino que también asegurara la escalabilidad y la flexibilidad necesarias para incorporar módulos adicionales en el futuro (acciones, criptomonedas, programa de aprendizaje, sistema de referidos, entre otros).
Seguridad y privacidad: dado al manejo de información financiera sensible y transacciones monetarias, era crucial garantizar la seguridad y la privacidad de los datos del usuario. Desde el diseño se debían incorporar medidas de seguridad robustas y transparentes, así como comunicar claramente las políticas de privacidad y seguridad al usuario.
Gestión de la información y visualización de datos: mostrar una gran cantidad de datos financieros en tiempo real, como gráficos de precios, noticias del mercado y análisis técnico representaba un reto para el diseño de la interfaz. Se debía conseguir presentar esta información de manera clara, concisa y visualmente atractiva, para que los usuarios puedan tomar decisiones informadas de manera rápida y eficiente.
Identidad de marca: la empresa se enfrentó al significativo reto de construir y definir su identidad de marca y lineamientos de branding desde cero, al mismo tiempo que se definía el MVP.
Integración de Modos Oscuro y Claro: desde el comienzo, la empresa se propuso ofrecer una experiencia de usuario altamente personalizable, incluyendo la implementación de modos oscuro y claro en su aplicación. La decisión implicaba asegurarse de que cada elemento de la interfaz, desde botones y fuentes hasta gráficos e iconos, se adaptara perfectamente a ambos modos.
Descubrimiento
Se realizó un exhaustivo análisis de la competencia, explorando detalladamente las aplicaciones de trading existentes para identificar patrones comunes de diseño y funcionalidad. A pesar de que ninguna estaba específicamente orientada al mercado latinoamericano, se consideraron aplicaciones de otros mercados como competidores indirectos, lo que permitió obtener una visión global de las tendencias en el sector.
Paralelamente, se llevaron a cabo entrevistas con diversos stakeholders internos. Este enfoque colaborativo fue esencial para profundizar en las necesidades previamente detectadas y enriquecer la comprensión del proyecto desde otras perspectivas.
Además, se implementaron encuestas de aceptación de producto a través de Typeform, diseñadas para captar las preferencias y expectativas de los usuarios potenciales. Este método permitió recoger valiosos insights directamente de la audiencia objetivo, proporcionando una base sólida para el desarrollo de una solución que realmente responda a las necesidades del mercado latinoamericano.
Ideación
La etapa de Ideación se caracterizó por ser un período colaborativo, centrado en generar soluciones creativas y viables para los desafíos identificados durante la investigación preliminar. Se adoptaron una variedad de técnicas como brainstorming y sesiones de ideación para fomentar el pensamiento innovador en equipo.
Utilizando herramientas como mapas de sitio y journeys de usuario, se clasificaron y refinaron las ideas, enfocándose en aquellas que prometían una mejor usabilidad, seguridad, y viabilidad técnica. Además, se determinaron los proveedores de base de datos y gráficos a implementar.
Este proceso iterativo de selección y mejora de ideas culminó en la definición de conceptos clave que guiarían el diseño y desarrollo de la aplicación. Se bocetaron wireframes en baja fidelidad y luego de validar con diferentes equipos, se dio comienzo al diseño de las primeras interfaces en alta fidelidad.
Solución
Para abordar los desafíos plasmados anteriormente, se llevó a cabo un diseño que solvente cada problemática específica desde el punto de vista de la usabilidad:
Diseño centrado en el usuario latinoamericano:
Esta estrategia se basa en un profundo análisis del nivel de tecnología, el lenguaje, las preferencias culturales y el grado de experiencia de los usuarios en la región. Se realizaron pruebas de aceptación de usuario no moderadas a través de Maze, antes del lanzamiento oficial de la plataforma. Este proceso permitió recoger feedback valios, asegurando que el producto final sea una solución que verdaderamente entiende y atiende a su audiencia objetivo.
Diseño Modular:
Se adoptó un enfoque de diseño sistémico creando un sistema de diseño modular que permitiera la escalabilidad. Esto incluyó componentes reutilizables y patrones de diseño.
Se llevaron a cabo pruebas de usabilidad frecuentes a medida que se incorporaron nuevos módulos para asegurar que la integración sea intuitiva y no comprometa la experiencia general.
Se mantuvo una documentación clara del sistema de diseño para facilitar la coherencia a medida que el producto evolucionaba.
Diseño centrado en la seguridad:
Se incorporaron principios de diseño centrado en la privacidad desde las primeras fases.
Se utilizaron patrones de diseño que fomentaran la transparencia y la confianza, como explicaciones claras sobre cómo se manejaban los datos del usuario.
Prototipado interactivo de visualización de datos:
Se desarrollaron prototipos para experimentar con diferentes enfoques de visualización de datos. Se determinaron qué métodos eran más efectivos para presentar datos complejos de manera comprensible.
Se incorporaron elementos de gamificación para hacer que el aprendizaje sobre inversiones fuera más interactivo.
Diseño adaptable y pruebas de contraste
Se implementó un enfoque de diseño adaptable para asegurar que todos los elementos de la interfaz funcionaran correctamente en modo oscuro y claro.
Se utilizaron herramientas de prueba de contraste para verificar la accesibilidad.
Se ofreció a los usuarios la capacidad de personalizar la interfaz según sus preferencias.
Creación de Identidad de Marca:
Luego de múltiples sesiones con stakeholders se definieron los valores y lenguaje de marca. Se confeccionó un Sistema de Diseño que reúne los principios de diseño, componentes reutilizables, y guías de estilos, facilitando la coherencia visual y funcional a lo largo de toda la experiencia de usuario.
Conclusión
Este caso de estudio ilustra el objetivo alcanzado al abordar desafíos de usabilidad mediante un enfoque centrado en el usuario, desarrollando una aplicación de trading accesible y adaptativa. La alineación del diseño con las características de los usuarios aseguró una experiencia intuitiva. La arquitectura modular y el enfoque en seguridad y visualización de datos garantizaron escalabilidad y claridad. Al final, la aplicación tuvo una buena aceptación en el mercado y estableció las bases para un crecimiento futuro en el ámbito financiero latinoamericano.