Arquitectura de la Información Rafael Pedraza Jiménez Àrea de Coneixement de Biblioteconomia i Documentació Departament de...
Cualidades de un buen sitio web <ul><li>Un sitio web bien diseñado tendrá las siguientes características: </li></ul><ul><u...
Contenidos <ul><li>Consideraciones previas </li></ul><ul><li>La Arquitectura de la Información: </li></ul><ul><ul><li>La o...
Consideraciones previas <ul><li>¿A quién va dirigida la web? </li></ul><ul><li>¿Qué información esperan encontrar en ella ...
Arquitectura de la Información <ul><li>El arte y la ciencia de  estructurar y clasificar sitios web  e intranets con el fi...
La organización de la información (I) <ul><li>Problemas que aparecen cuando tratamos de organizar la información de un sit...
La organización de la información (II) <ul><li>Existen diferentes  esquemas para la organización  de nuestros contenidos :...
Actividad 1 <ul><li>Localice al menos dos ejemplos de distintos esquemas de organización exactos. </li></ul><ul><li>Idem p...
La organización de la información (III) <ul><li>También se han de tener en consideración las  estructuras de organización ...
Aspectos claves de la AI de un sitio web <ul><li>Sistema de navegación </li></ul><ul><li>Sistema de etiquetado </li></ul><...
Sistema de navegación <ul><li>El sistema de navegación es  aquel que nos permite desplazarnos a través de la arquitectura ...
Tipos de sistemas de navegación <ul><li>Globales : proporcionan acceso a toda la Web </li></ul><ul><li>Locales : proporcio...
Las etiquetas y la organización de la información <ul><li>Las etiquetas muestran la forma en que está organizado un sitio ...
Navegación hipertextual <ul><li>Consiste en la consulta de los enlaces hipertextules hasta acceder a la información de int...
Sistemas de ayuda a la navegación <ul><li>Barra de navegación </li></ul><ul><li>Barra jerárquica (migas de pan) </li></ul>...
Sistema de búsqueda y acceso a la información <ul><li>Constituyen este sistema los  puntos de acceso al contenido  que est...
Metodología para la creación de la AI <ul><li>Uno de los métodos más sencillos es el  Card-sorting : </li></ul><ul><li>Est...
Metodología para la creación de la AI <ul><li>Elaborar un mapa inicial del sitio. </li></ul><ul><li>Definir una serie de t...
Actividad 2 (I) <ul><li>Escoja un tipo de sitio web para el que va a diseñar su arquitectura: </li></ul><ul><ul><li>Diario...
Actividad 2 (II) <ul><li>A continuación utilizaremos la técnica de “Creación de personajes y escenarios”: elija tres perfi...
Actividad 2 (III) <ul><li>Tomando como referencia los datos extraídos de los análisis anteriores, defina la arquitectura q...
Actividad 2 (IV) <ul><li>Para terminar con esta actividad, genere un prototipo de 4 páginas de su sitio web, siendo una de...
Prototipos o Wireframes Master CALSI Octubre 2011
Bibliografía <ul><li>Pérez-Montoro Gutiérrez, Mario. Arquitectura de la información en entornos web. TREA, 2010. </li></ul...
Upcoming SlideShare
Loading in …5
×

Arquitectura de la información

2,344 views

Published on

Published in: Technology, Education
0 Comments
4 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
2,344
On SlideShare
0
From Embeds
0
Number of Embeds
16
Actions
Shares
0
Downloads
72
Comments
0
Likes
4
Embeds 0
No embeds

No notes for slide
  • Los menús no deben presentar más de 7 + 2 opciones de navegación.
  • No es conveniente que las etiquetas estén compuestas por más de dos palabras
  • Arquitectura de la información

    1. 1. Arquitectura de la Información Rafael Pedraza Jiménez Àrea de Coneixement de Biblioteconomia i Documentació Departament de Comunicació Universitat Pompeu Fabra [email_address]
    2. 2. Cualidades de un buen sitio web <ul><li>Un sitio web bien diseñado tendrá las siguientes características: </li></ul><ul><ul><li>Sus contenidos estarán bien estructurados. </li></ul></ul><ul><ul><li>Dispondrá de contenidos de calidad. </li></ul></ul><ul><ul><li>Tendrá una interfaz de fácil uso. </li></ul></ul><ul><ul><li>Será accesible a los usuarios. </li></ul></ul><ul><ul><li>Se podrá encontrar fácilmente a través de un buscador. </li></ul></ul>Master CALSI Octubre 2011
    3. 3. Contenidos <ul><li>Consideraciones previas </li></ul><ul><li>La Arquitectura de la Información: </li></ul><ul><ul><li>La organización de la información. </li></ul></ul><ul><ul><li>El sistema de etiquetado. </li></ul></ul><ul><ul><li>El sistema de navegación. </li></ul></ul><ul><ul><li>Navegación hipertextual. </li></ul></ul><ul><ul><li>Sistema de búsqueda y acceso a la información. </li></ul></ul><ul><li>Creación de la AI de un sitio web mediante técnicas de Card Sorting. </li></ul><ul><li>Prototipado </li></ul>Master CALSI Octubre 2011
    4. 4. Consideraciones previas <ul><li>¿A quién va dirigida la web? </li></ul><ul><li>¿Qué información esperan encontrar en ella nuestros usuarios? ¿Cómo esperan encontrarla? </li></ul><ul><li>¿Qué términos/conceptos emplean nuestros usuarios? </li></ul>Master CALSI Octubre 2011
    5. 5. Arquitectura de la Información <ul><li>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]. </li></ul><ul><li>Trata de dar respuesta a la siguiente pregunta: </li></ul><ul><ul><li>¿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? </li></ul></ul>Master CALSI Octubre 2011
    6. 6. La organización de la información (I) <ul><li>Problemas que aparecen cuando tratamos de organizar la información de un sitio web: </li></ul><ul><ul><li>Ambigüedad asociada al lenguaje. </li></ul></ul><ul><ul><li>Heterogeneidad de los contenidos. </li></ul></ul><ul><ul><li>Diferentes perspectivas en función de los usuarios. </li></ul></ul><ul><ul><li>Políticas internas de las instituciones. </li></ul></ul>Master CALSI Octubre 2011
    7. 7. La organización de la información (II) <ul><li>Existen diferentes esquemas para la organización de nuestros contenidos : </li></ul><ul><ul><li>Esquemas de organización exactos : </li></ul></ul><ul><ul><ul><li>Alfabéticos </li></ul></ul></ul><ul><ul><ul><li>Cronológicos </li></ul></ul></ul><ul><ul><ul><li>Geográficos </li></ul></ul></ul><ul><ul><li>Esquemas de organización ambiguos : </li></ul></ul><ul><ul><ul><li>Temáticos </li></ul></ul></ul><ul><ul><ul><li>Por tareas </li></ul></ul></ul><ul><ul><ul><li>Por audiencia </li></ul></ul></ul><ul><ul><ul><li>Por metáforas (p. Ej. imágenes) </li></ul></ul></ul><ul><ul><ul><li>Híbridos </li></ul></ul></ul>Master CALSI Octubre 2011
    8. 8. Actividad 1 <ul><li>Localice al menos dos ejemplos de distintos esquemas de organización exactos. </li></ul><ul><li>Idem para los esquemas de organización ambiguos </li></ul>Master CALSI Octubre 2011
    9. 9. La organización de la información (III) <ul><li>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 : </li></ul><ul><ul><li>La jerarquía </li></ul></ul><ul><ul><li>A modo de base de datos </li></ul></ul><ul><ul><li>Hipertexto </li></ul></ul>Master CALSI Octubre 2011
    10. 10. Aspectos claves de la AI de un sitio web <ul><li>Sistema de navegación </li></ul><ul><li>Sistema de etiquetado </li></ul><ul><li>Tipo de navegación hipertextual </li></ul><ul><li>Sistema de ayuda </li></ul><ul><li>Sistema de búsqueda </li></ul>Master CALSI Octubre 2011
    11. 11. Sistema de navegación <ul><li>El sistema de navegación es aquel que nos permite desplazarnos a través de la arquitectura creada . </li></ul><ul><li>Debe facilitar al usuario la siguiente información: </li></ul><ul><ul><li>Dónde está. </li></ul></ul><ul><ul><li>Dónde puede ir. </li></ul></ul><ul><ul><li>Como está organizado el sitio . </li></ul></ul><ul><li>El sistema de navegación (global) de un sitio web debe ser constante. </li></ul><ul><li>El sistema de navegación de un sitio web puede adapatarse a su audiencia. </li></ul>Master CALSI Octubre 2011
    12. 12. Tipos de sistemas de navegación <ul><li>Globales : proporcionan acceso a toda la Web </li></ul><ul><li>Locales : proporcionan acceso a las páginas vecinas </li></ul><ul><li>Adicionales : proporcionan atajos para el acceso a apartados no disponibles de forma inmediata </li></ul><ul><li>Contextuales : están integrados en el contenido para proporcionar información complementaria en el momento de la lectura </li></ul><ul><li>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... </li></ul>Master CALSI Octubre 2011
    13. 13. Las etiquetas y la organización de la información <ul><li>Las etiquetas muestran la forma en que está organizado un sitio web y permiten su navegación . Son muy importantes: </li></ul><ul><ul><li>Las etiquetas del sistema de navegación : </li></ul></ul><ul><ul><ul><li>Claras. </li></ul></ul></ul><ul><ul><ul><li>Autoexcluyentes. </li></ul></ul></ul><ul><ul><li>Las etiquetas de los enlaces : </li></ul></ul><ul><ul><ul><li>Fácilmente reconocibles. </li></ul></ul></ul><ul><ul><li>Las etiquetas de las cabeceras/títulos : </li></ul></ul><ul><ul><ul><li>Significativas </li></ul></ul></ul><ul><li>¡Ojo! Las etiquetas deben elegirse tomando en consideración el vocabulario de nuestros usuarios. </li></ul>Master CALSI Octubre 2011
    14. 14. Navegación hipertextual <ul><li>Consiste en la consulta de los enlaces hipertextules hasta acceder a la información de interés. Tipos en función del recorrido: </li></ul><ul><ul><li>En anchura : activa todos los enlaces conectados a un nodo. </li></ul></ul><ul><ul><li>En profundidad : se activa cada vez un único nodo. </li></ul></ul><ul><ul><li>Estrategia combinada . </li></ul></ul>Master CALSI Octubre 2011
    15. 15. Sistemas de ayuda a la navegación <ul><li>Barra de navegación </li></ul><ul><li>Barra jerárquica (migas de pan) </li></ul><ul><li>Menús desplegables </li></ul><ul><li>Enlaces incrustados </li></ul><ul><li>Tabla de contenidos </li></ul><ul><li>Índice </li></ul><ul><li>Visitas guiadas </li></ul><ul><li>Mapa del sitio web </li></ul>Master CALSI Octubre 2011
    16. 16. Sistema de búsqueda y acceso a la información <ul><li>Constituyen este sistema los puntos de acceso al contenido que estos sitios web ofrecen a sus usuarios: </li></ul><ul><ul><li>Buscadores internos : con opciones de búsqueda simple y/o avanzada. </li></ul></ul><ul><ul><ul><li>¡Ojo! Nunca utilizar motores de búsqueda que funcionen por emparejamiento exacto. </li></ul></ul></ul><ul><ul><li>Taxonomías . </li></ul></ul>Master CALSI Octubre 2011
    17. 17. Metodología para la creación de la AI <ul><li>Uno de los métodos más sencillos es el Card-sorting : </li></ul><ul><li>Estudiar las necesidades de negocio / contextuales y los contenidos propuestos para el sitio. </li></ul><ul><li>Desarrollar un ejercicio de ordenación de tarjetas con un conjunto de usuarios representativos. </li></ul><ul><li>Evaluar el ejercicio y buscar similitudes en los agrupamientos propuestos por los usuarios. </li></ul><ul><li>Desarrollar una versión inicial de la arquitectura (en tarjetas). </li></ul><ul><li>Evaluar de nuevo esta jerarquía con otros usuarios. </li></ul>Master CALSI Octubre 2011
    18. 18. Metodología para la creación de la AI <ul><li>Elaborar un mapa inicial del sitio. </li></ul><ul><li>Definir una serie de tareas comunes que puedan llevar a cabo los usuarios y analizar como se trasladaría a la arquitectura propuesta. </li></ul><ul><li>Poner en común el sistema resultante con otros miembros de nuestra institución y extraer conclusiones conjuntas. </li></ul><ul><li>Aplicar los “Esquemas” y las “Estructuras” de organización más adecuados a cada contenido. </li></ul>Master CALSI Octubre 2011
    19. 19. Actividad 2 (I) <ul><li>Escoja un tipo de sitio web para el que va a diseñar su arquitectura: </li></ul><ul><ul><li>Diario online </li></ul></ul><ul><ul><li>Museo </li></ul></ul><ul><ul><li>Empresa </li></ul></ul><ul><li>Usted es el responsable de la arquitectura, así que elabore una lista de términos (palabras claves) que describa sus contenidos . </li></ul>Master CALSI Octubre 2011
    20. 20. Actividad 2 (II) <ul><li>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: </li></ul><ul><li>“ 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...” </li></ul><ul><li>A partir de estos perfiles elabore una lista de términos que describa los contenidos que esperan encontrar los usuarios de su sitio web . </li></ul>Master CALSI Octubre 2011
    21. 21. Actividad 2 (III) <ul><li>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. </li></ul><ul><li>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] </li></ul><ul><li>¿Ha obtenido el resultado que esperaba al comienzo del ejercicio? </li></ul>Master CALSI Octubre 2011
    22. 22. Actividad 2 (IV) <ul><li>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: </li></ul><ul><li>http://www.mockflow.com/ </li></ul>Master CALSI Octubre 2011
    23. 23. Prototipos o Wireframes Master CALSI Octubre 2011
    24. 24. Bibliografía <ul><li>Pérez-Montoro Gutiérrez, Mario. Arquitectura de la información en entornos web. TREA, 2010. </li></ul><ul><li>Rosendfel, L. and Morville, P. Information Architecture: for the Worl Wide Web. O’Really, 1999. </li></ul>Master CALSI Octubre 2011

    ×