Una interfaz con muchos desafios técnicos
Adaptabilidad y accesibildiad en una interfaz de 30 años
Empresa
Transbank
rOL
UX/UI Designer
aÑO
2023
Revivir una interfaz del pasado
Fernanda era una diseñadora UX/UI apasionada por resolver problemas complejos. Un día, le asignaron un desafío enorme: modernizar una interfaz que llevaba más de 30 años en funcionamiento. Este sistema era utilizado en terminales de pago (POS) y aunque cumplía con su propósito básico, estaba plagado de problemas: era difícil de leer, carecía de colores y los equipos trabajaban de forma desconectada.
El alcance
Con cinco equipos trabajando con librerías distintas, cada iteración en la interfaz se convertía en un proceso complejo e ineficiente. Cada equipo debía realizar los cambios por separado, en entornos diversos y con sus propias limitaciones. Esta falta de coordinación generaba una gran dependencia del equipo UX-UI, que constantemente se veía frenado por la necesidad de coordinar y validar los cambios.
Los primeros pasos de Fernanda
Empezó por escuchar a quienes usaban y desarrollaban la interfaz. Organizó reuniones con los equipos de desarrollo y UX, y descubrió varios problemas técnicos:
Cada equipo (POS) usaba librerías distintas, lo que complicaba cualquier cambio.
El sistema solo soportaba texto en ASCII y procesaba los gráficos como imágenes BMP, lo que lo hacía lento y limitado.
Además, cada dispositivo (Verifone e Ingenico) tenía restricciones distintas, dificultando la consistencia visual.
A pesar de las dificultades, Fernanda vio una oportunidad: unificar el diseño, mejorar la accesibilidad con colores e iconos, y hacer que el sistema fuera más fácil de usar para los comercios.
El desafío técnico
Fernanda trabajó en conjunto con los desarrolladores para crear una nueva interfaz que fuera visualmente clara y técnicamente viable. Diseñó una tipografía pixel-perfect basada en ASCII y adaptó los componentes visuales para que fueran consistentes en todos los dispositivos. Aunque sabía que no podía modernizar todo, propuso excluir ciertos equipos, como los Android A920, para mantener la experiencia óptima en el resto.
El cambio comienza
El nuevo diseño incluyó colores e iconos que permitían identificar rápidamente si una venta había sido aprobada o rechazada. Además, estableció una escala tipográfica clara para que los textos fueran legibles incluso en pantallas pequeñas. Fernanda también ayudó a unificar las librerías entre equipos, reduciendo los tiempos de desarrollo.
Resultados que hablan por sí mismos
Tras implementar el piloto, los resultados fueron inmediatos. Lucy, la dueña de un minimarket, comentó:
"¡Es increíble! Antes tenía que usar lentes para revisar las ventas, y ahora con los iconos y los colores todo es mucho más claro"
Participación de usuarios comercio boleteros
En el piloto implementado con comercios boleteros, se obtuvo una valoración positiva del 100% de los participantes (8 de 8). Los comercios destacaron la facilidad de uso y cómo el color contribuye a la comprensión semántica de los eventos que se muestran en pantalla.
Tasas de conversión
Se evaluó la capacidad de los comercios para realizar operaciones comunes con la nueva interfaz. Siete de los ocho participantes completaron satisfactoriamente todas las tareas asignadas, que consistían en:
Realizar una venta afecta (venta tradicional), representando una transacción estándar.
Configurar un tipo de venta predeterminado en el POS, probando la personalización del sistema.
Realizar una venta exenta de IVA, verificando el manejo de transacciones especiales.
Instrucciones prototipo
¡Utiliza el teclado del prototipo es interactivo!
Ingresa un monto de $5.000, presiona botón verde para avanzar.
En el parámetro propina selecciona opción 2 (10%)
En empleado introduce 123, presiona botón verde para avanzar.
En boleta ingresa 0234, presiona botón verde para avanzar.