Quavanti
6 meses
Plataforma de aprendizaje financiero
Diseño de una plataforma de aprendizaje financiero para la enseñanza de administración y gestión empresarial, desde el concepto hasta el prototipo.
Inconveniente
Planteamiento del problema y objetivos
Teníamos un prototipo de baja fidelidad y trabajamos junto con el cliente en el diseño de una plataforma educativa para la enseñanza de administración y gestión de empresas. El desafío aquí es ofrecer a ambos usuarios principales las funciones que necesitan, además de diferenciarnos de otras plataformas.
El cliente buscaba un estilo dinámico y amigable, sin perder la profesionalidad.
Investigación
Etapa 1. Investigación y análisis de mercado
Iniciamos el proyecto con una investigación de mercado integral, analizando a los competidores e identificando otras plataformas de aprendizaje electrónico. Esta fue una parte clave del comienzo, ya que ayudó a comprender los vacíos que otras plataformas no estaban cubriendo y cómo este proyecto podría brindar a los usuarios lo que realmente necesitaban.
Definición
Etapa 2. Desarrollo del concepto y diseño del flujo
Lideré la fase de conceptualización, realizando sesiones de lluvia de ideas con el equipo de diseño y el cliente para generar propuestas innovadoras alineadas con las necesidades de los usuarios y los objetivos del proyecto. Desarrollé perfiles de usuario (personas) para guiar el proceso de diseño y asegurar un enfoque centrado en las personas.
Diseñé un diagrama de flujo para las funcionalidades clave de la plataforma, incluyendo una tabla de clasificación, el perfil de usuario, la creación de lecciones y la administración de usuarios. Prioricé la simplicidad y la intuitividad en la estructura de navegación para fomentar la participación de los usuarios.
Diagrama de flujo diseñado en FigJam
Usuarios principales
Estudiantes de cualquier área interesados en aprender sobre finanzas y administración.
Docentes especializados en diversas áreas de finanzas y/o administración.
Perfil de usuario (User Persona) para el estudiante
Perfil de usuario (User Persona) para el docente
Usuarios secundarios
Administradores de la plataforma, encargados de modificar el tipo de perfil de cada usuario y editar el boletín informativo en la página de inicio de los estudiantes.
Diseño
Etapa 3. Prototipado + Etapa 4. Iteraciones
El wireframe de baja fidelidad ya había sido diseñado por un diseñador anterior, enfocándose en crear una interfaz atractiva y fácil de usar. Por ello, seleccioné una paleta de colores y una tipografía profesionales y acogedoras que reflejan el enfoque educativo y amigable de la plataforma.
Diseñé prototipos de alta fidelidad con Figma que mostraron las funciones principales de la plataforma, incluyendo un boletín dinámico en la página de inicio, información detallada de cada usuario para el administrador y un sistema integrado para que los docentes pudieran crear nuevas materias.
La paleta de colores se inspiró en la propia marca Birlos, y las fuentes se eligieron en función del mensaje que el cliente deseaba transmitir: que la plataforma fuera divertida y educativa, pero también profesional y alineada con la marca de BI.
Paleta de colores, fuentes e íconos de la plataforma
Próximos pasos
Como en todo proyecto, existen oportunidades de mejora. Este proyecto en particular concluyó tras finalizar el prototipo, lo cual no significa que no haya aspectos por perfeccionar. Algunas observaciones que me gustaría compartir para el futuro son las siguientes:
Diseñar el prototipo para que sea responsivo, ya que actualmente solo está diseñado para computadoras de escritorio.
Mejorar el perfil de los administradores; en la sección donde pueden consultar toda la información de cada usuario, se podrían incorporar filtros para hacerla más eficiente.
Mejorar la sección de la tabla de clasificación en el perfil de los estudiantes, ya que carece de opciones para conocer más sobre los perfiles de los demás alumnos; incluso se podría añadir la función de chat o diseñar un espacio donde puedan reaccionar a los logros de otros compañeros y comentar en sus tareas.
Realizar pruebas de usuario para identificar qué partes de los diseños y flujos requieren optimización.
Adaptar los diseños para cumplir con las pautas de accesibilidad WCAG.
Reflexión
Diseñar para la complejidad operativa
Este proyecto fue una oportunidad invaluable para aplicar los principios de diseño UX/UI en un entorno real, contribuyendo a un producto que promueve la educación. Me desafió a pensar de manera creativa sobre cómo satisfacer las necesidades y preferencias de los usuarios, fortaleciendo mis habilidades de investigación, diseño y colaboración.
Lo que aprendí de este proyecto
Es fundamental refinar y mejorar continuamente el diseño, incluso después de haber completado la versión inicial. Durante la fase de pruebas, presenté los diseños a mi responsable e identifiqué varios elementos que no funcionaban como se esperaba, por lo que realicé ajustes para optimizar la usabilidad y la funcionalidad. Esta experiencia me enseñó el valor de la iteración y la importancia de corregir problemas a medida que surgen, asegurando que el producto final responda tanto a las necesidades de los usuarios como a los objetivos del proyecto.
Este proyecto también reforzó la idea de que el aprendizaje es un proceso continuo. Cuando noté que algo faltaba o podía perfeccionarse, aproveché la oportunidad para explorar nuevas técnicas y enfoques que permitieran cubrir esas áreas. Al adoptar una mentalidad de crecimiento y mantenerme con apertura para aprender, pude adaptarme y llevar el diseño a un nivel superior, haciéndolo más intuitivo y fácil de usar.
