Proyecto Puebla

Herramienta de lectura de códigos para los peajes Mejicanos

Puebla app cover

Año: 2017

Mi rol: diseñadora UX/UI

Compañía: Desarrollado con Indra Software Labs para la empresa Libramiento Elevado de Puebla.

Equipo: Este proyecto fue desarrollado por un equipo pequeño de un desarrollador back-end, un desarrollador front-end y yo.

Introducción

La compañía Libramiento Elevado de Puebla, dedicada, entre otras actividades, a la gestión de autopistas en la región de Puebla, México, encontró un problema de ineficiencia en el peaje de sus autopistas. Los ciudadanos se habían quejado repetidamente de los atascos creados alrededor de los peajes, y los trabajadores había reportado las pobre condiciones de los equipos e instalaciones varias veces en el último año

Para resolver el problema, la compañía decidió actualizar su tecnología y darle a cada técnico de peaje un dispositivo portátil con un software de lectura de códigos dedicado. Entonces nuestro equipo entró en juego para diseñar y desarrollar el software más sencillo, intuitivo y eficiente posible.

El proceso

1. El descubrimiento: familiarización con el dispositivo y los usuarios, y creación de user personas para definir sus necesidades.

2. Definición de la aplicación: creación del viaje del usuario y mockups.

3. La solución: diseño de las pantallas finales de la aplicación.

El descubrimiento

Lo primero era familiarizarse con el dispositivo específico a ser usado, sus dimensiones, su resolución y su sistema operativo.

El dispositivo era una PDA con un gatillo accesorio que aceleraba el escaneo. Incluía sistemas para lectura de ambos, RFID y códigos de barras, los sistemas utilizados en los peajes de las autopistas de Puebla. El sistema operativo del dispositivo era Android 5.1 que, incluso no siendo una de las últimas versiones, suponía un increíble avance para ellos.

pueblapdadevice

Uno de los objetivos principales de la fase de descubrimiento, era conocer mejor a los usuarios, sus características y limitaciones. Esto nos ayudaría a entender los problemas que podían encontrar y cómo podríamos ayudarles.

Para poder hacer eso, recogimos información sobre los trabajadores y todos los informes y quejas de los trabajadores, y creamos una user persona.

Puebla worker user persona

La creación de user personas nos ayudó a clarificar los problemas y necesidades:

Dos códigos

Los usuarios necesitan una única herramienta que lea los dos tipos de código utilizados

Dispositivo duradero

Los usuarios necesitan un dispositivo resistente que no se rompa fácilmente y repuestos

Velocidad y eficiencia

Los usuarios necesitan una herramienta ágil que permita escanear más códigos en menos tiempo

Trabajo al aire libre

Los usuarios necesitan poder trabajar fuera de la garita y moverse a lo largo de la vía

También necesitábamos indicar la edad del usuario medio, que no es nativo digital y probablemente no se sienta muy cómodo usando dispositivos digitales, por lo que era importante crear algo sencillo y ligero para él.

Definiendo la aplicación

Junto con el desarrollador front, diseñamos el flujo de usuario teniendo en cuenta el acceso a la aplicación y todo los pasos para leer y enviar códigos, incluyendo los errores de lectura y de envío que pudiesen suceder, para cualquiera de los tipos de código.

User flow for puebla app

Una vez el flujo de usuario estaba claro y las acciones y pasos estaban definidos, pude identificar todas las pantallas a diseñar. Entonces creé mockups de baja definición, que pude validar con los desarrolladores.

Puebla application mockups

La solución

Validados los mockups empecé a diseñar la UI de la aplicación. Usando los colores y tipografía de Libramiento Elevado de Puebla y los principios de flat design, creé  algunas ilustraciones y las pantallas finales de la aplicación, incluyendo la pantalla de bienvenida, la de inicio de sesión y la de fin de sesión.

También creé un prototipo interactivo de la aplicación para definir las animaciones y transiciones de las interacciones. Gracias a la compañía, que nos facilitó uno, pudimos probar el prototipo, y más tarde la aplicación programada, en el dispositivo específico a usar.

Conclusiones y feedback del cliente

A pesar de que no fue posible testear el diseño directamente con los usuarios finales, recibimos algunas críticas positivas algún tiempo después de que la solución fuese implementada. Como resultado, se pudo concluir que el proyecto había mejorado el rendimiento de la compañía y las condiciones y satisfacción de los trabajadores.

© 2023 AARDesign. All rights reserved.