Endless.com: Experimento de Amazon en comercio electrónico

ByLuis January 8, 2007

Endless es una nueva tienda de Amazon, dedicada a la venta de zapatos y bolsos, en la que destaca una interfaz de usuario rica y novedosa a base de DHTML y AJAX.
El sitio merece una exploraciÃ³n en profunidad pero un primer recorrido ya nos permite ver detalles alentadores:

Explorador visual de los artÃculo con zoom
Filtros de productos por marcas, color, tamaÃ±o o precio mediante AJAX (espectacular el de precios)
PaginaciÃ³n AJAX

Una interfaz de usuario realmente lograda, ejemplo de lo que la web 2.0 estÃ¡ consiguiendo y posiblemente una referencia en patrones de diseÃ±o en comercio electrÃ³nico.
Una pequeÃ±a crÃtica: se echa de menos un poco de enfoque social; al menos comentarios sobre los productos.

AJAX | PHP

SAJA: Ajax seguro con PHP

ByLuis April 30, 2007

SAJA es una librerÃa para usar Ajax en PHP de forma segura, sin necesidad de crear ningÃºn Javascript y dando soporte a PHP4 y PHP5.
EstÃ¡ diseÃ±ado para crear de forma rÃ¡pida aplicaciones Ajax secillas, seguras y fÃ¡ciles de mantener.
Se trata de crear funciones PHP que se encarguen de todo, no es necesario registrar callbacks, ni de importar otras funciones. Tan solo se escribe una funciÃ³n y se llama.
La seguridad que nos ofrece es debido a que las peticiones SAJA sÃ³lo son vÃ¡lidas si el usuario estÃ¡ actualmente en la pÃ¡gina desde donde proviene la peticiÃ³n. A parte, para darle mayor seguridad, se puede encriptar los datos de entrada del usuario antes de que se envÃen al servidor.
Tan solo ocupa 14K y 3.8K para el usuario final. No utiliza XML debido a que pesa demasiado y a que parsearlo requiere mÃ¡s proceso que con datos normales. No es necesario escribir cÃ³digo Javascript a no ser que quieras hacer algo fuera de lo comÃºn.
SAJA
VÃa / Ajaxian

AJAX | Tutoriales

Escritorio AJAX estilo Netvibes

ByLuis June 27, 2006

Interesante y extenso tutorial sobre cÃ³mo realizar un escritorio AJAX del estilo Netvibes. El escritorio del ejemplo consta de una barra de accesos directos y de widgets (ventanas que muestran informaciÃ³n).

El tutorial explica varios temas distintos, que juntos hacen posible el escritorio AJAX:

CÃ³mo detectar IE/Firefox correctamente: no sÃ© si es la forma mÃ¡s correcta de hacerlo, pero estÃ¡ claro que funciona, al menos solo cuando quieres detectar Firefox e IE, no sÃ© que pasarÃ¡ con otros navegadores como Safari y Opera. Hay que tener en cuenta que el autor solo se ha centrado en estos navegadores.
QuÃ© es el DOM y cÃ³mo manipularlo mediante Javascript: la explicaciÃ³n grÃ¡fica me parece muy clara, y la forma de obtener los distintos nodos, aunque ya puestos, la creaciÃ³n de nuevos nodos tambiÃ©n la habrÃa explicado mediante el DOM y no sÃ³lo mediante innerHTML.
CÃ³mo crear widgets dinÃ¡micamente mediante el DOM: los amigos de las tablas estarÃ¡n en la gloria, para el resto, una tila para calmar los nervios.
CÃ³mo capturar y usar eventos del ratÃ³n: lo mismo de siempre, el problema en IE y Mozilla, IE tiene el objeto event y Mozilla lo pasa como parÃ¡metro.
CÃ³mo desplazar widgets: yo prefiero meter los eventos onmousemove, onmouseup y onmousedown directamente en el body y no capturarlo mediante Javascript, si se les pasa a la funciÃ³n el objeto event, funcionarÃ¡ tanto para IE como para Mozilla y no habrÃ¡ que estar chequeando cual es el navegador.
CÃ³mo manipular el orden en profundidad de los widgets: uso del zIndex.
IntroducciÃ³n a AJAX y JSON: una breve explicaciÃ³n de AJAX y JSON.
CÃ³mo cargar feeds en los widgets: explica cÃ³mo se usa una API especÃfica para ello.
CÃ³mo crear widgets para bÃºsquedas: tambien mediante una API.
Recursos para leer: sobre AJAX, JSON, DOM, eventos y Javascript. Una buena recopilaciÃ³n.

AJAX Desktop Tutorial

VÃa / Pixel Groovy

AI/Usabilidad

8 consejos para mejorar la usabilidad

ByLuis May 24, 2007

8 buenos consejos para que podamos mejorar la usabilidad de nuestras aplicaciones web, algo que a veces se ignora pero que hace sufrir a algÃºn que otro usuario.

Cuanta mÃ¡s interacciÃ³n se necesite para realizar una tarea, mÃ¡s difÃcil se vuelve: cuando se necesite realizar una acciÃ³n hay que evitar pedir todas las posibles caracterÃsticas de la acciÃ³n, simplemente pide lo estrictamente necesario. Por ejemplo, un buscador, puedes pedir que te ofrezcan la categorÃa, el nÃºmero de resultados, el criterio de orden, … o simplemente pedir la palabra a buscar y si se quiere ofrecer una bÃºsqueda avanzada para quien quiera refinar la bÃºsqueda.
Cuanto mayor tiempo de concentraciÃ³n se necesite para realizar una tarea, menor es la usabilidad: intenta que la aplicaciÃ³n responda lo mÃ¡s rÃ¡pido posible para que el usuario mantenga su atenciÃ³n.
Cuanto mÃ¡s tenga que trabajar el usuario, menos efectiva es la interfaz: lo que nos lleva a otro punto, haz la interfaz intuitiva.
No vayas en contra de lo que espera el usuario: el usuario estÃ¡ acostumbrado a una serie de herramientas: botÃ³n para volver, recargar, … DiseÃ±a la aplicaciÃ³n teniendo en cuenta que el usuario estÃ¡ acostumbrado a algo y es lo que espera encontrar. El mal uso de Ajax a veces va en contra de esta premisa.
Las pÃ¡ginas de error no gustan: nada es peor que mostrar uno o dos errores al usuario al mismo tiempo.
Permite al usuario modificar la interfaz: a todo el mundo le gusta modificar los colores y el aspecto del entorno de trabajo. Que la gente se sienta cÃ³modo con los colores es tambiÃ©n algo a tener en cuenta.
No esperes que los usuarios lean las instrucciones: debido a ello, la interfaz debe ser lo mÃ¡s parecido a lo que se estÃ¡ acostumbrado, para que cuando se encuentren con lo que tienen que hacer sea igual o muy parecido que lo de siempre.
MantÃ©n al usuario libre de errores: por ejemplo, una pÃ¡gina 404 no dice nada, en vez de ello ofrece alternativas.

5 (+3) tips to increase web application usability

VÃa / dzone

AJAX | PHP

Microsoft AJAX Library con PHP

ByLuis March 6, 2007

ASP.NET AJAX, la librerÃa Ajax de Microsoft, estÃ¡ disponible para los usuarios de PHP (si es que hay algÃºn valiente que se atreva). La gente de Microsoft ha resarrollado un proyecto en Codeplex que sirve de puente entre PHP y la librerÃa de Ajax.
Aunque parezca mentira, se me ocurre una posible necesidad de esta librarÃa. Hay veces en el que proyectos grandes (y no muy organizados) se realizan en diversos lenguajes de programaciÃ³n y se puede dar la situaciÃ³n de que haya que acceder a la librerÃa de Microsoft desde PHP.
La verdad es que es una posibilidad muy remota, pero aÃºn asÃ, alguna posibilidad ha tenido que pensar la gente de Microsoft para llevar a cabo este proyecto, porque no tiene mucho sentido crear un librerÃa para usar un framework de Ajax hecho en .NET para usarlo con PHP, sobre todo cuando ya hay tantos frameworks para PHP que aÃ±aden esta funcionalidad y que son muy Ãºtiles.
Para quien tenga Ã¡nimos de usarla, comentarles que para ello es necesario instalar primero ASP.NET AJAX, y luego enlazar con la librerÃa en PHP y en JS.
PHP for Microsoft AJAX Library
VÃa / Brian Goldfarb’s Blog

AJAX | PHP

jPOP: framework PHP y Ajax

ByLuis July 17, 2007

jPOP es un framework para realizar aplicaciones web sin necesidad de saber Javascript o Ajax, incluso teniendo poco conocimiento de PHP.
La diferencia entre este framework y los otros es que no toma control sobre toda tu aplicaciÃ³n web, sino solamente de la parte donde se necesita. AdemÃ¡s, su core ocupa tan solo 12Kb, pudiendo admitir plugins para ampliar su funcionalidad.
jPOP
VÃa / dzone

AJAX | Desarrollo web

Qooxdoo: framework AJAX

ByLuis September 14, 2006

Qooxdoo es un framework para crear aplicaciones AJAX de forma sencilla, permitiendo crear aplicaciones web estilo escritorio.

Entre las caracterÃsticas que nos ofrece nos encontramos con: detecciÃ³n de cliente, abstraerse del navegador que se use, sintaxis sencilla, debugging, manejar propiedades, eventos y foco con facilidad, una API completa para coockies y Drag&Drop.
Qooxdoo
Demo
VÃa / Ajaxian

Similar Posts