arquitectura de la información
DESCRIPTION
TRANSCRIPT
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.
Master CALSI 3Octubre 2011
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
Master CALSI 4Octubre 2011
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?
Master CALSI 5Octubre 2011
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?
Master CALSI 6Octubre 2011
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.
Master CALSI 7Octubre 2011
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
Master CALSI 8Octubre 2011
Actividad 1
Localice al menos dos ejemplos de distintos esquemas de organización exactos.
Idem para los esquemas de organización ambiguos
Master CALSI 9Octubre 2011
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
Master CALSI 10Octubre 2011
Master CALSI 11Octubre 2011
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.
Master CALSI 12Octubre 2011
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...
Master CALSI 13Octubre 2011
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.
Master CALSI 14Octubre 2011
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.
Master CALSI 15Octubre 2011
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
Master CALSI 16Octubre 2011
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.
Master CALSI 17Octubre 2011
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.
Master CALSI 18Octubre 2011
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.
Master CALSI 19Octubre 2011
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.
Master CALSI 20Octubre 2011
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.
Master CALSI 21Octubre 2011
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?
Master CALSI 22Octubre 2011
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/
Master CALSI 23Octubre 2011
Prototipos o Wireframes
Master CALSI 24Octubre 2011
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.