Developer At Work

Este fue un post parte del programa "Presta tu Blog" consistente en "obsequiar" un espacio a otros autores quienes a su vez también "prestaron" el suyo. Fue publicado originalmente en el blog de Jorgelig

Uno de los mayores referentes en temas de diseño web, usabilidad y buenas prácticas en el diseño de interfaces web es Amazon, el conocido sitio web orientado a la venta de -inicialmente- libros y que ahora ha extendido sus servicios a diversos productos, desde ropa, hasta servicios destinados a un público desarrollador (pasarela de pagos, hosting, transferencia, etc.). Revisando su sitio web hoy, veo (y no soy el único) que está en proceso de rediseño, a un formato diferente al que nos tenía acostumbrados:

Al parecer está aplicando el cambio a pocos, y mostrando el contenido sólo a algunas personas. Entre los nuevos cambios, podemos notar:

• Adiós a los Tabs, ahora el menú de Productos está en el lado Izquierdo del sitio
• Renovación ligera del área de búsqueda
• Mayor cuidado y apoyo al uso de listas (User Lists, Wish Lists, Shopping Lists, etc.,)
• Mayor uso de paneles flotantes que aparecen al posicionar el mouse en flechas

Definitivamente cuando una página tan importante (y que impulsó varios elementos que ahora son considerados estándard en los diseños web modernos, entiéndase, navegación basado en tabuladores, los "breadcrumbs", un sistema de búsqueda inteligente, etc.) hace cambios de este tipo, el resto de la comunidad debe escuchar y presenciar. No es la primera vez que Amazon hace cambios en su sitio Web, y no es la primera vez que trata de cambiar el diseño de tabs por uno basado en menus, como podemos apreciar en esta imagen del año 2000 que encontramos en About.com:

Recuerdo ya hace unos nueve años cuando se lanzó con fuerza su navegación basada en tabs. En ese tiempo, muchos cuestionaron el cambio, pero ahora pocas personas podrían negar que su utilidad y buena implementación (punto neurálgico para su éxito) fueron bastante exitosas: continuaron siendo usadas por muchos años, aumentando, colocándose en varias filas en una época y reorganizándose en otra. ¿Pero porqué son funcionales? Steve Krug, en su excelente libro "Don’t Make Me Think" escribe al respecto (traducción libre):

• Son evidentes por sí mismas. Difícilmente alguien verá una interfaz basada en tabs y dirá "Hmm.. me preguntó.. ¿qué harán?
• Son difíciles de ignorar. Cuando hago pruebas de usuario, siempre me sorprende qué fácilmente los usuarios ignoran barras de botones en una página Web. Pero como los tabs son tan distintos visualmente, son difíciles de ignorar. Y como son difíciles de confundir con otra cosa que no sea navegación, crean una divición obvia entre navegación y contenido.
• Se ven bien. Los diseñadores Web siempre tratan de hacer páginas visualmente más atractivas. Incorporadas correctamente, los tabs pueden añadir al diseño y tener un propósito útil.
• Sugieren un espacio físico. Los tabs crean la ilusión que el tab activo salta al frente físicamente. Es un efecto sencillo, pero efectivo ya que el resultado es fácilmente entendido por el usuario.

La nueva navegación que probablemente se utilizaría (recordemos que esto es una prueba y como en casos anteriores, podría no aplicarse finalmente) trata de "facilitar" la navegación, pero no me encuentro totalmente seguro al respecto. Como menciona Krug, el uso de tabs permite que se realice una conexión lógica entre un concepto conocido (separadores de tabs reales) pero el menú que potencialmente utilizaría no lo hace.

Es cierto, cumple con varios elementos (mostrar la sección activa, distribuir en áreas entendibles) pero pierden la "familiaridad" que uno tenía al utilizar un tab, como quien revisa un listado de compras (que curiosamente, era la orientación original de Amazon). Ahora tienen la ventaja de poder, con menos clicks, entrar a secciones específicas de compras, pero nunca llegué a usar esa funcionalidad incluso en el diseño actual; siempre entré directamente a las opciones generales y realicé mis búsquedas ahí.

Incluso los paneles flotantes que se despliegan cuando uno selecciona las flechas me da la impresión que complicara un poco más la navegación. Es sin embargo, sólo una impresión. Los puntos buenos, eso sí, han sido la forma en que han reorganizado los elementos en la cabecera, dándole mayor énfasis a las listas, ofertas del día y la búsqueda.

Definitivamente, Amazon pensará mucho y hará muchísimas pruebas antes de lanzar finalmente el diseño (si es que lo hace), y estaremos atentos a los cambios. La comunidad de diseñadores y desarrolladores web, como ya mencioné, están escuchando. Y no dudarán en dar su opinión al respecto.

Actualización: Veo también que han agregado un "widget" adicional en las recomendaciones: