Consejos para crear una gran pantalla de pago para tu App móvil

pantalla de pago
Compartir:

Existe un principio de “dar antes de recibir” con las aplicaciones móviles. Si quieres que tus usuarios hagan algo, como calificar la aplicación, permitir notificaciones o realizar una compra, primero debes ofrecerles valor. Y la pantalla de pago tiene una gran importancia dentro de este principio.

Si los usuarios van a ingresar su número de tarjeta de crédito y presionar el botón “comprar”, no es suficiente que quieran comprar el artículo. Ese es solo el primer paso. También deben sentir que los datos de sus tarjetas de crédito estarán a salvo en manos de tu aplicación, que su conexión es segura y que pueden confiar en que tu app no desaparecerá con su dinero.

Además de eso, sus experiencias deben ser totalmente fluidas, sin problemas de rendimiento o fallos de usabilidad, de lo contrario abandonarán tu aplicación por completo. Lo último que quieres es llevar a un usuario hasta la pantalla de pago, solamente para asustarle en ésta.

Aquí hay varias iniciativas clave que puedes tomar si quieres tener la pantalla de pago perfecta.

En busca de errores

El error más molesto en una pantalla de pago es cuando el usuario encuentra una pantalla que nunca carga o un bucle sin fin de mensajes de error.

¿Cuándo es el mejor momento para buscar errores? Hay dos respuestas a esta pregunta: antes de lanzar la app y todo el tiempo.

Una herramienta de análisis puede ayudarte a ti o a tu equipo de desarrollo a buscar y destruir todos los errores que podrían molestar a los usuarios a medida que realizan sus compras. También puede ayudar que App Store acepte tu aplicación. Para la etapa posterior al lanzamiento, deberás asegurarte de tener una herramienta confiable de alertas de fallos, para que te enteres inmediatamente de si existe un problema de rendimiento inesperado en la pantalla de pago.

Una herramienta que grabe las sesiones de los usuarios te ayudará a identificar los eventos que precedieron a un bloqueo para poder tomar las medidas oportunas.

Mantén a los usuarios seguros y hazles sentir que lo están

Es posible que estés utilizando una pasarela de pago móvil que transfiere el dinero y realiza las transacciones de tus usuarios a tu aplicación. PayPal es probablemente el más conocido.

La primera regla para estas herramientas es: elegir sabiamente. Cualquiera que sea la solución con la que decidas trabajar, ésta tendrá todos los detalles de las tarjetas de crédito de tus usuarios. Debes asegurarte de que la compañía detrás del SDK (Kit de desarrollo de software) sea confiable y también rápida. Los pocos segundos en los que la aplicación está procesando el pago de un usuario deberían ser solo eso, segundos.

Si lo piensas por un segundo, el concepto de poner detalles de tu tarjeta de crédito a través de Internet es un poco loco. ¡Todo lo que se necesita es un hacker con talento, y la cuenta bancaria de alguien podría vaciarse! Es por esto que debes asegurare de que tu SDK de pago (y, de hecho, todos tus SDK) estén protegidos.

Después de eso, también debes asegurarte de que tus usuarios sepan lo bien protegidos que están, especialmente en esta etapa crítica de su viaje por tu aplicación. Puedes hacerlo simplemente mostrando un icono que indique una conexión segura: una marca de verificación verde o un icono de candado en la barra de direcciones. Esto dará a tus usuarios una sensación extra de seguridad.

Ponte en la piel de tus usuarios

Si no sabes lo que están experimentando tus usuarios en la pantalla de pago, no sabrás cómo mejorar esa experiencia. Una combinación de empatía, investigación UX, comentarios de los usuarios y análisis de aplicaciones puede ayudarte a comprender mejor el comportamiento y la experiencia. Como resultado, puedes tomar decisiones más detalladas sobre tus pantallas de pago.

Una excelente forma de obtener una imagen completa de la usabilidad y felicidad de los usuarios es el análisis cualitativo, que completa el rompecabezas del análisis y te muestra exactamente cómo los usuarios interactúan con estas pantallas complejas y cruciales. Mediante el uso de grabaciones de sesión, el análisis cualitativo te brinda no solo datos numéricos sobre el comportamiento de tus usuarios, sino un vistazo en tiempo real de la experiencia de tu aplicación. De esta forma, todos los problemas de usabilidad en tus pantallas de pago se harán evidentes de inmediato, permitiéndote abordar los problemas de manera rápida y confiable.

Prueba en diferentes dispositivos

Diferentes dispositivos significa diferentes tamaños de pantalla y por lo tanto, posibles problemas de usabilidad. Con una amplia variedad de dispositivos y tamaños en el mercado, abundan los problemas de UX. A veces, una diferencia en los tamaños de pantalla hace que un botón o campo de texto se oculte más allá de los límites de la pantalla del usuario. A veces el desplazamiento se convierte imposible o defectuoso.

Esto puede resolverse mediante pruebas rigurosas, asegurándote de que cada dispositivo pueda mostrar tu pantalla de pago correctamente. Con pruebas de usuario y análisis de aplicaciones, como mapas de calor táctiles, se pueden encontrar fácilmente problemas de usabilidad, como elementos que desaparecen y márgenes de pantalla ilegibles. Lo que querrás encontrar es si los usuarios no pueden tocar los botones necesarios para completar el proceso de conversión, y dónde están tocando en su lugar.

Hazlo fácil

Completar los detalles de la tarjeta de crédito en una aplicación debería tomar solo un par de minutos. Por lo tanto, cuanto más tiempo lleve, más probabilidades hay de que el usuario tenga problemas, se canse de la experiencia de compra y abandone. Existen algunas soluciones pequeñas y rápidas que pueden hacer que el pago con tarjeta de crédito sea muy fácil de completar.

Por ejemplo, puedes asegurarte de que la pantalla de pago automatice el formato del número de tarjeta de crédito (inserta automáticamente espacios o guiones entre cada cuatro dígitos) y de su fecha de vencimiento (MM/AA). Asegúrate de que aparezca el teclado apropiado para cada campo (teclado numérico para números de tarjetas, selector de rueda de desplazamiento para las fechas y teclado completo para los nombres de los propietarios). También es recomendable que la selección de campos se mueva automáticamente de un campo a otro tan pronto como el usuario termina de rellenar cada uno.

Muestra un desglose del pago en todo momento

Los errores de pago más embarazosos a menudo implican una suma equivocada. Quizás el usuario ingresó accidentalmente el producto dos veces. Tal vez no verificaron los costes de envío antes de realizar el pedido y se sorprendieron al ver una cantidad más significativa. Los errores humanos pueden ocurrir en cualquier momento.

Un método adecuado para evitar estos problemas requiere que muestres los detalles del pedido, la dirección de envío y el precio total en la pantalla en todo momento. De esta manera, los usuarios saben exactamente qué hay en su carrito de la compra y dónde lo recibirán, y podrán editar su pedido antes de presionar el botón “comprar”.

Conclusión

En última instancia, las pantallas de pago pueden tener un efecto significativo en los resultados de una empresa. Cuando un usuario llega a la pantalla de pago con la intención de comprar, la aplicación lo ha hecho todo bien. Proporcionaste una gran experiencia, artículos atractivos y animaste al usuario a hacer una compra. Una pantalla de pago rota puede hacer que todo ese trabajo duro se desperdicie.

Afortunadamente, con un poco de investigación, muchas pruebas y una buena dosis de empatía, la pantalla de pago de tu aplicación acabará ofreciendo una situación de beneficio mutuo tanto para ti como para el usuario.

 

Ponte en contacto con nosotros si quieres iniciar un proyecto o necesitas optimizar tu App, nosotros te ayudaremos.

Contáctanos

Fuente: UX Planet

Compartir:

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies, pinche el enlace para mayor información.plugin cookies

ACEPTAR
Aviso de cookies