Cambios en Navegación de Amazon

General

¿Alguien más notó el cambio en Amazon.com? Aparentemente desde el 22 de Octubre se publicó un nuevo sistema de navegación global diferente del clásico sistema de pestañas. Parece ser que los cambios están siendo presentados a los clientes (he comprado varios libros en Amazon.com) y los usuarios nuevos ven la interfaz tradicional.

Jugando un poco con los parámetros he comprobado que se puede forzar la vista de categorías con esta URI.

Actualización: Aparentemente el mecanismo de despliegue es aleatorio, es decir, se presenta la interfaz nueva a un grupo de usuarios seleccionados al azar, por lo que la URI del párrafo anterior puede no funcionar.

amazon-nav-01

El antiguo sistema de navegación por pestañas de Amazon.com se había sobrepoblado haciéndolo recargado y menos eficiente que al principio [d].

amazon-nav-02

Nuevo sistema de navegación global en Amazon.com que reemplaza al tradicional sistema de pestañas [d].

El nuevo sistema presenta sólo dos pestañas, una con la etiqueta Welcome y la otra All Categories. La primera contiene opciones de navegación relacionadas con elementos globales como las tiendas internacionales, productos destacados, etc., en suma, un criterio transversal de contenidos. La segunda no tiene opciones secundarias, pero nos conduce a lo que puede ser el cambio más interesante: un sistema de categorías como el directorio de Yahoo! o Google con todas las áreas de Amazon.com.

amazon-cats-01

El nuevo rediseño de Amazon.com presenta un sistema de categorías que permite navegar todo el sitio [d].

El cambio me parece positivo hasta ahora, se observa un sitio más organizado y limpio. La estética del sitio continúa siendo la misma: la paleta de colores y los elementos secundarios son los mismos, el cambio es más bien en la navegación global.

Cabe señalar que el nuevo encabezado de Amazon.com incorporaba hace unos días una interfaz de búsqueda del recientemente lanzado producto de Amazon, A9.com, pero mientras reviso el sitio no puedo encontrarlo, es posible que haya sido removido.

Si te interesa revisar el sitio antiguo para constatar las diferencias, está disponible vía Internet Archive Wayback Machine.

Descripción de Imágenes

  1. Descripción de imagen 1: La imagen presenta un menú de navegación de pestañas formado por dos niveles, el superior muestra las categorías de navegacion principal y el inferior las opciones secundarias. El primer nivel contiene las opciones Welcome, Your Store, Books, Apparel and Accesories, Electronics, Toys and Games, DVD, Baby. La selección actual es Welcome, que presenta las opciones International, New Releases, Top Sellers, Sell Your Stuff.Las pestañas son una forma habitual de presentar muchas opciones alternadamente.
  2. Descripción de imagen 2: La imagen muestra el nuevo sistema de navegación de Amazon, que conserva las pestañas pero esta vez con sólo dos ítemes: Welcome y All Categories. La pestaña seleccionada esWelcome y las opciones al igual que en la versión anterior son International, New Releases, Top Sellers, Sell Your Stuff.
  3. Descripción de imagen 3: La imagen muestra el listado de categorías de Amazon.com dispuesto en cuatro columnas y dividido en dos secciones horizontalmente. La parte superior contiene productos y la sección inferior muestra servicios e información.

Google y Accesibilidad

General

Durante el desarrollo de una serie de sesiones de capacitación que estoy realizando como parte de una asesoría de accesibilidad he hecho más consciente algo que es evidente, pero no había terminado de racionalizar. Me refiero a la relación entre las prácticas de accesibilidad y la optimización para motores de búsqueda.

Sucede que en la medida que utilicemos prácticas simples de accesibilidad como el uso de gramáticas formales, de implementaciones tecnológicas que se degraden apropiadamente, no dependan exclusivamente de tecnologías de cliente o creamos sitios que consideren el uso de diferentes dispositivos estamos permitiendo a un rango mayor de usuarios que accedan a los contenidos. La clave está en que cuando hablamos de usuarios no sólo estamos hablando de personas: cualquiera que se dé el trabajo de revisar las estadísticas del servidor de cuando en cuando notará que gran parte de las visitas se deben a robots, web crawlers y otras alimañas. Una de ellas, la más importante en muchos aspectos, es Googlebot. Googlebot es el bot de Google, y es quien realiza gran parte del trabajo casi silenciosamente. Es él quien clasifica cada sitio, trata derelacionar los contenidos, y de asignar puntajes. Lo que nosotros usualmente vemos al buscar en Google es la interfaz del buscador, pero los resultados aparecen gracias al trabajo realizado laboriosamente por Googlebot.

La relación es simple: Googlebot tiene varias discapacidades.

Además de lo anterior, no es un browser tradicional con soporte de JavaScript y no es capar de acceder a los contenidos de muchos plugins comunes.

Googlebot es ciego porque no es capaz de reconocer o entender las imágenes, de hecho tampoco ve una página del modo que nosotros lo hacemos, usando un browser u otro tipo de dispositivo: solicita una página al servidor como cualquier browser mediante HTTP, la analiza y procesa, pero nunca la dibuja en un monitor. Por qué habría de hacerlo, no es necesario. Sólo necesita el texto, al igual que Lynx y Jaws. Cabe señalar que la búsqueda de imágenes de Google utiliza la información del contexto de una imagen, su nombre de archivo, ALT y descripciones extensas cuando existen para clasificarlas e indexarlas. Google no es capaz dever una imagen.

Es sordo, porque no es capaz de comprender archivos de audio. No tiene idea de los contenidos de un archivo MP3 u otros formatos. Cualquier contenido que se encuentre en este modo, sea un discurso, una conversación o música no será analizado. Esto también se extiende a cualquier formato multimedia que contenga audio.

Por si fuera poco, Google no reconoce JavaScript. En rigor, lo que no hace es ejecutarlo. Googlebot podrá analizar código JavaScript como texto, pero no lo ejecutará como un browser tradicional. Por ejemplo, si se utilizan técnicas como:

document.write(’<h1>Título principal</h1>’);

Googlebot jamás se enterará de que el texto correspondía al título principal, puesto que no lo ejecutará. Es capaz de leerlo, pero sólo como parte del texto y no está muy claro de que esto sea así si está dentro de un archivo JavaScript externo. Esto es sólo un ejemplo, lo mismo ocurrirá con todos los contenidos dinámicos generados vía JavaScript e incluso vía CSS.

Es cierto que muchas de las técnicas que utiliza Google son secretas y se conservan en ese estado por razones de marketing y para disminuir la posibilidad de explotación ilegítima. No obstante existen presunciones fundadas sobre varias de las reglas que aplica Google para indexar y asignar puntajes a las páginas que analiza. No nos sorprenderemos, entonces, de descubrir que muchas de las técnicas que benefician a un usuario con algún tipo de discapacidad también ayudan a Google a entender mejor un sitio y a asignarle un mejor puntaje, por lo tanto, aparecer mejor posicionado en los resultados de búsqueda:

  • Títulos bien redactados
  • Palabras clave utilizadas en títulos
  • Contenidos estructurados semánticamente
  • Uso de descripciones alternativas para imágenes y otros medios
  • URIs legibles y significativas

Conclusión:

  • la accesibilidad beneficia a usuarios que por condiciones propias se ven limitados para usar sitios que no se construyan técnicas apropiadas;
  • beneficia a usuarios que por situaciones o circunstancias específicas navegan en condiciones no tradicionales, como el uso de dispositivos móviles (PDAs, WAP, WebTV, etc.), conexiones de baja velocidad, computadores de baja capacidad;
  • facilita la labor de los robots indexadores como Googlebot, lo que te beneficia porque genera mejores puntajes y posicionamiento en los resultados de búsqueda, por lo tanto, más visitas.

Esta relación, independientemente de cualquier argumento humanista que se pueda hacer al respecto, es desde ya un muy buen argumento de ventas de la accesibilidad

Taxonomía y Navegación

General

Para algunos esto puede ser obvio, pero para quienes recién se introducen en Arquitectura de Información es una fuente de confusión constante: la estructura de contenidos no necesariamente es equivalente a la estructura de navegación de un sitio.

La estructura de contenidos o taxonomía de un sitio no tiene por qué, obligatoriamente verse fielmente reflejada en la estructura de navegación principal de un stio. De hecho, un sitio puede presentar múltiples formas de navegación, desde el clásico menú principal, pasando por menús contextuales, vínculos en el contenido, etc., hasta sistemas de búsqueda.

El objetivo de la taxonomía es organizar los contenidos de manera lógica utilizando diversos criterios. Esto permite ordenar los contenidos en un sistema estructurado, relacionado y eventualmente jerarquizado. Pero los modos que dispondremos para utilizar estos contenidos siguen patrones diferentes.

En el caso específico del patrón de menú de navegación principal se presentan secciones o categorías de contenido que se desea destacar, pero que pueden no corresponder exactamente a la misma estructura de clasificación de la taxonomía del sitio.

pict.taxynav.01

El diagrama muestra una estructura simple de contenidos en una relación jerárquica.

El diagrama anterior nos presenta una estructura de contenidos simple con subcategorías. No todas las categorías de primer nivel formarán parte del menú principal de navegación, sólo aquéllas que sea necesario destacar.

pict.taxynav.02

La ilustración muestra un esquema simple del patrón menú de navegación principal que utiliza algunas de las categorías representadas en el diagrama de contenidos anterior.

El esquema de navegación que presentamos arriba pretende ilustrar la situación que estoy tratando de exponer: la estructura de navegación utilizará algunas de las categorías de la taxonomía, pero no necesariamente todas y tampoco será necesario que pertenezcan al mismo nivel.

El criterio mediante el que seleccionaremos los contenidos de la navegación estará relacionado con el modo en que pretendemos guiar el recorrido de los contenidos, aquellos aspectos que necesitamos destacar particularmente. La taxonomía, en tanto, utilizará criterios de organización lógica.

La taxonomía, en cambio, tendrá un rol relevante en el uso de otros mecanismos, como los motores de búsqueda y sistemas facetados de navegación, como catálogos de productos y directorios entre otros. Uno de los lugares en que más probablemente observemos la evidencia de la taxonomía de un sitio será en el uso de los menús de rastros, que representarán la jerarquía de los contenidos en forma descendente hasta la página actual.

Menú de Navegación Principal

General

Problema

Se necesita un mecanismo que permita al usuario navegar globalmente los contenidos de un sitio de un modo consistente y visible desde todas la páginas.

Por qué

El sitio posee un número de categorías de contenidos que se desea destacar y exponer al usuario para facilitar la navegación directa y la localización de la información deseada.

Cuándo

Cuando la estructura de contenidos de un sitio presenta múltiples secciones o categorías que deben ser localizadas fácilmente por el usuario, permitiendo de este modo un acceso directo a las páginas interiores del sitio.

Solución

Utilizar un listado de las secciones más destacadas a las que se desea dar acceso directo. Este listado de categorías o secciones suele presentarse como una barra horizontal en el sector superior de la página, con nombres suficientemente breves, aunque clarificadores y en un número normalmente no superior a 7 ítemes. Aunque el modo más frecuente de disposición es horizontal, también es común que se le utilice verticalmente.

Es común, aunque no particularmente recomendado por factores de usabilidad y accesibilidad, el utilizar sistemas jerarquizados que permiten desplegar subniveles mediante tecnologías de scripting.

Este patrón de navegación está compuesto principalmente por vínculos textuales, sea en forma de texto real o mediante imágenes que representen textos para obtener efectos gráficos específicos.

Ejemplos

pict.menunav.05

La ilustración presenta un menú de navegación en su forma más común por su disposición (cafebabel.com).

pict.menunav.06

Menú de navegación principal en disposición horizontal simple de (zdnet.com).

pict.menunav.01

Wired.com utiliza un menú de navegación principal apoyado en íconos.

pict.menunav.02

AFP.com utiliza un menú de navegació principal jerárquico con el despliegue de un nivel adicional de contenidos.

pict.menunav.03

bews.bbc.co.uk presenta un menpu de navegación principal en disposición lateral a la izquierda de las páginas, en que despliega un número considerable de categorías de navegación.

pict.menunav.04

En computingcentral.msn.com se utiliza un menú de navegación principal lateral simple.

Observaciones

Existen variaciones de este patrón que trataremos separadamente, como aquéllos que utilizan una combinación de tabs o pestañas o sistemas jerárquicos complementarios para permitir el acceso a subniveles.

Referencias

Los logos y marcas que aparecen en esta página son propiedad de sus respectivos dueños. Las capturas de pantalla de sitios de terceros se presentan para efectos ilustrativos y no representan vinculación, aprobación ni otro tipo de relación.