Juan Manuel 31 de marzo de 2008 a las 19.04
   Imprimir artículo
elWebmaster.com

C√≥mo dise√Īar correctamente el carrito de compras de tu sitio


C√≥mo dise√Īar correctamente el carrito de compras de tu sitioImagina 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.

C√≥mo dise√Īar correctamente el carrito de compras de tu sitio
Una forma poco efectiva de tratar un enlace de “s√≥lo texto”…

C√≥mo dise√Īar correctamente el carrito de compras de tu sitio
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.

C√≥mo dise√Īar correctamente el carrito de compras de tu sitio

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
    C√≥mo dise√Īar correctamente el carrito de compras de tu sitio
  • El valor de los productos / la suma total
    C√≥mo dise√Īar correctamente el carrito de compras de tu sitio
  • Opciones de cancelar la compra / finalizarla
    C√≥mo dise√Īar correctamente el carrito de compras de tu sitio
  • Opciones de pago, tarjetas, online, efectivo, etc.
    C√≥mo dise√Īar correctamente el carrito de compras de tu sitio
  • Enlace a p√°gina de ayuda.
    C√≥mo dise√Īar correctamente el carrito de compras de tu sitio

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.

C√≥mo dise√Īar correctamente el carrito de compras de tu sitio

C√≥mo dise√Īar correctamente el carrito de compras de tu sitio

C√≥mo dise√Īar correctamente el carrito de compras de tu sitio

C√≥mo dise√Īar correctamente el carrito de compras de tu sitio

C√≥mo dise√Īar correctamente el carrito de compras de tu sitio

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.

C√≥mo dise√Īar correctamente el carrito de compras de tu sitio

C√≥mo dise√Īar correctamente el carrito de compras de tu sitio

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.

C√≥mo dise√Īar correctamente el carrito de compras de tu sitio

C√≥mo dise√Īar correctamente el carrito de compras de tu sitio

C√≥mo dise√Īar correctamente el carrito de compras de tu sitio

C√≥mo dise√Īar correctamente el carrito de compras de tu sitio

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).

C√≥mo dise√Īar correctamente el carrito de compras de tu sitio

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:

¬ŅC√≥mo hago mi carrito? ¬°Ayuda!

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

C√≥mo dise√Īar correctamente el carrito de compras de tu sitio

C√≥mo dise√Īar correctamente el carrito de compras de tu sitio

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


Enviar a Del.icio.us Enviar a Meneame Enviar a Digg Enviar a Fresqui Enviar a Enchilame

Comentarios (7)

  1. paula medina dice:

    me encanto!! Clarísimo!!!!!! vamos a ver si me sale GRACIAS!!!!!!!!!

  2. Leandro Javier Aude dice:

    ¬ŅNo es mas practico dise√Īar en Paintbrush un cubo calado?

  3. Dise√Īo Web Peru dice:

    gracias por los iconos si que facilita a uno

    ———————
    Saludos
    http://www.joelcristobal.com

  4. ANGEL dice:

    huy tenkk x los datos muy buenos
    la verdad ( :

  5. rosa garcia dice:

    hola ami me gusto mucho pero yo apenas me estoy ensenando a disenar mi propia pagina web pero me gustaria me ayuden a como yo agregar el shopping cart pero ami pagina web hacerlo pormi misma casi no entiendo mucho .ayudamen gracias .

  6. Rafael Agundis dice:

    La mejor opción para crear un carrito de compras sin complicarse la vida es:

    http://www.empresa123.com

    Ellos ofrecen Tiendas Virtuales prefabricadas, 100% personalizables y listas para usarse en 5 minutos, simplemente selecciona su tienda de la Galer√≠a de Tiendas, la contrata y ya tiene un Website completamente funcional con Carrito de Compras, sus productos e informaci√≥n traducidos a 6 idiomas, chat en l√≠nea y Dise√Īo Gr√°fico Profesional.

  7. Pilar Vial dice:

    Excelente aporte. Justo la orientación que estaba buscando. Gracias.

Deja tu opinión

© 2007 - 2008 elWebmaster.com | Powered by Wordpress | Diseño CSS y XHTML válido. | Algunos íconos basados en FamFamFam Mini
Acceder