Turbox
UI, UX
Este fue un proyecto de bootcamp, para el cual desempeñe los roles de:
Investigación
Arquitectura de la información
Estrategia de comunicación
Diseño de interfaz
Problema
Tener un reporte rápido, detallado y fácil de entender de los gastos e ingresos de una flota vehicular.
Solución
Una plataforma para escritorio con la cual tendremos reportes en tiempo real, con un tablero principal que nos mostrará un resumen de los datos más relevantes para el usuario, como son los gastos, ingresos y porcentajes de aumento y disminución de cada uno; para terminar botones de descarga de reportes tanto de cada ítem, como de un informe general que serán generados automáticamente en el momento que el usuario lo necesite.
Metodología
Aplicando la metodología design thinking, se realiza un este proyecto para el cual se planifica un proceso iterativo según la etapa del producto para garantizar una mejora continua.
Benchmarking
Durante la fase de descubrimiento, decidimos investigar si teníamos competencia y intentar testearlas de manera anónima, estos fueron los resultados:
Plataforma ODOO
No es posible testear la plataforma anónimamente, lo que podemos encontrar en las imágenes de google es una plataforma antigua con pocas aplicaciones UX en su diseño.
Plataforma Project 44
Al igual que Odoo no es posible testear su interfaz de manera anónima, pero a diferencia de Odoo esta plataforma se ve interesante, actual y ofrece diversos tipos de informes.
Anterior
Siguiente
Entrevistas
Durante la fase de ideación del proyecto, realicé entrevistas a los usuarios para crear un "Mapa de empatía" y "User Persona". Prepare un guión de entrevista con 10 preguntas cerradas, enfocándonos en rutinas diarias de nuestro público objetivo. En 4 días, recluté y entrevisté a 7 usuarios de forma remota. Hicimos referencia a los hallazgos de la entrevista con el usuario a lo largo de todo el proceso de diseño.
El objetivo principal de estas entrevistas giró en torno a su principal frustración en su trabajo cotidiano.
Todos coincidieron que su mayor frustración es generar informes y mantener un control diario sobre los gastos y ingresos de la flota vehicular.
Este hallazgo me permitió entender que la mayor necesidad de los usuarios es tener centralizada la información en una herramienta que les permita, automatizar las tareas repetitivas, como lo son calcular el alta o la baja del porcentaje ya sea de ingresos o gastos, mantener los datos actualizados según los reportes de los conductores, tener un tablero principal donde puedan visualizarse todos los datos en tiempo real, de manera resumida, ordenada, fácil de entender y por último generar informes.
Mapa de Empatía
Generando este mapa de empatía, tendremos un claro panorama de las necesidades de nuestros usuarios.
Perfiles de usuario
Generando estos user persona, sabemos para quién diseñamos de esta forma entendemos cómo diseñar y exponer la información
Flujo de usuario
Usando la información de la investigación, determinamos segun los objetivos de los usuarios el siguiente flujo de navegación.
Wireframes
Con el visto bueno de los stakeholders en el flujo de usuario, continuamos con los wireframes de baja fidelidad y posteriormente prototipo de baja para testeo.
Esto con el fin de acelerar la toma de decisiones a través de la visualización sin perder tiempo.
Se realiza la prueba con los stakeholders y con usuarios finales donde se evidencian algunos errores por corregir y muchas oportunidades de mejora, asique se continúa con los mockups en alta con su respectivo prototipo para futuras pruebas.
Diseño de interfaz de usuario
Una vez resueltos los errores y mejoras encontradas en el testeo con wireframes, pasé a diseñar las pantallas finales en Adobe XD. Mi objetivo era crear una identidad visual que estuviera alineada con la marca .
Con la aprobación de los stakeholders, creamos el prototipo para futuros testeos con los usuarios.
