Por Gonzalo Reynoso, hace 4 años y 1 mes

Organización de Contenidos Web: usabilidad y arquitectura de la información

Uno de los mayores problemas de la optimización de los sitios web (para hacerlos más usables, útiles y encontrables) es que su estructura en ocasiones es completamente incompatible con los estándares básicos de la Arquitectura de la Información, de la Encontrabilidad (findability), y de la Usabilidad (a nivel de navegación).

Cuando se trata de proyectos importantes cuya diagramación ha sido deficiente, a veces es mejor replantear todo, que comenzar a arreglar con parches algo que está mal planteado.

Cómo debería estar organizado un sitio web?

Si debes hacer un sitio web de alguna complejidad considerable piensa qué debes publicar, como estará clasificada la información, y cómo la organizarás y jerarquizarás.

La taxonomía es la ciencia de la clasificación. Literalmente significa "reglas de ordenamiento". Las categorías en Internet tienen como fin ordenar el caos de información, y hacerlo fácilmente recuperable.

Un directorio como DMOZ.org, por ejemplo, el cual tiene una estructura similar a la de un árbol invertido, logra clasificar eficientemente todos los sitios incluidos (millones) gracias a categorías anidadas hasta en 12 niveles (nodos) de información!. Esto no podría lograrse sin al menos tener nociones sobre las clasificaciones taxonómicas de la información para Internet.

¿Por qué digo esto? Porque un sitio web de significativa complejidad debería tener una estructura de información similar a la de un directorio bien organizado. Entender cómo categorizar y jerarquizar contenidos para sitios web es un factor clave para el éxito, y aunque parezca mentira, esto muchas veces se omite o se hace mal.

Para clasificar eficientemente información y recursos a ser incluidos en un sitio web, es necesario pensar y repensar si es posible hasta mil veces el uso que harán los usuarios de esos contenidos, la forma de navegar por los mismos, las posibles maneras de filtrar y recuperar información útil, etc. El criterio de clasificación debe responder a las necesidades de los usuarios y los propósitos del sitio web simultáneamente.

Clasificar la información según la usabilidad

Un león y un lagarto son mamífero y reptil respectivamente, pero también podríamos decir que ambos son cuadrípedos. Y qué hay si afirmamos que uno es carnívoro y el segundo es herbívoro. Mejor aún, podemos pensar en una clasificación en la que un mismo animal posee dos o más propiedades y no una sola: el león es cuadrípedo y mamímero, y el lagarto es cuadrípedo y reptil.

Cuando las posibilidades de organizar son muchas, y para resolver toda ambigüedad o complejidad deberíamos preguntarnos:

¿Para nuestros propósitos y el de nuestros usuarios, nos sirve clasificar nuestros animales por la clase/genero al que pertenecen, por la cantidad de patas que tienen, o por lo que comen? y mejor aún:

¿no podríamos clasificar esta información utilizando múltiples categorías, disponiendo de intersecciones entre varias de ellas o todas para agrupar cada elemento?

En la clasificación taxonómica a veces surgen ambigüedades que no son tán fáciles de resolver. Y esto es así porque no es sencillo crear un sistema de clasificación temática adecuado, flexible, que nos permita describir y clasificar lo mejor posible todos los contenidos, y que le permita a los usuarios y motores de búsqueda recuperar la información de manera óptima y rápida.

Cuando esto sucede (cuando nos topamos con sitios web muy grandes con mucha información muy heterogenea), es recomendable tomarse un tiempo y disponerse a hacer un buen análisis de datos (Data Analysis) para determinar la granularidad de la información. Esto es descomponerla en unidades básicas de datos y luego hacer un esfuerzo de abstracción para determinar las propiedades de cada nodo de información.

Una bibliografía obligada para aprender a hacer este trabajo lo mejor posible es http://www.nosolousabilidad.com/articulos/sec_organizacion.htm. Aquí se explican las técnicas de Card Sorting y también los diferentes Sistemas de Clasificación de la información

Organización de contenidos web y arquitectura de la información

Taxonomías o Folksonomías?

Aparte de la clasificación temática (taxonómica), existe una nueva forma que se está poniendo muy de moda para clasificar, ordenar, y "marcar" la información de una manera más adaptada al lenguaje común del usuario, me refiero a la clasificación folksonómica.

No hablaré mucho en este artículo de folksonomías. Simplemente deseo advertir al lector que son una alternativa y un complemento de la clasificación taxonómica.

Las folksonomías pueden entendérselas como "categorías creadas por los mismos usuarios" utilizando el lenguaje de uso común, es decir los usuarios colocan nombres sobre los contenidos y "etiquetan" información utilizando palabras sencillas que no forman parte de un lenguaje avanzado o técnico. Porque de esta manera lo entienden mejor.

La forma de hacer esto es a través de Tags (que a su vez forman nubes de tags -tagging cloud-). Por ejemplo, si entramos en un website de cirugía estética y vemos un artículo que trata sobre "Rinoscopía", podemos taggear (si el sitio lo permite ahí mismo, y si no en del.icio.us) ese contenido con una etiqueta como "cirugía de nariz", o "reparación de nariz", etc.

Para nosotros, la gente común que no tenemos conocimientos sobre términos médicos, es más fácil comprender y referirnos al artículo del ejemplo anterior como "cirugía de nariz" que como "Rinoscopía"… ¿se entiende?. Este es el valor de las folksonomías.

Niveles de profundidad y navegación

Los niveles de profundidad de la información en páginas web (nodos), nos indican:

  • Cuán anidada está la información (sección >> categoría >> subcategoría >> … etc)
  • A cuántos clics está lo que buscamos del origen (homepage)
  • En general, la extensión de la url

Voy a dar ejemplos a partir de ahora, de sitios web pertenecientes a un sector bastante desarrollado que es el de las reservas hoteleras online. Elegí este tipo de sitios porque ya se ve en ellos una clara tendencia en la optimización de los patrones de diseño, usabilidad, y un notable incremento de la interactividad y servicios 2.0, todo enfocado a la conversión de objetivos.

Supongamos que busco un "hotel en Barcelona" en el portal atrapalo.com (doy este ejemplo porque demuestra cláramente "lo que debería hacerse")

NIVEL (clics desde la homepage) URL BREADCRUMB (usted está en…)
6 http://www.atrapalo.com/hoteles/ europa/espana/barcelona/barcelona/ inicio >> hoteles >> europa >> españa >> barcelona >> barcelona
5 http://www.atrapalo.com/hoteles/ europa/espana/barcelona/ inicio >> hoteles >> europa >> españa >> barcelona
4 http://www.atrapalo.com/hoteles/ europa/espana/ inicio >> hoteles >> europa >> españa
3 http://www.atrapalo.com/hoteles/europa/ inicio >> hoteles >> europa
2 http://www.atrapalo.com/hoteles/ inicio >> hoteles
1 http://www.atrapalo.com/  

Quiero hacer notar lo siguiente:

- Cada nivel supone un índice de su categoría correspondiente, así en http://www.atrapalo.com/hoteles/europa/espana/barcelona/ tenemos ahí el índice de los hoteles de la región de Barcelona (en todos los municipios)

- Hay una correspondencia biunívoca e inseparable entre la organización de la información y la optimización para buscadores (SEO friendlyness), así para cada nivel (página web) todos sus elementos son únicos y están en perfecta armonía entre si (me refiero a las palabras claves que conforman las distintas partes de cada documento html): URL, título de documento, metatags (keyword y description), encabezados hn, etc.

- Hay una correspondencia perfecta entre navegabilidad y organización de la información

- No hay repetición de palabras claves en ningún nivel (Excepto en el último puesto que Barcelona es una región pero también una ciudad, con el mismo nombre)

- No todos los sitios web tienen la misma cantidad de niveles o anidación de categorías. Esto va en relación directa a la complejidad y variedad de la información y recursos que deben incluirse en cada sitio web. Sitios web muy pequeños solo poseen dos niveles, y sitios web más importantes pueden tener 6 o 7 niveles.

Criterios para la clasificación de contenidos web

La correcta categorización y jerarquización de contenidos web es un factor clave para el éxito. Esto es así porque:

  • Los documentos son más "recuperables", indexables y clasificables por los motores de búsqueda
  • La navegación se les facilita a los usuarios y estos encuentran bien lo que buscan SIEMPRE (jamás deberían perderse, ni tampoco no saber distinguir si ya visitaron o no una determinada sección)
  • Es más sencillo generar estrategias inteligentes de posicionamiento en buscadores (SEO): diferentes palabras claves en relación directa con la profundidad de los nodos diferencian perfectamente los objetivos de posicionamiento, encarando desde lo más particular a lo más general (vamos progresivamente posicionando desde las palabras claves nicho o "long tail searches" hacia las palabras claves genéricas "top search", puesto que estas últimas son más difíciles y competitivas)
  • Es más sencillo identificar y generar permalinks, leer urls, encontrar categorías adecuadas en los directorios
  • Etc…

Existen para cada caso o proyectos infinidad de criterios para la categorización o clasificación de los contenidos. Como decía anteriormente, estos deben ser pensados teniendo en cuenta el uso que harán los usuarios de esa información de manera tal que su utilidad y facilidad de manejo/recuperación sean máximas.

Truco para posicionamiento en buscadores

Una buena estrategia de posicionamiento en buscadores consiste en clasificar la información utilizando las palabras claves más buscadas relacionadas a las categorías con las que se clasifica (y que se cumpla con la condición de que sean fácilmente posicionables). Con esto se maximizará los niveles de visitantes provenientes desde los buscadores.

Distinción entre información estática y novedades

Hay que distinguir también entre información "estática" y novedades. Ciertos contenidos son permanentes (independientemente que estos puedan ser actualizados cada cierto tiempo), y deberían estar bien diferenciados de las noticias y novedades que tengan un carácter más perecedero o temporal. Observa cómo Jacob Nielsen, el padre de la usabilidad separa la pantalla de su website en dos: "Contenidos Permanentes" y "Novedades"

Cómo lo hacen ellos…

Siguiendo con el ejemplo de los sitios que ofrecen reservas hoteleras, observo que:

1- Distinguen el primer nivel de la información según el idioma de los usuarios, y/o su país de residencia.

2- Utilizan diferentes criterios de categorización según el uso o necesidad del usuario de encontrar alojamiento:
- para distinguir temporadas vacacionales utilizan las categorías "ski" y "playa"
- para dividir descanso o urbanidad (negocios, compras, etc) utilizan categorizaciones como "ciudad" y "rural"
- para distinguir por tipo de alojamiento clasifican entre "cabañas", "apartamentos", "hoteles", etc
- para distinguir paises y regiones se utilizan generalmente varios niveles (en general 3): "pais", "región/provincia", y "ciudad"

3- Organizan la navegabilidad e interacción (algunos mejor, otros no tanto) teniendo muy en cuenta:

Las Jerarquías visuales
Los Menúes contextuales
La utilización de Breadcrumbs
La utilización de Buscadores internos (búsqueda rápida y búsqueda avanzada)

Elementos destacados o de navegación en la homepage

Aparte de una correcta clasificación y publicación de la información, que en sistemas dinámicos se logra con una potente e inteligente diseño de la base de datos y su programación (todas estas son plataformas programadas a medida -on demand-), es necesario hacer notar la importancia relativa de diferentes elementos clave para cada uno de estos sitios.

Algunos utilizan muchos bloques de textos y enlaces para destacar los elementos importantes, y otros, adoptan un esquema más simplista y minimalista ("páginas cargadas" vs. "páginas con la información mínima"). Así, jugando con la jerarquía visual distribuyen los elementos de distinta manera según sus estrategias (o eyetrackings) entre la parte principal de los contenidos y las columnas laterales (elementos secundarios)

Ejemplos de elementos destacados:

Sitio Web Sector de Headline Mainframe Columna lateral
Venere.com
  1. Slogan
  2. Buscador
  1. Mapa interactivo
  2. Hoteles en Destinos populares
  3. Hoteles de invierno y esquí - Hoteles en playa - Newsletter
  4. Hoteles con más reservas en este mes
  1. Los destinos favoritos
  2. Las ciudades más populares
  3. Los hoteles más votados
  4. Nuevos hoteles en Venere.com
Atrapalo.com (hoteles)
  1. Atención al Cliente
  2. Regístrate
  3. Modifica tus datos
  4. Tus reservas
  5. Tu cesta de la compra
  1. Buscador
  2. El situator (un localizador de hoteles por calles)
  3. bloque de tres destacados de Atrapalo
  4. Ofertas destacadas de hoteles baratos
  1. Menues por temas: (Hoteles de playa, de montaña, para niños, con encanto, de relax, de lujo, de negocios, Hostales y albergues, Alojamientos de alquiler)
  2. Links de Interés
  3. Banners
Booking.com
  1. Idiomas
  2. Inicio
  3. Hoteles y Afiliados
  4. Quiénes somos
  5. Mi Reserva
  1. Buscador
  2. Destinos principales
  3. Newsletter
  1. Destinos
  2. ¿Por qué reservar en Booking.com?
Logitravel.com (hoteles)  
  1. Buscador de Hoteles
  2. Los destinos de hoteles más buscados
  1. Banner
  2. Cómo funciona nuestro buscador de hoteles?
  3. Ayuda para elegir el mejor hotel
  4. Ayuda y preguntas frecuentes

Algunas Tendencias web

Si bien el tema principal de este artículo es la clasificación, organización y disposición de contenidos dentro de los websites, debo destacar que la tendencia indica que en toda la información publicada los usuarios finales tienen un papel participativo cada vez mayor.

  • Todo sitio web de importancia debería considerar el registro de usuarios. Los servicios online deberían atraer e incentivar registraciones de potenciales clientes, y su posterior participación (en aquellos rubros/sectores donde esto sea posible).
  • Uno de los activos más importantes de todo proyecto web serán sus bases de datos con la información de sus usuarios registrados en relación a los usos, preferencias, decepciones, y experiencias con los productos o servicios que consumen.
  • Folksonomías: las clasificaciones colaborativas (tag clouds) ayudan a identificar el lenguaje de los usuarios, a mejorar los usos de la recuperación de información, y a recibir más visitas desde los buscadores
  • Los comentarios y reviews sobre productos por parte de los usuarios son cada vez más importantes, por ejemplo en Venere.com tienen "Más de 390.000 críticas imparciales de 19.000 hoteles"
  • Los sitios web importantes que pertenecen a ciertos mercados competitivos gradualmente incrementan sus niveles de interactividad usuario-website, ampliando constantemente sus bases de datos y sistemas para que permitan soportar más servicios online novedosos, útiles, y adictivos.

 

6 comentarios

Gravatar #1. Marcosdam
hace 3 años y 10 meses

Sr. Gonzalo Reynoso realmente lo queria felicitar por la claridad con la que desarrolla cada uno de los temas, la consulta es la siguiente si tenemos un sitio en el que el contenido a nivel texto es muy bajo, por ejemplo un sitio de muebles donde la mayoria del contenido son imagenes cual seria la sugerencia para su mejor posicionamiento. Desde ya muchas Gracias.

Gravatar #2. Gonzalo Reynoso
hace 3 años y 10 meses

Marcos:

Tu caso es común al de la mayoría de los rubros comerciales industriales. Hay tres cuestiones:

1) una buena optimización de los contenidos estáticos de tu web. Si la mayor parte de lo que se publica son imágenes, estas lo hacen dentro de documentos HTML, que pueden optimizarse en sus urls, títulos, encabezados, etc, y también a través de un buen linkeo interno potencias ciertas palabras claves a posicionar.

2) Utiliza las principales herramientas de link building para posicionar tu web: suscripción en directorios web y el intercambio temático de enlaces.

3) Novedades. Aunque para ciertos sectores es muy difícil generar contenidos ricos en textos, casi cualquier rubro tiene algo para decir y publicar; si tu web es de "muebles" podrías tener un blog (o sección de noticias) donde periodicamente publiques, por ejemplo, las nuevas lineas de muebles que salen a la venta, o las tendencias actuales de uso y estilos del amoblamiento, materiales nuevos o técnicas novedosas de fabricación, novedades del mercado de muebles, anunciar eventos y exposiciones de muebles, etc. SIEMPRE HAY ALGO PARA PUBLICAR. Si necesitas inspirarte un poco, podés buscar por ejemplo en http://blogsearch.google.es/blogsearch?q=muebles y también en http://technorati.com/blogs/tag/furnitures para determinar sobre qué temas o tópicos podrías publicar contenidos nuevos.

Gravatar #3. Diego Lorca
hace 3 años y 9 meses

Sr Gonzalo Reynoso, quisiera consultarle por un grupo de brainstorming que tengo que se halla desarrollando numerosas ideas, algunas frases cortas curiosas y/o chistosas. Una idea es estampar remeras para vender por internet. ¿Cómo inicio un estudio de mercado para confirmar el producto (remera) o cambiarlo y plantear una estrategia comercial? Gracias por su atención y por compartir sus conocimientos.

Gravatar #4. Gonzalo Reynoso
hace 3 años y 9 meses

Diego: La respuesta a tu pregunta es compleja, porque abarca múltiples factores que debes considerar por separado, y luego en conjunto. Hay muchas formas de hacer estudios de mercado online (DAFO, PPPP), todas son de la disciplina del Marketing.

Cuando tenemos muchas ideas, a veces volamos con la imaginación, pero para dotar a esas ideas de realismo y hacerlas viables en tu caso deberías plantearte hacer un pequeño "plan de negocios"

En mi caso (y en la mayoría de los casos), más del 85% del tráfico de clientes potenciales llega a través de los buscadores. Por esa razón yo siempre apunto con énfasis a lo que llamo "mercado basado en las búsquedas". Siempre debes considerar las dos caras del asunto: oferta (competencia: cantidad y variedad de competidores, sus precios, sus productos, sus cuotas de mercado, etc) y también debes considerar la demanda.

Puedes ingresar en un buscador y comenzar a buscar, documenta todo lo que encuentres y anota todo para luego hacer análisis, por ejemplo podés empezar con esta búsqueda: http://www.google.com/search?&q=remeras+estampadas y analizar los sitios de los resultados que arroja el buscador (naturales y patrocinado) tratando de responder varias preguntas:

¿cuán diferenciados u originales son sus productos? ¿qué variedad ofrecen? ¿cómo son sus precios? ¿cómo venden y cobran desde sus sitios? ¿utilizan e-commerce y pago online? ¿se ven profesionales esos sitios web? ¿generan confianza? ¿vos, les comprarías? ¿cómo envían y entregan sus productos, y qué alcance geográfico tienen sus ventas? ¿ofrecen garantías de calidad? ¿si les haces una consulta desde su web, te responden enseguida?, etc, etc.

El funcionamiento de los negocios por Internet es similar al del mundo de los regocios reales: se rigen "casi" por las mismas reglas. Los niveles de demanda yo los estudio utilizando Google Adwords.

Espero te sirva esta info.

Gravatar #5. Juan Pablo Villani
hace 3 años y 9 meses

Gonzalo:

En primer lugar quería agradecerte por haber abierto ese mar de conocimientos al público.

La verdad es que estuve leyendo miles de cosas sobre SEO para aprender sobre el tema y aplicarlo a varias webs que estoy construyendo y que he construido. Imagináte que hasta llegué a comprarme un programa (Keywords analyzer) para encontrar las mejores keywords… pero… ¡De seguro no lo hubiese comprado si hubiese conocido este blog a tiempo! La verdad es que tu blog es de lo mejorcito que encontré en la web (y hablo de webs que enseñan sobre el tema tanto en inglés como en español)

Yo soy un autodidacta por naturaleza y me cuestan mucho los tutoriales, pero la capacidad que tenes de escribir me atrajo mucho. Incluso, no te voy a mentir… aunque no quiero que parezca "chupamedias", quisiera poder participar en uno de tus cursos… pero la falta de recursos me lo imposibilitan actualmente.

La pregunta que voy a hacerte ahora es muy simple. Estoy armando el sitio web de una empresa que importa componentes electrónicos a la argentina (todavía no finalizado, aunque a medida que progreso lo voy subiendo a la web… y creo que eso no es bueno, pero mi cliente me lo pide así, quiere ver el progreso).

Quisiera estructurar mi sitio como lo planteas… con varias "carpetas" o "clasificaciones".

Es decir que cuando hagan click en "Institucional" por ejemplo, que ingresen a impecsac.com.ar/institucional/

y al entrar en alguna información en particular dentro de la misma sea algo así como impecsac.com.ar/institucional/historia.html y en caso de haber mas clasificaciones… mas carpetas.
pero mi pregunta es la siguiente (y perdón por mi ignorancia)

Obligatoriamente tengo que llamarle index.html al archivo principal que se va a encontrar uno cuando vaya a impecsac.com.ar/institucional/ ? o puedo llamarle de otra manera y hacer que de alguna manera se redirija a ese archivo al no encontrar el index.html que por defecto busca el explorador?

Porque cuando voy a tu web, y desde algún link me dirigís a alguna categoría tipo: http://www.desarrollodeweb.com.ar/cursos/

si yo quiero saber cómo se llama ese preciso archivo que me muestra la información general de todos los cursos… pruebo con index.html o index.htm después de la barra que le sigue a "cursos", y me aparece que no existe esa pag.

Si no se entiende lo que pregunto, por favor decime. Gracias!

Gravatar #6. Gonzalo Reynoso
hace 3 años y 9 meses

Juan Pablo: Gracias por tus comentarios. No tengas en cuenta mi web porque esas urls no son reales, son urls amigables y reescritas con el módulo rewrite de apache. Es decir, no existe un directorio real llamado «cursos» para http://www.desarrollodeweb.com.ar/cursos/ ni tampoco existen archivos reales html dentro de él. Por más que vos quieras intentar saber cómo se llaman esos archivos, no podrás saberlo nunca probando como /cursos/index.htm, html, o lo que sea…. porque no hay tales archivos y el servidor te dará un error 404 Puede cambiarse la página por defecto que entrega el servidor como página indice (index), pero creo que en tu caso no es necesario hacer esto.

2 trackbacks

Para notificar de una mención en tu blog a esta entrada, habilita la notificación automática (Opciones > Discusión en WordPress) o especifica esta url de trackback: http://​gonzaloreynoso.com.ar/​organizacion-de-contenidos-web-usabilidad-y-arquitectura-de-la-informacion/​2007/​12/​11/​trackback/