Con la temporada de vacaciones a la vuelta de la esquina, muchos de nosotros haremos algunas compras en línea. (¿De acuerdo? ¡Tal vez un montón de compras!) La página de pago de un sitio web puede hacer que esa experiencia sea inolvidable, o una que desearía olvidar.
Si está diseñando una página de pago, hay muchas consideraciones: funcionalidad, facilidad de uso, seguridad y diseño. El último elemento es algo que cualquier diseñador puede tener impacto. Una página de pago no debe diseñarse como una idea de último momento; Podría decirse que es la página más importante en la experiencia de compra en línea.
Hazlo visual
Esto puede parecer una idea obvia, pero la página de pago de una página de comercio electrónico debe ser visual. Demasiados sitios web lo convierten en una forma básica.
Esto es importante por varias razones. Una conexión visual entre las páginas de pago y el resto del sitio establece la credibilidad de la marca. Si la página de pago se ve como el resto del sitio, se siente segura y como si perteneciera al sitio. Las imágenes, desde los logotipos hasta los elementos del carrito, ayudan a los usuarios a recordar por qué y dónde están en la web. (Recuerde, gran parte del mundo es un grupo bastante distraído de usuarios de Internet).
Entonces, ¿qué tipo de imágenes debe utilizar?
- Imagenes Como mínimo, cada elemento debe ir acompañado de un icono que muestre lo que el usuario está comprando.
- Logotipos El logotipo de la empresa siempre debe ser claramente visible (y se puede hacer clic para volver al resto del sitio).
- Botones grandes Hacer llamadas a la acción como? Añadir a la cesta ,? ¿Actualizar artículo? y? comprar ahora? Grandes, coloridas y visualmente atractivas. Los botones deben ser fáciles de encontrar y hacer que quieras hacer clic en ellos.
- Color. Demasiadas páginas de pago son todas blancas con cuadros delineados. Está bien usar color. Mantenga la combinación de colores del resto del sitio web en la página de pago.
- Tipografía. El texto debe ser simple y fácil de leer. (La gente tiende a "confiar" en los tipos de letra serif simple o sans serif más que en una fuente de script o novedad). Pero también puede divertirse con elementos de texto más grandes.
Incluir logotipos de pago y sellos de seguridad
Incluya imágenes que hagan que los usuarios se sientan bien al comprar con usted. Si bien la mayoría de la gente entiende que puede pagar con una tarjeta de crédito en línea, tener pequeños logotipos junto a los botones de pago refuerza esta idea.
Es una pequeña, pero tranquilizadora, señal visual para los usuarios. Puede ayudar a eliminar la confusión sobre qué tipos de pago se aceptan.
Solo recuerda incluir logos para todos los tipos de pago. (Demasiados sitios recuerdan los logotipos de las tarjetas de crédito, pero olvide PayPal o Apple Pay). Mantenga las imágenes pequeñas y agrúpelas de manera organizada. (Afortunadamente para los diseñadores, la mayoría de estos elementos se reproducen bien en formatos pequeños y tienen relaciones de aspecto similares).
Considere diseñar o descargar un kit de logotipos de interfaz de usuario especializado para este propósito. Usted no está limitado a los logotipos de acciones de la empresa. Simplemente no te vuelvas demasiado salvaje con el diseño; el objetivo es que los usuarios reconozcan los logotipos en un tamaño muy pequeño en la pantalla.
Considere ampliar imágenes
Las páginas de pago que permiten a los usuarios echar un último vistazo a los artículos del carrito son una gran ventaja. Los efectos de desplazamiento que amplían cada elemento del carrito o una ventana emergente pueden hacer que sea más fácil para los usuarios ver las compras potenciales una última vez y eliminar la frustración de tener que navegar hacia atrás para verificar un color o tamaño.
Otra opción es crear imágenes en miniatura de gran tamaño para los elementos en la página de pago. Esta imagen adicional puede ayudar a un usuario a confirmar su elección de compra y sentirse aún mejor con la compra.
Demasiados diseñadores se niegan a incluir imágenes, lo que facilita el abandono de un carrito. Piénselo de esta manera, tener una imagen al momento de pagar es equivalente a estar en la fila en una tienda física con un artículo en la mano. No muchas personas cambian de opinión en este punto.
Usar tablas
La información en el carrito debe ser organizada a la perfección. La forma más fácil de lograr esto es diseñar el carro en forma de tabla o formato similar basado en cuadrícula.
Utilice columnas y filas para mostrar cada elemento, una imagen, descripción, cantidad, precio y cualquier otra información relevante. Los elementos deben ordenarse verticalmente en columnas con otra información en la fila correspondiente. Este estilo de clasificación es esencial para los carros con múltiples elementos para que los usuarios no se vean obligados a moverse entre pantallas en lugar de subir y bajar (lo que es más cómodo).
Dentro de cada tabla o cuadrícula, use alineación consistente. La izquierda es la más común. Considere la forma en que los precios se alinean también para que sean fáciles de ver en la pantalla. Lo ideal es que los precios se alineen de modo que los números antes y después de un período estén en las mismas posiciones para cada artículo.
Pensar en la funcionalidad
Si bien gran parte de la funcionalidad general de un diseño de página de pago puede no ser la directiva de un diseñador, es algo que debe considerarse. (Ya sea que los diseñadores o los desarrolladores creen estos conceptos pueden variar según el equipo).
Las preocupaciones clave de funcionalidad que necesitan elementos de diseño incluyen:
- Capacidad y facilidad de impresión desde varias pantallas, incluso antes y después de la salida.
- Incluya la funcionalidad de la lista de deseos u otro método para guardar artículos para su posterior compra. Haga que la información sea compartida.
- Demasiadas páginas de pago se convierten en agujeros oscuros sin enlaces a otras partes de la experiencia de compra. No bloquee a los usuarios en páginas de las que no puedan salir.
- Permitir la edición de artículos en el carrito.
- Considere una opción o página de facturación para imprimir. (Esto es especialmente importante si sus clientes incluyen clientes comerciales).
- Facilite a los usuarios la comprensión de cómo modificar, cambiar o actualizar pedidos. Muchas páginas de pago incluyen un contador de cantidad al lado de cada artículo. Haga que ese número sea fácil de editar (y debería actualizarse automáticamente).
- Facilita la creación de una cuenta después de la salida. No todos los clientes han comprado con usted antes. Debe ser rápido y fácil hacer una compra y luego registrarse para obtener una cuenta. Convierte la venta primero.
Los iconos clave deberían aparecer en cada página
Pensando en el diseño de la página de pago, comienza el minuto en que el concepto del sitio web comienza a incluir una opción de comercio electrónico. Ciertos elementos de diseño deben llevarse a través de todo el sitio web.
Los iconos de agregar al carrito y la página de pago deben llevarse a lo largo del diseño. Los botones o elementos de navegación deben tener el mismo diseño (o bastante similar) que los botones de acción correspondientes en la página de pago.
Recuerde a los usuarios móviles
Un porcentaje creciente de ventas se está produciendo en dispositivos móviles en lugar de computadoras de escritorio. Piense en el diseño de su página de pago y la facilidad de uso para estos clientes también. (Nada es más frustrante, y demasiado común, que un sitio web que funciona en un teléfono hasta la página de pago).
Elementos de diseño con toque y deslizar en mente. Los botones deben ser más grandes y más fáciles de ver. La forma debe incluir cuadros más profundos para que sean fáciles de tocar sin tener que acercar la pantalla.
Cuando se trata de usuarios móviles, mantener todo en una sola página es igualmente importante. Cree una página de pago que se desplace en lugar de voltear a través de múltiples pantallas.
Conclusión
Diseñar una página de pago puede ser una gran tarea para cualquier diseñador. La clave es algo de lo que hablamos a menudo en la comunidad de diseño: sea sencillo. Diseñe un esquema simple con efectos mínimos y un enfoque en la usabilidad, y es más probable que tenga éxito.
Recuerde al usuario cuando piense en las páginas de pago. Esfuércese por diseñar una página que tenga un atractivo visual, logotipos para guiar e informar a los usuarios, un montón de imágenes, un diseño organizado, funciones, iconos para guiar y promover las ventas y una interfaz para dispositivos móviles.
Fotos de archivo Cortesía del mercado creativo.