Mapa conceptual sobre Arquitectura de la Información. Basado principalmente (pero no únicamente) en la obra de Dan Brown (Communicating Design, New Riders, 2007), James Kalbach (Designing Web Navigation, O'Reilly, 2007) y Peter Morville y Louis Rosenfeld (Information Architecture, O'Reilly, 2006). Por Lluís Codina (UPF) www.lluiscodina.com
Este nodo presenta las principales fases de un proyecto de concepción y diseño de un sitio web siguiendo los principios esenciales de la disciplina del análisis de sistemas.
Tipología. Obtención. Producción.
Segmentación. Intereses. Requerimientos. Demografía. Origen.
Modelos conceptuales. Personas. Análisis competitivo. Requerimientos.
Software. Modelos. instantShift.
Servidor. Codificación. Publicación. Tests. Accesibilidad. Usabilidad. Buscabilidad.
Estudios de usuarios. Análisis experto. Funciones. Navegación. Búsqueda. Credibilidad. Arquitectura. SEO. Código fuente.
El conocimiento, aplicación y respeto por los estándares es un requerimiento esencial de la AI.
HTML 5.
Validación.
Evaluación. W3 Tools. TAW.
A List Apart. The Web Standard Project. Wikipedia. W3 Schools. Acid Test.
Acid3.
Algunas de las disciplinas que intervienen en el perfil de la AI son, siguiendo a Morville y Rosenfeld: Codificación (X)HTML) y CSS Diseño gráfico y de la información Ciencias de la Documentación Periodismo Usabilidad Accesibilidad Ciencias de la Web Redacción técnica Gestión de productos
Ciencias de la Web. Ciencias de la Documentación. Comunicación Social. Diseño. Gestión. Usabilidad. Accesibilidad. Posicionamiento/Visibilidad. Lenguajes Web. Organización de la información. Metadatos. Taxonomías. Representación de la información. Periodismo. Comunicación Audiovisual. De la Información. Gráfico. De la Información. De Proyectos. (X)HTML. CSS.
Por componentes nos referimos aquí a los ámbitos de actuación más característicos de la Arquitectura de la Información.
Organización de la Información. Formas de organización de la información: etiiquetado, categorización, clasificación de los contenidos de un sitio, etc.. Acceso a la Información. Las principales formas de acceso a la información y la función de la selección del rotulado de las secciones.. Optimización. Componentes de un sitio susceptibles de ser optimizados mediante la AI.. Etiquetado. Consiste en la selección de los rótulos que identifican las diferentes secciones de un sitio.. Ordenación. Formas de ordenar items de información. Las formas de ordenación crean estructuras donde situar items que, a la vez, permiten precedir la sitación de cada item.. Categorización. Formas de categorizar contenidos mediante metadatos y sistemas de indización y caracterización de items informativos. Las formas de categorización permiten crear perfiles de metadatos propios y exclusivos de cada item.. Navegación. La navegación es una de las dos formas principales de acceso a la información en un sitio web o entre sitios webs. En este nodo intentan presentarse las diversas formas de navegación mediante las facetas principales de la misma: Tipo de navegación Estructura hipertextual que permite Formas de exploración Fuciones que desempeña Presentación Tipologías de páginas Dado que se presenta una categorización por facetas, las subcxategorías pueden solaparese y cruzarse en función del punto de vista o faceta adoptado.. Búsqueda. La búsqueda es una de las dos formas básicas de acceso a la información. La otra es la navegación.. Código fuente. Accesibilidad. Posicionamiento. Usabilidad. Alcance. Tipología. Exacta. Ambigua. Metadatos. Clasificaciones. Descriptores. Tesaurus. Taxonomías. Ontologías. Clases principales. Los tipos principales de información se suelen articular en tres grandes apartados: 1. Estructural (para recorrer la web) 2. Asociativa (para acceder a items similares) 3. Utilitaria (para acceder a apartados que permiten llevar a cabo acciones determinadas, o que aportan información secundaria y en ocasiones muy contextual o volátil). Estructuras hipertextuales. La estructura global de un hipertexto (en este caso de una página web) viene determinada por su estructura de navegación, es decir por la manera que es posible recorrer la misma.. Exploración. El Modo o Categoría incluye tres variaciones principales: Secuencial Estructural Asociativa. Presentación. La presentación es la faceta de la navcegación que se ocupa de su (re)presentación.. Tipología de páginas. Los sitios tienen distintos tipos de páginas, cada una de las cuales presenta requerimientos propios de AI.. Funciones de la navegación. La navegación es esencial para el éxito de un sitio. Cumple diversas funciones vitables que aquí intentamos representar en tres componentes o puntos de vista.. Simple. Avanzada. Asistida. Página de resultados. Utilidades. Página de ayuda. Sistemas de recomendación. Filtrado social. Enlaces. Títulos. Índices. Textual. Icónico. Alfabética. Cronológica. Geográfica. Categorías. Tareas. Audiencias. Estructural. Facilita el recorrido sistémico por las secciones de la Web.. Asociativa. Establece relaciones entre items en función de cualquier aspecto de similitud entre los mismos aunque estructuralmente no pertenezcan a la misma sección, o aunque relacionen items de sitios indpendientes de la Web. A veces se denomina Navegación Contextual (Morville y Rosenfeld).. Utilitaria. Acceso a ítems que ayudan a utilizar el sitio o a acceder a secciones que no están reprentadas en la navegación principal, o a relacionarse con los responsable de la publicación del sitio, etc.. Jerárquica. Todas las conexiones siguen una lógica descendente, en árbol o también llamada padre-hijo.. En red. Todos los nodos puedene estar conectados con todos los nodos sin seguir una estructura diáfana.. Mixta. Una combinación de estructura jerárquica (enlaces padre-hijo) con enlaces en forma de red. Es la estructura habitual de la mayoría de sitios web de una cierta complejidad y la estructura dominante en los cibermedios.. Secuencial. La navegación secuencial permite recorrer un sitio de forma transversal y exhaustiva, pero siempre en una misma dirección (inicio-fin) o su inversa.. Estructural. La navegación estructural puede ser Principal (o Constante) y Local. En general, la navegación estructural permite recorrer la estructura en vertical de un sitio, o sea, desde un nodo padre a sus nodos hijos.. Asociativa. La navegación asociativa sigue una lógica de relación de diversos tipos. La más frecuente es la relacion semántica, pero también puede obedecer a otras lógicas.. Visualización. Barras. Hilo de Ariadna. Mapas. Índices. Contenido. Navegación. Funcionales. Usuario. Corporación. Generales. Navegación. Contextuales. Constante. Parte de la navegación que varía (o que varía muy poco) de un sitio. Los subnodos de este nodo son ejemplos de secciones casi siempre presentes en casi cualquier clase de sitio web.. Local. La navegación local corresponde tanto a las subsecciones de una sección como a los enlaces dentro de un documento o página unitaria.. Contextual. Relativa a la situación o al contexto. En el caso de medios de comunicación ((cibermedios) suele ser navegación incrustada o relacionada.. Adaptativa. Navegación procedente del filtrado o la recomenación social. y que, por tanto, se "adapta" al con texto y la situación de acceso a la información. También suele referirse a la navegación que permite modificar aspectos de accesibilidad y/o de localización. Se solapa con la navegación de lenguaje/país.. Directa. Listas de accesos directos a partes concretas de la web que no se presentan en la navegación principal. Pueden variar de modo "estacional". A veces se presentan en un apartado de la página principal. A veces, como una lista desplegable.. Instrumental. En general, consisten en el acceso a funciones. Por ejemplo, obtener un resultado o calcular un dato.. Pragmática. La navegación pragmática (a falta de mejor nombre) es una navegación auxiliar o complementaria que suele incluir datos de autoría, copyright, etc.. Corporativa. Sistema de enlaces a otros sitios de la misma corporación o empresa de medios.. Complementaria. Formas complementarias para facilitar el acceso a la información mediante navegación.. Radial. Árbol. Agrupaciones. Nubes de etiquetas. Diagramas. Ubicación. Estilo. Textuales. Gráficos. Alfabéticos. Cronológicos. Taxonomicos. Productos. Artículos. Página principal. Landing pages. Galerías. Formularios. Búsquedas. ¿Dónde estoy?. ¿Dónde más puedo ir?. ¿Qué he visto ya?. Identidad. Flexibilidad. Visibilidad. Representación de la información. Acceso a la información. Inicio. Productos. Artículos. Secciones. Búsqueda. Créditos. Mapa del sitio. Contacto. Ayuda. Archivo. Subsecciones. Acceso a las diversas subsecciones de una sección extensa.. Interna. Navegación interna en páginas extensas.. Incrustada. Típicamente, consiste en los enlaces incrustados en un documento donde el contenido afectado por el enlace es una palabra o frase del documento.. Relacionada. Está formada por enlaces que aparecen en esquemas separados del cuerpo del documento. Por ejemplo, en medios de comunicación pueden aparecer en capas separadas de la noticia o en secciones anexas, pero no incrustadas en la el texto de la noticia.. Interna. Navegación interna en páginas extensas.. Lenguaje / País. Son formas de localización del sitio seleccionando una lengua, país, etc.. Accesibilidad. Enlaces que permiten acceder directamente a los contenidos principales, o aplicar una hoja de estilo diferente, etc.. Recomendaciones. Sección de la navegación que permite el acceso a documentos o ítems recomendados por otros usuarios, relacionados con el item visualizado por el usuario.. Filtrado social. Acceso a formas de selección o promoción por los usuarios,. Mapas. Índices. Guías. Horizontal. Lateral. Desplegables. Secuenciales. Temas. Lugares. Nombres. Títulos. Superior. Inferior. Izquierda. Derecha.
Recursos de análisis, software, bibliografía dinámica, etc., para los profesionales y estudiosos de la AI.
Estudios / Información. Software. Métodos. Referencias. Bibliografía. CSS. W3 Schools. IA Institute. jjg.net. CIW. Website Tips. Hongkiat. Smashing Magazine. Usabilidad. Diseño. Edición / Publicación. Evaluación. Sitepoint. W3 Schools. WorldCat. RefShare. Website Tipes Most Popular. Web Designer Wall. Plantillas. Design Shack. CSS Zen Garden. CSS. CSS. Concep Feedeback. Five Second Test. Usabilla. loop11. User testing. Smashing Magazine. Prototipos. Card Sorting. Grid. Tipografía. Color. Multimedia. codeburner. Wix. Webnode. Kompozer. CSS. (X)HTML. (X)HTML. HTML 5. CSS. Directorio. Mapas web. Esquemas (wireframes). WebSort. User Zoom. Optimal Sort. GridFox. TypeTester. ColorJack. Adobe Kuler. Sumo Paint. Hongkiat.com. Gráficos. XML. Mockflow. iPlotz. Mockingbird. Jumpchart. Balsamiq. Lumzy. Pencil. HotGloo. jMockups. Creately. Cacoo. Lovely Charts. LucidChart. WriteMaps. Sitemaps. Tutorial.