Mejorando tu tienda on-line

En el diseño de comercio electrónico, la pagina de pago es una de las partes más importantes del proceso del usuario. Y con razón: influye directamente en la percepción de la marca, la propensión a las visitas de retorno y la capacidad de una organización para generar ingresos en línea. Con cada vez más usuarios comprando en teléfonos inteligentes, es imperativo diseñar un flujo de pago móvil que no solo siga las mejores prácticas para la experiencia del usuario de comercio electrónico, sino que también esté optimizado para las capacidades y limitaciones de los dispositivos móviles.

Carro de la compra móvil y opciones de pago

Proporcionar acceso rápido al carrito de la compra.

Al tocar el carrito de la compra, se indica un deseo de avanzar, por lo que los usuarios deben ir al carrito lo más rápido posible. Evite los retrasos relacionados con el rendimiento y elimine cualquier obstáculo innecesario que pueda afectar a los usuarios cuando intenten acceder al carrito.

Facilite a los usuarios la actualización del contenido de su carrito de compras. 

Las personas a menudo cambian de opinión sobre la compra de un producto o añaden accidentalmente un artículo al carrito de la compra dos veces. Permitir a los usuarios cambiar fácilmente el contenido de su carrito de compras.

Ofrezca a los usuarios un botón Eliminar transparente junto a cada artículo en su carrito. 

No los obligue a cambiar las cantidades a cero para eliminar un producto de su carrito de compras.

No utilice un botón actualizar para confirmar cambios en el carrito de compras.

Algunos sitios obligan a los usuarios a presionar un botón para actualizar para que cualquier cambio en su carrito de compra. Por lo tanto, alguien que quiera cambiar la cantidad de un artículo en el carrito deberá indicar la nueva cantidad y luego presionar Actualizar para confirmar el cambio.

Este diseño es erróneo por dos razones: (1) los usuarios deben realizar dos acciones (cambiar la cantidad, luego presionar el botón Actualizar) para cambiar el artículo; (2) la gente a menudo no presiona el botón Actualizar , ya sea porque se olvida o porque no se dan cuenta de que se supone que deben hacerlo.

Apoye la continuidad de la experiencia de compra en múltiples dispositivos

Este aspecto se entiende mejor con un ejemplo. La transferencia permite a los usuarios de Apple moverse entre dispositivos iPhone, iPad y Mac. Esta función es compatible con una experiencia de compra perfecta, lo que permite continuar la misma sesión en diferentes dispositivos. Un usuario comenzó a comprar en una computadora MacBook Pro pero se mudó al iPhone para pagar.
Desafortunadamente, muchas aplicaciones (siendo Amazon un ejemplo notable) no utilizan el traspaso, en detrimento de sus usuarios.
Asegúrese de que su sesión pueda reanudarse en un dispositivo diferente una vez que haya iniciado sesión . Sin embargo, eso no es suficiente: los usuarios deben conocer esta función cuando crean una cuenta por primera vez. Para ayudar a los usuarios a recordar sesiones de compra anteriores en diferentes dispositivos, considere la posibilidad de incluir etiquetas que indiquen cuándo se agregaron artículos al carrito y en qué dispositivo o canal se agregaron.

Pon la casilla de recordar usuario

Resumen del pedido y opciones de recogida

Los compradores no aprecian inexactitudes o precios poco claros y se sienten frustrados cuando los costes aumentan inesperadamente durante el proceso de compra. A menudo, cuando esto sucede, los usuarios abandonarán su carro de compra y buscarán los artículos en otros lugares para evitar cargos excesivos, especialmente cuando se trata de gastos de envío y entrega.

Haga que el resumen del pedido sea fácil de encontrar en diseños móviles.

Si bien los detalles que mostramos en el resumen del pedido (incluidos el subtotal, los impuestos, las tarifas, los descuentos y los gastos de envío) son importantes para cualquier proceso de pago, debemos prestar especial atención a la colocación del resumen del pedido para el pago móvil. Debido al espacio limitado de la pantalla, estas tarifas adicionales pueden aparecer a bajo de la página y pueden ser ignoradas por los usuarios. Para evitar sorpresas desagradables muestre el resumen del pedido de manera prominente en la parte superior de las páginas de pago. No haga que los compradores se desplacen al final de la página para encontrar esta información.

En la página de pago de Jet.com , el resumen del pedido se coloca de tal manera que los usuarios pueden ver claramente cada línea de pedido antes de realizar su pedido, sin tener que desplazarse hacia abajo.

Use la ubicación actual del usuario para determinar el impuesto a las ventas, los costos de entrega y las opciones de recolección disponibles.

Los costes de envío y los impuestos generalmente dependen de la dirección de envío asociada con el pedido, que generalmente se ingresa al final del proceso de pago. Siempre que sea posible, los minoristas deben usar la ubicación actual de sus clientes para estimar los cargos de envío y el impuesto antes de que los usuarios hayan ingresado sus direcciones de envío.

Campos de formulario 

Rellenar formularios en dispositivos móviles puede llevar mucho tiempo y ser propenso a errores. Reducir el número total de campos de formulario y rellenar automáticamente los campos para el usuario puede facilitar enormemente el proceso de pago.

Calcule campos automáticamente en base a las entradas previas de los usuarios. 

Los campos como el tipo de tarjeta de crédito, la dirección, la ciudad o el estado pueden calcularse automáticamente basándose en otros datos ingresados por el usuario (el número de la tarjeta de crédito y, respectivamente, el código postal). En lugar de pedir a los usuarios que escriban esta información explícitamente, haga el trabajo por ellos.

Uso del teclado correcto en cada momento. 

Use un teclado numérico para datos numéricos, como números de tarjetas de crédito o números de teléfono. Para los campos de dirección de correo electrónico, use un teclado específico para ingresar direcciones de correo electrónico, que presenta de manera destacada caracteres específicos.

El relleno automático del navegador y los datos guardados deben funcionar en campos de formulario
Como nombre, dirección, dirección de correo electrónico, número de teléfono, contraseña y tarjeta de crédito.

Pago fácil en el móvil

Ingresar los detalles de la tarjeta de crédito es laborioso, molesto y, especialmente en dispositivos móviles, propenso a errores; Además, es posible que los usuarios en ese instante no siempre tengan a mano su tarjeta de crédito.

Ofrezca opciones de pago para dispositivos móviles, pero no abrume a los usuarios con demasiadas opciones. 

Las opciones de pago de terceros reconocibles como Paypal o Apple Pay pueden ser útiles, pero demasiadas opciones pueden causar a brumación de opciones.

Permitir a los usuarios tomar fotos de sus tarjetas de crédito para completar la información.

Conclusión

Lo que distingue las mejores experiencias de pago móvil es la atención adicional a los detalles. Los elementos de UI centrados en el usuario pueden ayudar a sus usuarios.