Mi papel

Única diseñadora UX/UI
Tester

Herramientas

Figma, Adobe XD, Word, OptimalSort, Userflows, papel y lápiz

Contribuciones

Análisis de la competencia, experiencia de usuario, diseño visual, branding, investigación, historias de usuario, flujos de usuario

Desafío

La imagen corporativa y el desarrollo de esta aplicación debe ser creado para encajar en un producto que es muy flexible y cuyos usuarios están muy acostumbrados a su uso actual, por lo que los escenarios para la realización de la arquitectura de la información fueron bastantes e incluso algunos eran muy complejos

Tiempo del proyecto

6 meses (antes de iniciar el desarrollo)

Proceso

Icono de empatizar

Empatizar

Entrevistas con los usuarios
Encuestas online
Análisis de los competidores
Icono de definir

Definir

Definición de la funcionalidad a desarrollar.
Priorización de las características
Icono de idear

Idear

Realizar sketches para ir creando ideas y ver sus pros y contras
Icono de prototipar

Prototipar

Realización de prototipo
Icono de probar

Probar

Pruebas de los prototipos y pruebas de usuario con el producto final

Definición del problema

Los usuarios de Edivolt Gastos deben realizar un proceso de varios pasos y a través de varios dispositivos para cargar las fotografías de sus tickets a sus reportes de gastos. De igual manera deben escribir la información contenida en ella y editarla si es necesario haciendo un proceso largo y con posibles errores al transcribir la información. Por lo que se decidió crear una aplicación que estuviera conectada con la plataforma web de Edivolt Gastos y que cargara en tiempo real las fotografías y adjuntos extrayendo la información

Retos

  • Se tuvieron muchas suposiciones que no pude probar y validar debido a las limitaciones de la industria.
  • Había discrepancia entre la plataforma web y la app, al generar nuevas funcionalidades que no se encontraban en la plataforma
  • Pasamos de trabajar en una plataforma nacional a transformar la app en un servicio internacional

Objetivos

  • Fotografiar y escanear la información de tickets legibles a través del celular
  • Crear una relación la plataforma web para mostrar los cambios en tiempo real
  • Simplificar y quitar pasos demás a la hora de dividir gastos

Análisis de la competencia

Una vez que se tuvo claro de dónde partíamos y los objetivos a lograr se realizó un análisis de la competencia para determinar los pros y contras de otras aplicaciones y sitios similares. A partir de esto se crearon historias de usuario para comprender mejor las necesidades y objetivos de los usuarios

Rydoo
Fortalezas

Permite introducir los gastos al momento, el tomar fotos a los tickets es lo que más agrada

Debilidades

Los procesos se interrumpen ya que se empiezan en la app y terminan en la plataforma web. Para visualizar ciertos gastos se debe contactar a soporte

Concur
Fortalezas

Permite introducir los gastos al momento, el tomar fotos a los tickets es lo que más agrada

Debilidades

Se debe ingresar la misma información varias veces lo que frustra a los usuarios Las actualizaciones han sido contraproducentes

Gastos de viaje
Fortalezas

Se pueden subir vales con una foto. No solo se visualizan los gastos, también los reembolsos y devoluciones

Debilidades

Se depende del sitio web para crear los reportes de gasto. Que es necesario para asociar los gastos.
No maneja varios tipos de moneda

Proceso de diseño

Después de establecer una idea aproximada de cómo fluirá la aplicación, comencé a construir wireframes rápidos para darme una visión más precisa de cómo funcionará la aplicación en la práctica. Todo el tiempo manteniendo en foco los comentarios de los usuarios que ya había recibido.

El diseño inicial de la aplicación contempló elementos que en esta primera versión serían omitidos pero que se retomarían en siguientes versiones como los módulos de Edivolt y el tab menú que se montará en la pantalla principal de todos los módulos para ofrecer una navegación más fluida y accesible.
Una vez que se hicieron las observaciones pertinentes retomamos elementos que eran conocidos como el FAB con icono de más para agregar los gastos y la posibilidad de seleccionar el tipo de gasto que se desea crear antes de tener que acceder al formulario y seleccionar la opción. Esto con la finalidad de ya tener en mente qué foto sacará el usuario y qué tipo de información debe tener a la mano antes de ver el formulario.

Pantalla de Edivot
Pantalla Edivot

Teniendo como objetivo principal el hecho de facilitar la creación de los gastos y su vinculación a los reportes de gastos, se añadieron funcionalidades como la asociación de gastos, dividir los gastos para sólo seleccionarlos desde plataforma web y se procuró cerrar todos los procesos relacionados a los gastos con el fin de que las acciones desde la plataforma fueran un complemento a las realizadas desde la aplicación, funcionando como un equipo y sin necesidad de interrumpir el uso de la app para terminar el proceso en la plataforma web o viceversa

Pantalla Edivot

Conclusión

Todavía queda mucho más por explorar con Edivolt Gastos. Esta fue solo la punta del iceberg de un proyecto que es flexible y se adapta sin problemas a las necesidades de clientes muy diversos. Durante esta primera etapa redescubrí que en ocasiones cosas aparentemente obvias pero absolutamente olvidadas surgen de entrevistas y pruebas rápidas de usuarios. Las cuales son las más importantes ya que es para ellos para quienes se está realizando esta aplicación
Icono de estadísticas

Aún quedan cosas por mejorar y simplificar pero con los comentarios de los usuarios podremos mejorar aún más este proyecto

Icono de herramienta

Al cambiar la forma en como trabaja la app en comparación la plataforma web puede generar resistencia pero al final los mismos usuarios expresan felicidad con este nuevo flujo

App Edivot Gastos
Icono de manita arriba

Aún quedan cosas por mejorar y simplificar pero con los comentarios de los usuarios podremos mejorar aún más este proyecto

Icono de presionar

Al cambiar la forma en como trabaja la app en comparación la plataforma web puede generar resistencia pero al final los mismos usuarios expresan felicidad con este nuevo flujo

Ir al inicio