Cómo diseñar correctamente el carrito de compras de tu sitio

Imagina que estás diseñando una tienda online. Ya te habrás dado cuenta que el éxito depende de qué tan bien lleves a tus usuarios/clientes directo al botón de “comprar”. Esto significa que lo ideal es que hacer una compra en tu sitio sea cómodo, fácil y rápido.

El ícono de compra (la bolsa o el carrito) usado apropiadamente, de manera intuitiva y teniendo en cuenta la experiencia (en términos de accesibilidad) del usuario, puede significar un aumento enorme en las ventas del sitio. Aprende la mejor forma de diseñar tu carrito de compras.

Hay varios puntos a tener en cuenta a la hora de diseñar tu carrito, y muchos sitios web han sabido explotarlos de manera creativa. Veamos algunos ejemplos para que puedas sacar ideas, siempre con la finalidad de diferenciarte de tus competidores.

Tips para diseñar el carrito de compras de tu sitio web

¿Es suficiente con un link de texto, no?

Sí, a veces. De todas formas, en muchos casos depende de qué clase de productos venda tu empresa. Si vendes limpiaparabrisas, una bolsita de compras color rosa no va a ser una buena opción, pero siempre ayuda algún elemento de diseño que llame la atención, no olvides que aún el color y la tipografía del enlace son importantes.

Una forma poco efectiva de tratar un enlace de “sólo texto”…

Una forma más efectiva.

En ambos casos la cuestión es cómo está presentada la opción de compra

Carritos de compra atractivos

Los diseñadores tenemos la tendencia de crear íconos atractivos que motiven la compra. No tienes que quedarte con el súper trillado carrito, puede que en tu empresa se compre con bolsas de nylon, cartón, cajas, canastos, bolsos o, si se trata de un delivery o envío por correo, un sobre, paquete, vehículo, patines “roller” o lo que sea.

La ventaja de esto es que generará una sensación emotiva agradable en los clientes.

Los menús den el carrito pueden mejorar la usabilidad

En términos de usabilidad es bueno ofrecer a los usuarios un breve pero completo detalle del estado del proceso de compra. De esta forma sabrán que está funcionando bien el sistema, que no han cometido errores y podrán comprar otros productos con más tranquilidad.

Es bueno también diferenciar este sector del resto del sitio, haciendo que se vea claramente y sea de fácil acceso, sin entorpecer la navegación en el resto del sitio.
También podemos incluir información relevante, como:

• Qué hay dentro del carrito
• El mínimo de productos para comprar
  
• El valor de los productos / la suma total
  
• Opciones de cancelar la compra / finalizarla
  
• Opciones de pago, tarjetas, online, efectivo, etc.
  
• Enlace a página de ayuda.
  

De esta forma los clientes se sentirán más cómodos para navegar por el sitio y seguir comprando, sin distraerse pensando en los detalles que no se muestran en otros carritos.

El carrito de compras debe destacar el contenido

A veces con sólo agregar una imagen o ícono de compra dentro del contenido de nuestro sitio ya estaremos incitando a la compra.

Uso sutil de la imagen

A veces no queremos llamar la atención como lo haríamos en la página principal de nuestro sitio. Si los clientes ya se encuentran en nuestro carrito de compras será molesto ver imágenes muy llamativas de carritos o bolsas. En este caso, para ver lo que van adquiriendo podemos usar un pequeño ícono minimalista que se integre al contenido en forma sutil.

La importancia de la Creatividad

Esto se relaciona con lo atractivo, pero va más allá del diseño. Aprovechando la posibilidad de interactividad podemos crear verdaderas experiencias de compra virtual. Un ejemplo es la canasta de rebelio.ie a donde podemos arrastrar y soltar varios productos, que vayamos a comprar.

El carrito como parte del logo

Otra buena idea es integrar el símbolo del carrito de compras al logotipo de tu sitio web.

Esto cumple dos funciones a la vez, refuerza la marca y la intención de compra (¡cuidado! no estoy diciendo que a un logotipo cualquiera le estampemos un carrito, sino de, en los casos que se pueda, generar un logo de la empresa online con estas características).

Ejemplos para no seguirlos

Como están quienes aprovechan las ventajas del diseño, también están los que hacen todo lo contrario. Veamos algunos ejemplos:

• En este sitio el ícono del carrito no es cliqueable (¡gran error!).
• El ícono del carrito es poco reconocible.
  
• Aquí es difícil de encontrar (¿cómo alguien puede tener una página web importante y que no haya nadie que le avise de esto?).
  

¿Cómo hago mi carrito? ¡Ayuda!

Bueno, para comenzar, aquí tienes una serie de recursos para comenzar. Carritos, botones, etc. ¡Aprovéchalos!

Darle un buen grado de personalización al carrito de compra de tu sitio incrementará las ventas de una manera que no te imaginas. ¡Después me cuentas! ^_^

Fuente: SmashingMagazine