Krypton Solid

Cómo diseñar un mejor proceso de pago móvil – Smashing Magazine

Cómo diseñar un mejor proceso de pago móvil – Smashing Magazine

No son solo aplicaciones. Por un deslizamiento de tierra, los usuarios prefieren los sitios web móviles a las aplicaciones para comprar. Para cada actividad de compra, incluida la investigación de productos y precios, la revisión de productos, la participación en promociones y la compra, la mayoría de los encuestados (61 a 81%) preferido usar un navegador a una aplicación nativa.

En los días y meses venideros, será cada vez más importante para los minoristas impulsar este crecimiento mediante la creación de procesos de pago sencillos y sencillos que inspiren confianza y que aprovechen al máximo todas las ventajas que el medio tiene para ofrecer.

Analicemos algunos ejemplos de procesos de pago en dispositivos móviles y veamos qué podemos aprender.

1. Incluya solo campos vitales

Todos hemos respondido esas temidas preguntas, como «¿Cómo se enteró de nosotros?» Si bien pueden servir al proveedor, no hacen nada por el comprador, que está ofreciendo el dinero que tanto le costó ganar y merece tomar las decisiones aquí.

Si bien estas preguntas son molestas en una computadora de escritorio, pueden ser fatales en dispositivos móviles. Tome estos dos ejemplos:

Comparación de los procesos de pago móvil.

A la izquierda, el proceso de pago móvil receptivo de Moby tiene éxito al reducir los campos a lo esencial, condensando todo el proceso en una página cohesiva.

A la derecha, Kay Jewelers muestra cómo una experiencia simple puede volverse extraordinariamente engorrosa rápidamente. Tres páginas en total muestran campos innecesarios como «Teléfono de la tarde» y «Teléfono móvil», mientras que los campos se dividen; el campo «Dirección» tiene tres líneas imponentes (en lugar de solo una para un código postal), y el usuario es obligatorio. para volver a escribir su dirección de correo electrónico.

2. Permitir el pago como invitado

Proporcionar una opción para pagar como invitado debería ser una práctica estándar en todos los medios (aunque el 24% de los sitios web de comercio electrónico no lo hacen), y especialmente en dispositivos móviles. Es mucho menos probable que un usuario complete un pedido si tiene que pasar por el proceso de crear una cuenta y confirmarla. Las estadísticas respaldan esto, a veces sorprendentemente. Un minorista importante supuestamente vio un Salto de $ 300 millones en ventas quitando el botón «Registrarse»!

Proceso de pago de Burton.
Burton comienza su proceso de pago cubriendo su apuesta, dándole al usuario las tres opciones: «Iniciar sesión», «Crear una cuenta» o «Pagar como invitado». Vista ampliada.

3. Aproveche los elementos de la interfaz de usuario móvil

Fandango tiene una experiencia fluida de pago móvil. Una gran razón es que aprovecha las ventajas del medio, a menudo confiando en los controles táctiles, que es mucho más probable que un usuario use que escribir.

La interfaz de usuario de escritorio de Fandango frente a la interfaz de usuario móvil.
La interfaz de usuario de escritorio de Fandango frente a la interfaz de usuario móvil. Vista ampliada.

En FandangoIU de escritorio (izquierda), se solicita al usuario que seleccione cantidades mediante un menú desplegable típico. En la interfaz de usuario móvil (derecha), se les solicita que actualicen las cantidades mediante selectores de incremento (con una opción para escribir también), que es más rápido en ese medio.

4. Elimina las distracciones, no el contenido

Una vez que un usuario está en el proceso de pago, obviamente ha expresado su disposición a comprar. Dicho de otra manera, el sitio web ha pasado de ser un vendedor a ser un centro de cumplimiento de pedidos. Con eso en mente, elimine todo lo que llame su atención en cualquier lugar que no sea la tarea en cuestión.

Las conversiones pueden aumentar en cajas adjuntas, una táctica que puede haber notado al comprar en Amazon. Con esta técnica, el proveedor elimina el encabezado estándar, incluidos los enlaces del menú y la barra de búsqueda, lo que podría llevar al usuario a otra parte. Una página de pago se puede hacer especialmente simple en dispositivos móviles.

Proceso de pago de Dillard.
Una vez que un usuario está en Dillard’s proceso de pago, su único escape es tocar el logotipo en la esquina superior izquierda.

Enlaces de redes sociales en el carrito de compras de GNC.
Enlaces de redes sociales, como estos en GNCcarrito de compras, no debería tener lugar en el proceso y podría alejar a los usuarios. Vista ampliada.

Una página de pago rica en contenido puede parecer una buena idea, pero distraerá al usuario de su decisión de compra.

Esto no significa que debamos eliminar todo el contenido. Las interacciones móviles suelen durar un 80% tanto como las de escritorio, y ese número está aumentando. Es posible que los usuarios aún tengan preguntas sobre las pautas de envío, la entrega, los términos y condiciones y más. Una buena experiencia debería darles la opción de encontrar respuestas.

Sitio web móvil de Crate & Barrel.
En Sitio web móvil de Crate & Barrel, las preguntas estándar se muestran en la parte inferior de la página del carrito de compras, lo que permite al cliente obtener respuestas sin salir del embudo de pago.

5. Mostrar progreso

Un usuario quiere saber dónde está, hacia dónde se dirige y cuánto tiempo falta hasta que termine. Las barras de progreso alivian la ansiedad aquí.

Estudios recientes muestran que la mayoria de los principales minoristas electrónicos muestran una barra de progreso, aunque muchas implementaciones dejan mucho que desear.

Sitio web móvil de Under Armour.
Tiempo Debajo de la armaduraEl sitio web para dispositivos móviles guía a los usuarios a través del proceso con una barra de progreso simple y sensible, mejoraría si describiera los pasos a seguir.

6. Construir ligero

Sobre todo, el tiempo es precioso. El 74% de los visitantes móviles abandonarán un sitio web si tarda más de cinco segundos en cargarse. Los usuarios han venido a completar una acción y ya están convencidos de que es lo correcto, por lo que es mejor salirse de su camino.

Adhiérase a las «Siete pautas para diseñar experiencias de usuario de dispositivos móviles de alto rendimiento». Y use una herramienta de prueba para optimizar los tiempos de carga; Mobitest de Akamai es mi elección.

Tom's Shoes tiene una página de pago de carga rápida.
No va a ganar ningún premio de diseño, pero Zapatos de Tom tiene una página de pago básica y de carga rápida que hace el truco.

7. Brindar garantías de seguridad

Uno de los mayores reservas Los usuarios que han dejado el comercio electrónico móvil es la seguridad. Para superar este obstáculo, los diseñadores no necesitan ser sutiles: brinden tantas garantías como sea posible de que la experiencia es segura y dirijan el punto a casa. Esto significa usar iconografía, certificados SSL y llamadas dedicadas en copia.

1-800-Flowers.com
1-800-Flowers.com recuerda activamente a los usuarios la seguridad de su pedido utilizando una variedad de tácticas.

8. Google Wallet, PayPal y Amazon son tus amigos

En lugar de obligar a los usuarios a buscar a tientas en los formularios de pago y escribir su dirección, use un servicio confiable como Google Wallet, PayPal y Amazon para que los usuarios estén a dos toques de completar su pago. Su información se completará automáticamente y el proceso estará casi completo.

Experiencias de comercio electrónico móvil en Shopify.
Experiencias sencillas de comercio electrónico móvil en Shopify.

Experiencias de comercio electrónico móvil en Shopify, como esta para DODOcase, no son visualmente emocionantes, pero ese no es el punto. Silencian cualquier ruido, al tiempo que permiten a los usuarios verificar rápidamente utilizando aplicaciones confiables de terceros.

9. Aproveche la geolocalización y las llamadas con un solo toque

El sitio web móvil de The Home Depot.
El almacén de la CasaEl sitio web móvil permite a los usuarios recoger artículos en la tienda y utiliza GPS para encontrar la ubicación más cercana y verificar el inventario.

Utilice la información del GPS para señalar fácilmente a un usuario a una ubicación física, como alternativa a una conversión web. Usando una cadena de URL como http://maps.google.com/maps?daddr=BEST+BUY&saddr=Current+Location en dispositivos móviles, Google recuperará automáticamente la ubicación más cercana y proporcionará direcciones. La mejor compra observó que el 28% de los usuarios visitando sus plataformas móviles lo estaban utilizando para realizar una compra en la tienda, lo que lo convierte en una propuesta de valor exitosa.

Además, use las llamadas con un toque con el tel: protocolo para permitir que los usuarios soliciten asistencia con un toque, una experiencia mucho más fácil que anotar un número de teléfono.

10. Como siempre, pruebe en todos los sistemas y configuraciones

Pruebas móviles con User Agent Switcher para Chrome.
Pruebas móviles con User Agent Switcher para Chrome. Vista ampliada.

Las pruebas móviles pueden ser difíciles y requieren mucho tiempo, pero con el mercado dividido entre una variedad de sistemas operativos, priorizando por cuota de mercado y las pruebas en múltiples resoluciones son importantes. Tener en sus manos un teléfono para cada sistema operativo es siempre lo mejor, pero si eso no es posible, puede usar un complemento de navegador llamado User Agent Switcher para Firefox y Cromo. Puede ser un valioso ahorro de tiempo para las pruebas, ya que le permite alternar entre diferentes experiencias de SO en su escritorio.

El otro factor en la conversación sobre el sistema operativo es el diseño. Muchos diseñadores de experiencias web móviles hacen el error de tomar prestados elementos de la interfaz desde el sistema operativo de su elección. Por ejemplo, un diseñador que usa un dispositivo iOS puede adoptar los estilos de botones de Apple. Si bien esto tendría sentido en una aplicación nativa, un sitio web móvil es una experiencia para todos los navegadores, y una estética nativa probablemente desanime a los usuarios de otros sistemas operativos o, lo que es peor, simplemente podría verse mal.

Conclusión

Por fin, la promesa del comercio móvil comienza a cumplirse. Nunca antes la brecha entre una buena y una mala experiencia de pago móvil afectó tanto a los ingresos.

Si los minoristas brindan al usuario una ruta clara, enfocada, simplificada y liviana para realizar su compra, al tiempo que reconocen las ventajas y limitaciones de una experiencia móvil descrita anteriormente, todas las partes se beneficiarán.

Otras lecturas en SmashingMag:

Deja un comentario