Diseño UXUI App MercadoPago POS
Hechos
Se solicitan las siguientes pantallas: Nuevo cobro, Insertar tarjeta, Procesando pago y Pago exitoso.
Si se cobra una venta de Mercado Libre, esa transacción es grátis.
En la app se puede: Ver un historial de cobros junto al detalle y devolver pagos a los compradores.
El lector de tarjetas se empareja al celular mediante conexión bluetooth.
Planteamientos
Se realizará el ejercicio desde la perspectiva de un usuario que no ha iniciado sesión y que realizará un cobro por primera vez.
Se asume que el reconocimiento del lector es inmediato si tiene el bluetooth activado en el celular o tablet.
Se asume que lector detecta si la tarjeta es de débito o crédito, al momento de insertar o deslizarla por el lector, y que en caso de crédito, las cuotas son ingresadas en el lector.
También es importante para el flujo que el usuario indique, si es una venta de MercadoLibre.
Benchmark
Con el objetivo de construir y entender de mejor manera las pantallas solicitadas, realicé un estudio de las apps: Zettle, SumUP, Square, Pag Bank y Mobile POS.
Al realizar la comparación de las apps, me doy cuenta de que algunas tenían una galería de productos, lo que me pareció muy interesante, ya que de esta forma el usuario sólo va agregando los productos y así se puede aminorar la tarea de calcular el cobro de más de un producto o el simple hecho de ingresar un cobro.
Por otra parte ninguna app mencionaba el poder hacer devoluciones de cobros, lo que podría representar una ventaja y resolución de un problema en la app Mercado pago POS.
La mayoría ofrece la posibilidad de realizar una factura en la misma app y todas ofrecen realizar un cobro con crédito ó débito. En este sentido, se buscaría aminorar estos procesos en el flujo y que sea de forma automática.
Puedes explorar el Benchmark aquí
User persona
La app de MercadoPago POS, tendrá una gran cantidad de usuarios y por lo tanto una gran variedad de orígenes de los mismos.
Puede que una persona utilice la app para pagos esporádicos ya que mayoritariamente recibe efectivo, como lo sería alguien que trabaje en la feria, puede que sea utilizada de forma permanente para la ventas de un bazar, puede que una productora la ocupe para cobrar entradas en sus eventos en distintos sitios y por distintas personas.
Entre muchos otros casos, para poder enfocarme en alguno de los tantos escenarios posibles, decidí construir un user persona, basado en alguien cercano que utiliza app similares.
User journey Map
Desde el user Mirla que construí, realicé un mapeo de sus posibles interacciones con el producto y de esta forma poder comprender mejor qué instancias serían las más importantes e influyentes en la experiencia del usuario.
Logré entender que en el proceso de adquirir un lector de tarjetas es muy importante la comisión que se cobra y muy satisfactorio poder tener varios medios de pago para vender los distintos productos.
User flow
Comprendiendo el contexto en el cuál se utilizaría la app junto a los pensamientos, sentimientos y reflexiones del usuario, construyo el flujo de un usuario al realizar por primera vez un cobro en la app, a modo de happy path.
Se evidencia una importante interacción de espera para el usuario en distintos procesos, por lo que estas pantallas deberían ser dinámicas y comunicativas.
Wireframes
Realizo wireframes exploratorios de las pantallas necesarias para dar una experiencia completa al realizar por primera vez un cobro en la app.
Puedes explorar en su totalidad los wireframes aquí.
Prototipo
Finalmente se realiza el diseño de las pantallas y el prototipo navegable de las mismas.
Puedes navegar el prototipo aquí.
Propuesta de testeo
Para probar las funcionalidades planteadas en el prototipo, realizaría un test de usabilidad junto a una encuesta de satisfacción, con el objetivo de comprender si el diseño cumple con las funciones solicitadas y la percepción que tendría el usuario al utilizarla.
Puedes ver el test de Maze aquí.
Se realizó el ejemplo en base a la tarea de realizar un cobro, pero la idea sería hacer lo mismo para las distintas tareas:
Emparejar dispositivo
Enviar comprobante
Ver detalle de venta
Landing page Desk y Mobile
