Grupo Ti México · Cliente OXXO
Lideré el nuevo Look & Feel del sistema de autocobro de OXXO — UI Kit, ilustraciones, alertas visuales y de audio, y diseño simultáneo para dos formatos de pantalla (vertical y horizontal). Junto con mi compañera Sofi, validamos con 39 pruebas de usabilidad remotas en Maze cuál de 3 variantes de pantalla comunicaba mejor la siguiente acción al usuario.
Al ver la pantalla de "Resumen de compra", los usuarios intentaban eliminarla tocando cualquier parte de la pantalla; al no desaparecer, algunos intentaban escanear otro producto y otros decidían cambiar de fila. La pantalla no comunicaba que era informativa, no interactiva.
Con 39 pruebas remotas sobre 3 variantes de diseño confirmamos por qué: los usuarios interpretaban el monto a pagar como un botón interactivo, los cuadros rojos como botones activos (falso affordance), y el texto del splash screen como algo accionable.
El proyecto era estrictamente un cambio visual — no se podía modificar la lógica de los flujos existentes. Además, debía funcionar en dos formatos de pantalla en paralelo (vertical y horizontal, con resoluciones de hardware distintas), y el cambio de orientación no se resolvía con un botón en la interfaz, sino con una bandera a nivel de sistema, fuera del control del diseño.
Probamos y descartamos 2 variantes: la Opción 1 tuvo el peor desempeño (toques fuera de pantalla, tiempo de reacción más lento). La Opción 2 mejoró el enfoque pero seguía generando toques accidentales en el botón de cerrar.
Solo tuvimos 2 días para pruebas y presentación. Avanzamos con la opción más rápida y con mejor tiempo de reacción, aunque ni siquiera esa logró comprensión total: 10 de 14 usuarios (71%) entendieron correctamente el botón.
La opción ganadora fue la única con 0 toques fuera del modal y el tiempo de reacción más rápido. El sistema se llevó a producción en agosto de 2025 — a diferencia de otros proyectos, este sí se implementó por completo — y cerré el proceso con un video de capacitación para que el personal corporativo se familiarizara con los cambios.
Cuando el tiempo es tan corto, las instrucciones de la prueba tienen que ser explícitas — un sesgo ahí se paga caro en los resultados. Y todo el equipo necesita estar en la misma sintonía sobre el objetivo. El video de capacitación fue una extensión natural de esa misma idea: un rediseño no está completo hasta que quien lo opera lo entiende tan bien como quien lo diseñó.