Arquitectura de la información

Arquitectura de la Información

Rafael Pedraza JiménezÀrea de Coneixement de Biblioteconomia i Documentació

Departament de ComunicacióUniversitat Pompeu Fabra [email protected]

Master CALSI 2Octubre 2011

Cualidades de un buen sitio web

Un sitio web bien diseñado tendrá las siguientes características:

Sus contenidos estarán bien estructurados.

Dispondrá de contenidos de calidad.

Tendrá una interfaz de fácil uso.

Será accesible a los usuarios.

Se podrá encontrar fácilmente a través de un buscador.


Contenidos1. Consideraciones previas

2. La Arquitectura de la Información:

1. La organización de la información.

2. El sistema de etiquetado.

3. El sistema de navegación.

4. Navegación hipertextual.

5. Sistema de búsqueda y acceso a la información.

3. Creación de la AI de un sitio web mediante técnicas de Card Sorting.

4. Prototipado


Consideraciones previas

¿A quién va dirigida la web? ¿Qué información esperan encontrar en ella nuestros

usuarios? ¿Cómo esperan encontrarla? ¿Qué términos/conceptos emplean nuestros usuarios?


Arquitectura de la Información

El arte y la ciencia de estructurar y clasificar sitios web e intranets con el fin de ayudar a los usuarios a encontrar y manejar la información [Rosenfeld y Morville, 2002].

Trata de dar respuesta a la siguiente pregunta:

¿Cómo podemos guiar a los usuarios a través de una gran cantidad de información de manera que puedan encontrar lo que desean?


La organización de la información (I)

Problemas que aparecen cuando tratamos de organizar la información de un sitio web:

1. Ambigüedad asociada al lenguaje.

2. Heterogeneidad de los contenidos.

3. Diferentes perspectivas en función de los usuarios.

4. Políticas internas de las instituciones.


La organización de la información (II) Existen diferentes esquemas para la organización de

nuestros contenidos: Esquemas de organización exactos:

Alfabéticos Cronológicos Geográficos

Esquemas de organización ambiguos: Temáticos Por tareas Por audiencia Por metáforas (p. Ej. imágenes) Híbridos


Actividad 1

Localice al menos dos ejemplos de distintos esquemas de organización exactos.

Idem para los esquemas de organización ambiguos


La organización de la información (III)

También se han de tener en consideración las estructuras de organización, que determinan la forma en que se accede a los contenidos:

La jerarquía

A modo de base de datos

Hipertexto

Aspectos claves de la AI de un sitio web

Sistema de navegación

Sistema de etiquetado

Tipo de navegación hipertextual

Sistema de ayuda

Sistema de búsqueda



Sistema de navegación El sistema de navegación es aquel que nos permite

desplazarnos a través de la arquitectura creada.

Debe facilitar al usuario la siguiente información:

Dónde está.

Dónde puede ir.

Como está organizado el sitio.

El sistema de navegación (global) de un sitio web debe ser constante.

El sistema de navegación de un sitio web puede adapatarse a su audiencia.


Tipos de sistemas de navegación

Globales: proporcionan acceso a toda la Web Locales: proporcionan acceso a las páginas vecinas Adicionales: proporcionan atajos para el acceso a

apartados no disponibles de forma inmediata Contextuales: están integrados en el contenido para

proporcionar información complementaria en el momento de la lectura

De cortesía: proporcionan acceso a ítems no usados de forma general pero que son proporcionados por comodidad, como por ejemplo formulario de sugerencias, información de contacto...


Las etiquetas y la organización de la información Las etiquetas muestran la forma en que está

organizado un sitio web y permiten su navegación. Son muy importantes: Las etiquetas del sistema de navegación:

Claras. Autoexcluyentes.

Las etiquetas de los enlaces: Fácilmente reconocibles.

Las etiquetas de las cabeceras/títulos: Significativas

¡Ojo! Las etiquetas deben elegirse tomando en consideración el vocabulario de nuestros usuarios.


Navegación hipertextual

Consiste en la consulta de los enlaces hipertextules hasta acceder a la información de interés. Tipos en función del recorrido: En anchura: activa todos los enlaces conectados a

un nodo. En profundidad: se activa cada vez un único nodo. Estrategia combinada.


Sistemas de ayuda a la navegación

Barra de navegación Barra jerárquica (migas de pan) Menús desplegables Enlaces incrustados Tabla de contenidos Índice Visitas guiadas Mapa del sitio web


Sistema de búsqueda y acceso a la información Constituyen este sistema los puntos de acceso

al contenido que estos sitios web ofrecen a sus usuarios:

Buscadores internos: con opciones de búsqueda simple y/o avanzada.

¡Ojo! Nunca utilizar motores de búsqueda que funcionen por emparejamiento exacto.

Taxonomías.


Metodología para la creación de la AI

Uno de los métodos más sencillos es el Card-sorting:

1. Estudiar las necesidades de negocio / contextuales y los contenidos propuestos para el sitio.

2. Desarrollar un ejercicio de ordenación de tarjetas con un conjunto de usuarios representativos.

3. Evaluar el ejercicio y buscar similitudes en los agrupamientos propuestos por los usuarios.

4. Desarrollar una versión inicial de la arquitectura (en tarjetas).

5. Evaluar de nuevo esta jerarquía con otros usuarios.


Metodología para la creación de la AI

6. Elaborar un mapa inicial del sitio.

7. Definir una serie de tareas comunes que puedan llevar a cabo los usuarios y analizar como se trasladaría a la arquitectura propuesta.

8. Poner en común el sistema resultante con otros miembros de nuestra institución y extraer conclusiones conjuntas.

9. Aplicar los “Esquemas” y las “Estructuras” de organización más adecuados a cada contenido.


Actividad 2 (I)

Escoja un tipo de sitio web para el que va a diseñar su arquitectura:

Diario online

Museo

Empresa

Usted es el responsable de la arquitectura, así que elabore una lista de términos (palabras claves) que describa sus contenidos.


Actividad 2 (II) A continuación utilizaremos la técnica de “Creación de

personajes y escenarios”: elija tres perfiles de usuarios de su sitio web. Un ejemplo de un perfil sería:

“Elena es una joven de 32 años, tiene una hija y trabaja fuera de casa. Su nivel económico es medio y tiene unos conocimientos básicos sobre la web. La próxima semana quiere llevar a su hija al Museo de Ciencias y quiere conocer...”

A partir de estos perfiles elabore una lista de términos que describa los contenidos que esperan encontrar los usuarios de su sitio web.


Actividad 2 (III)

Tomando como referencia los datos extraídos de los análisis anteriores, defina la arquitectura que, en su opinión, debería presentar su sitio web.

Para decidir la estructura del sitio, sus menús de navegación, y sus etiquetas utilice la técnica de Card-sorting. En la web http://www.websort.net/ dispone de una herramienta que le permitirá poner en práctica esta metodología. [Sigas las instrucciones del profesor]

¿Ha obtenido el resultado que esperaba al comienzo del ejercicio?


Actividad 2 (IV)

Para terminar con esta actividad, genere un prototipo de 4 páginas de su sitio web, siendo una de ellas la página de inicio. Para ello le recomiendo que utilice la versión gratuita de MockFlow:

http://www.mockflow.com/


Prototipos o Wireframes


Bibliografía

Pérez-Montoro Gutiérrez, Mario. Arquitectura de la información en entornos web. TREA, 2010.

Rosendfel, L. and Morville, P. Information Architecture: for the Worl Wide Web. O’Really, 1999.

Arquitectura de la información

Technology

Transcript of Arquitectura de la información