Enriqueciendo la navegación horizontal y mejorando el SEO en secciones de los periódicos digitales
Me gustan los periódicos digitales. Me encantan y creo que cuando uno se mete un poco a fondo a analizar lo que hay detrás de sus interfaces es realmente sorprendente lo que se puede aprender sobre sus arquitecturas de información y sobre el tremendo trabajo SEO que hay debajo de muchos de ellos del cual, normalmente, es dificil ser consciente.
Curiosísimo el módulo que presenta el Wall Street Journal. Cuando el usuario entra en un artículo de una sección se observa en la parte superior, inmediatamente debajo de la cabecera una minigalería con las noticias destacadas de la sección. Cada minimódulo de noticia dentro de la misma consta de: pequeña foto escalada de la foto principal de la noticia que funciona como enlace al artículo final, título, que es asimismo un enlace a la noticia, número de la noticia destacada y número total de noticias destacadas en la minigalería (que no número total de noticias en la sección correspondiente -¿en base a qué seleccionarán las noticias más populares? ¿aquellas más leídas por los usuarios? ¿las que seleccione manualmente el editor? ¿las más votadas? ¿enviadas? ¿?).
Wall Street Journal. Minigalería de noticias destacadas en subsección
La noticia que se está visualizando de la minigalería tiene el fondo blanco para centrar la atención (indicación de qué está viendo el usuario) mientras que las demás presentan un fondo con una sutil variación en gris para distinguirlas de la anterior. Cuando el usuario hace clic en una noticia no consecutiva a la que se está visualizando se recarga la minigalería y se posiciona en primer lugar. La forma en ángulo de “Top stories in [nombre de sección]” y el ángulo en la parte inferior del rectángulo refuerza la idea de movimiento y de que esa y no otra es la noticia seleccionada por el usuario y la que está visualizando. Los controles azules para realizar scroll horizontal situados uno al lado del otro en lugar de a los extremos de la minigalería, como suele ser usual, y posicionados a la derecha del todo de la pantalla al mismo margen o borde del periódico mejoran la usabilidad al facilitar el scroll tanto hacia adelante como hacia atrás y al reducir el desplazamiento del cursor una vez el usuario lo ha posicionado en su área (normalmente para los diestros el cursor suele permanecer en el área derecha de la pantalla más que en la izquierda con lo cual y desde hace ya algún tiempo, se observa una fuerte tendencia en todos los nuevos diseños de webs e incluso en algunas aplicaciones de software a posicionar componentes esenciales o que deban tener una gran importancia desde un punto de vista de ejecución de interacción por parte del usuario en las esquinas superiores derechas o en la mitad superior derecha de la pantalla, un área que está ganando por momentos relevancia entre los diseñadores de interacción).
Con este componente se mejora el SEO, la navegación por la sección y se hace “emerger” la información de la misma incitando al usuario a seguir navegando. En definitiva, un componente francamente elegante. Me gusta. Lástima no haberlo visto antes.
Se me ocurre que, variándolo, es perfectamente extrapolable a otros webs, por ejemplo, tiendas de comercio electrónico, librerías, mercados online, etc.
