Control de emisiones
UX/UI
Reto propuesto
Para este proyecto el cliente nos solicitó una aplicación que les ayudara a gestionar y controlar las emisiones que tenían sus barcos de transporte de combustible.
El mayor reto consistió en comprender todos los términos que se utilizaban en esta industria y diseñar un sistema de filtrado con varios niveles, a corde a los requerimientos del cliente.
Primeros wireframes
Una vez realizado un primer research de la industria y un análisis de requisitos del cliente comenzamos aterrizando nuestra propuesta con unos wireframes. Para ello reciclamos algunos de los componentes de un sistema de diseño que nos compartieron.
Este sistema de diseño estaba preparado para Microsoft PowerApps, la herramienta low code elegida para el desarrollo del proyecto, con lo cual eran bastante sencillos.
Tras la primera revisión vimos que no estábamos alineados con cliente, al parecer alguno de los stakeholders no estaban al tanto de las limitaciones de PowerApps y además quiso añadir algunas funcionalidades extra fuera del alcance.
Iteraciones
Gracias al primer alieamiento pudimos redirigir el rumbo del proyecto. Solicitamos el sistema de diseño que el cliente estaba utilizando para construir el resto de sus productos y añadimos al flujo las funcionalidades que nos añadieron.
En este punto el cliente se sentía mucho más cómodo y predispuesto a iterar.
Como se puede ver en la imagen aquí la interfaz tiene otro aspecto más acabado, y pese a no estar todavía terminada, estábamos sacado el máximo partido visualmente a PowerApps.
Lecciones aprendidas
Es muy importante gestionar las espectativas del cliente desde el inicio y presentar todos los detalles del proyecto en el kickoff. Esto generará engagement con cliente y evitará retrasos en la entrega.
Pantallas finales
Como resultado dimos con una Power App con un estilo limpio, respetando el sistema de diseño del cliente y al que se añadidieron algúnos nuevo componentes.
Procesos
UX
Desktop Research
Entrevistas usuario
Procesos
UI
Wireframe
Sistema diseño
Prototipado
Software
Figma
Microsoft Teams