Me gustó: Ayuda ajax en shelfmates

Hoy por hoy, los sitios web son cada vez más complejos y en momentos difíciles de interactuar. Drag and drop, lightbox, hotkeys, hover complejos, ayudan de gran manera la experiencia de usuario, pero a veces también confunde y entorpece.

Ajax es una herramienta de enorme potencial para crear dichos comportamientos, pero también puede ser utilizada como instancia de aprendizaje a interfaces complejas. Este es el caso de shelfmates, un sitio web donde puedes tener tu biblioteca de películas, música, libros, entre otros… un delicious library web con menos funcionalidades.

En resumen, en shelfmates primero debes encontrar tus objetos en un buscador que usa Amazon como base de datos, luego arrastrarlos hacia alguna librería o al “backpack”, donde después de ordenarlos se visualizan en miniaturas que puedes cambiar de tamaño presionando ciertas teclas. Esto es un poco complicado de descubrir por si solo, pero estos tipos hicieron algo simple, pero muy inteligente.

Al momento de registrarte e ingresar por primera vez al sitio, vía ajax explican en una pantalla las herramientas e interacciones básicas que el usuario debiera saber. Haciendo de esta instancia, un pequeño aprendizaje a las funcionalidades que te podrás encontrar en el sitio.

Acá van las pantallas:

Home de sitio web shelfmates

Pantalla de introducción al sitio web

Primera pantalla después de la introducción

Deja un comentario