Also available in English

Inf@Vis!

La revista digital de InfoVis.net

Mapas de sedes web: ¿qué hacer?
por Juan C. Dürsteler [mensaje nº 48]

Los sitemaps textuales, simples sumarios de la web, dominan mientras sus contrapartidas gráficas experimentan nuevas ideas.

La semana pasada (veáse el número anterior) vimos que la web es un medio esencialmente no lineal y particularmente proclive a provocar la desorientación del usuario. Los mapas de sitios web pretenden dar una visión de conjunto al usuario permitiéndole, a la vez, dirigirse a las páginas de su interés. No obstante existen dos estilos principales de mapas web.

1. Sitemaps Textuales:

Son índices del contenido que presentan la estructura del sitio como un listado, mejor o peor organizado visualmente, de enlaces a las páginas. Un ejemplo de buena organización y claridad es el de  Apple. Otros mapas textuales como el de ELSOP revelan menos nítidamente la estructura del sitio debido a su aspecto abigarrado y denso. Es un interesante ejercicio comparar la claridad organizativa del primero con la densidad del segundo.

Este tipo de mapas es el más abundante por su sencillez de construcción. Como ejemplo, buscando por "sitemap" en google* el primer sitemap tímidamente gráfico hace el número 88 (sí, los he mirado todos), de los enlaces encontrados y es el de NMBS, los ferrocarriles belgas. 

A pesar de su abundancia, debieran catalogarse más bién como índices o tablas de contenido que como mapas del sitio web. ¿Alguien llamaría mapa del libro al sumario?

Adoptan básicamente dos formas:

  • Estructura lineal, con o sin indentación. Un enlace debajo de otro, con un gran desperdicio de espacio de página.

  • Estructura tabular. Una tabla en la que cada casilla contiene los enlaces de una sección o subsección.

Los dos ejemplos anteriores pertenecen cada uno a una categoría de las mencionadas.

2. Mapas gráficos:

Los consideraremos realmente como mapas de sedes web. Siguiendo con la búsqueda anterior en Google hay que esperar al enlace numero 176 para encontrar el sitemap del departamento de cómputo de la Open University con un sitemap que es una versión web del explorador de Windows.

Un interesante ejemplo de mapa gráfico aparece tras rastrear 229 resultados de búsqueda en la forma de una carta circular dividida en sectores del Water and Sanitation Program. Desafortunadamente el mapa solo se puede ver entero de una vez con resolución de 1280x1024. En otras resoluciones hay que hacer scroll.

Pero si no queremos pasar los días rastreando los resultados de buscadores lo mejor es acudir a la excelente página de Martin Dodge sobre web_site maps en donde encontraremos algunos de los ejemplos más destacados.

La mayoría de los mapas gráficos se construyen mediante herramientas automáticas como Ptolomaeus de la Universita di Roma  o Site Manager de Silicon Graphics  ambos descargables gratuitamente.

Repasar las diferentes ideas que se han puesto en práctica requiere el espacio de más de un artículo. Los interesados encontrarán en el libro de Paul Kahn "Mapping Web Sites" una gran fuente de información. 

WSsitemap.gif (84232 bytes)

Mapa de la sede web del Water and Sanitation Program. Para verlo en tamaño completo pulse sobre la imagen. ATENCION ocupa 1280x1024!

Ptolomeus.jpg (102720 bytes)

Mapa generado con Ptolomaeus herramienta desarrollada por la Università di Roma. Pulse sobre la imagen para ver la ampliación. 

Cabe responder la pregunta que planteábamos la semana pasada: ¿Tienen alguna ventaja los sitemaps sobre otros sistemas de navegación?.

La respuesta no es clara. No he podido encontrar estudios de usabilidad sobre ello. Por otra parte está claro que los mapas generados por herramientas como las arriba mencionadas son todavía experimentales y que los mapas textuales, los sumarios o índices dominan hoy el panorama.

Entre estos últimos los menos claros y que más desperdician el espacio de la página y el tiempo del usuario son los de estructura lineal, que obligan a hacer scroll y ocultan la visión de conjunto del sitio, que es la gracia de un mapa de la web.

La idea: probablemente es una herramienta de navegación útil, pero asegúrate antes de no haber descuidado los sistemas habituales como las líneas que indican en cada página donde estás en la jerarquía de la web (breadcrumbs).


* Por cierto, Google ha sacado un buscador de imágenes en estado Beta test...

Ultima hora: un original ejemplo de site map hecho a mano en español : Neuronilla. Debo el enlace a Francesc Mañà

Enlaces de este artículo:

http://www.infovis.net/printMag.php?num=47&lang=1  
http://developer.apple.com/sitemap  
http://www.elsop.com/linkscan/map.html  
http://www.google.com/  
http://www.b-rail.be/N/sitemap  
http://computing.open.ac.uk/Sitemap.cfm  
http://www.wsp.org/english/sitemap.html  
http://www.geog.ucl.ac.uk/casa/martin/atlas/web_sites.html  
http://www.dia.uniroma3.it/~ptolemy  
http://www.sgi.com/software/sitemgr.html  
http://www.amazon.com/exec/obidos/ASIN/2880464641/infovisnet  
http://images.google.com/  
http://www.neuronilla.com/pags/mapa/default.asp  
© Copyright InfoVis.net 2000-2018