Carrito de la compra con Ajax

Carrito de la compra con Ajax

El diseño web se ha rendido definitivamente a las  funcionalidades de AJAX, no sólo porque nos permite actualizar nuestra página sin refrescar la pantalla, si no también por la gran ayuda que supone para el diseñador a la hora de diseñar un sitio usable.

Existen cientos de ejemplos que respaldan su uso, en este blog ya hemos hablado en varias ocasiones de ejemplos muy útiles realizados con Ajax. En esta ocasión, vamos a ver un ejemplo en el que la usabilidad de una tienda online se hace infinitamente más clara y visual para el usuario.


Se trata de usar el drag and drop para arrastrar aquellos artículos que queremos comprar a nuestra «cesta de la compra». El usuario además de interactuar en la web de forma novedosa y vistosa, ve en todo momento el resultado de sus acciones, pudiendo rectificar o consultar sus compras sin necesidad de volver a cargar la página o de abandonarla, con un sólo echar un vistazo a su cesta.

En este ejemplo, además, se mantiene actualizado el precio total de sus compras, tanto cuando añade como cuando elimina un producto, pero como siempre una imagen vale más que mil palabras, os recomiendo que echéis un vistazo a la web y veáis cómo además se ha sabido tratar muy acertadamente la gráfica de la funcionalidad.

Ver ejemplo en http://icondock.com/

Ver ejemplos de código y descargar en http://demos111.mootools.net/Drag.Cart

Share and Enjoy !

0Shares
0 0 0