Bumping
Bumping es una aplicación móvil para realizar cobros CoDi, facturarlos y poder retirar los fondos de su cuenta a través de una tarjeta de débito MasterCard.
El Proyecto fue desarrollado como parte de la Certificación en Diseño de Experiencia de Usuario de Google que realicé. Parte de una consigna de diseño ficticia, pero realicé todo el proceso de diseño de manera real para llegar a los resultados obtenidos.
ENTREGABLE
Diseño de App para realizar cobros CoDi y realización de facturación electrónica CFDI.
MIS FUNCIONES
Conducir entrevistas, bocetos en papel y digitales, creación de prototipos de baja y alta fidelidad, conducir estudios de usabilidad, análisis de resultados de la investigación, iteración de los diseños.
DURACIÓN DEL PROYECTO
1 mes.
El Problema
Los minoristas requieren de una forma simple de recibir pagos sin contacto a través de transferencias interbancarias y poder emitir facturas CFDI.
La Solución
Diseño de una app, que brinda un flujo sencillo para el usuario, y le permitirá hacer cobros CoDi a sus clientes, emitir facturas y consultar el saldo y movimientos de su cuenta.
Entendiendo al usuario
Resumen
El grupo principal de usuarios fue de pequeños emprendedores minoristas que necesitan una alternativa para realizar cobros a través de transferencias bancarias para no perder oportunidades de venta en sus negocios.
Investigación del usuario
Resumen
Entendiendo al usuario
Pain points
Comisiones
Tener una terminal para cobros con tarjeta representa un gasto extra para los pequeños comerciantes y algunos no ven rentable aceptar este tipo de pago porque su volumen de venta es pequeño.
Facturación
Los pagos CoDi les parecen simples pero cuando un cliente les pide realizar una facturación pierden mucho tiempo.
Entendiendo al usuario
Personas
Planteamiento del problema:
Roberto es un Técnico de Aires acondicionados con pocos conocimientos en tecnología y finanzas que necesita una manera de aceptar pagos electrónicos y emitir facturas de manera rápida y fácil porque no quiere seguir perdiendo nuevos clientes.
Roberto
Técnico de aires acondicionados-Emprendedor
Edad: 45 años
Educación: Preparatoria
Ciudad: Culiacán
Familia: Esposa e hijos
“A veces los clientes me preguntan si me pueden pagar con tarjeta pero no me costea andar cargando con una terminal pa todos lados”
Goals
-
Conseguir nuevos clientes.
-
Aceptar pagos y poder facturar.
-
Pasar tiempo con su familia y estudiando nuevas cosas que le ayuden a hacer crecer su negocio.
Frustraciones
-
Perder clientes por no aceptar otros métodos de pago.
-
Las comisiones de los bancos representan mucho gasto para él.
Roberto es un hombre muy trabajador actualmente trabaja por su cuenta en su pequeño negocio de reparación de aires acondicionados y minisplits, vive con su esposa y 2 hijos menores en Culiacán Sinaloa, durante la temporada de calor el trabajo se dispara, el tiene conocimientos profesionales en reparación e instalación de aires acondicionados domésticos e industriales pero en ocasiones pierde clientes empresariales por no aceptar pagos electrónicos o emitir facturas, lo que lo frustra mucho porque sabe que esos trabajos son mejores pagados, tomó la iniciativa de prepararse para la temporada de calor del próximo año y se puso en regla con el SAT para poder emitir facturas pero el proceso le sigue pareciendo muy tedioso.
Mapa de recorrido de usuario
Empezando a diseñar
Bocetos en papel
La aplicación cuenta con tres principales funcionalidades:
-
Realizar cobros mediante CoDi.
-
Timbrar Facturas.
-
Revisar nuestro Estado de cuenta.
Realicé bastantes bocetos para encontrar una manera de acomodar las principales 3 funcionalidades en la pantalla de inicio armónicamente.
Retomé los elementos que agregaban valor al diseño y llevé bocetos digitales.
Se utilizaron estrellas para marcar los elementos de cada boceto que se utilizarían en los wireframes digitales iniciales.
Empezando a diseñar
Bocetos digitales
A medida que continuaba la fase de diseño inicial, me aseguré de basar los diseños de pantalla en los comentarios y los hallazgos de la investigación del usuario,
La pantalla principal muestra las operaciones recientes para facilitar encontrar los últimos movimientos, revisarlos o realizar facturaciones.
y cuenta con un Botón de cobro para pagos CoDi.
Empezando a diseñar
Bocetos digitales
Estas son las pantallas de cobros con CoDi.
Botones claros e información precisa sobre el cobro que se está a punto de emitir.
Una vez generado el código se le presenta al cliente la pantalla con el código QR generado para que realice el pago.
Usando el conjunto completo de bocetos digitales, creé un prototipo de baja fidelidad. El flujo de usuario principal que conecté fue el de realizar un cobro con CoDi, y facturar el cobro reciente.
Puedes probar el prototipo Low- Fi
Empezando a diseñar
Prototipo de baja fidelidad
Probando los prototipos
Descubrimientos de los estudios de usabilidad
Realicé dos rondas de estudios de usabilidad. Los hallazgos del primer estudio permitieron realizar mejoras en la interacción y descubrir funciones nuevas para agregar.
El segundo estudio utilizó un prototipo con las iteraciones del primer estudio y reveló qué aspectos de las necesitaban refinarse.
Round 1 Descubrimientos
-
Los Usuarios quieren consultar el saldo de su tarjeta.
-
Los Usuarios quieren poder agregar colaboradores.
Round 2 Descubrimientos
-
Los usuarios quieren poder realizar una factura de manera más efectiva.
-
Los usuarios quieren poder entrar con datos biométricos para evitar transacciones indebidas.
Refinando el diseño
Maquetas
Tras los dos estudios de usabilidad con el prototipo de baja fidelidad se llegó a la siguiente maqueta que añade el saldo disponible de la cuenta, una nueva función para añadir a colaboradores, como empleados o socios, un botón que lleva directamente al apartado de facturación y detalles sobre si el movimiento es un cargo o un abono.
Antes del estudio de usabilidad
Después del estudio de usabilidad
Se añadió la posibilidad de entrar a la cuenta a través de datos biométricos para evitar movimientos indebidos o manejos irregulares de la cuenta.
Diseño de Tarjeta MasterCard
La aplicación Bumping brindaría apoyo a pequeños y emprendedores minoristas que quieren dar un impulso a su negocio ofreciendo la oportunidad de realizar cobros electrónicos de manera rápida y eficaz y apoyando en la facturación instantánea de CFDI.
Impacto
¿Qué aprendí?
Durante este proyecto realicé investigación secundaria para conocer más sobre los métodos de pago CoDi, y la Facturación electrónica en México, realicé pruebas de corredor con pequeños emprendedores de mi comunidad para empatizar con las dificultades a las que se enfrentan al tomar en cuenta cobros electrónicos en sus negocios y como siempre a trabajar pensando en el usuario al trabajar cada aspecto del diseño.