TAI 03

TĂŠcnicas de Arquitectura de la informaciĂłn componentes de la AI

Competencias 1. Identifica formatos de especificaciones y estudios de arquitectura de la información, de acuerdo a los requerimientos de un proyecto web.

2. Traduce especificaciones y estudios e arquitectura de información, de acuerdo a los requerimientos del proyecto web.

3.Identifica criterios de distribución de elementos de interfaz, según los requerimientos del proyecto web.

1ra unidad

Diagnóstico de requerimientos de un proyecto web 1.Arquitectura de la información: Tipologías de necesidades de información, Comportamientos de usuario en la búsqueda de información, Principios y componentes básicos de la AI. 2.Desarrollo de proyectos basados en AI: Definición de proyectos y metas, Contexto/medios/usuario/diseño, Investigación de usuarios, Inventario de contenidos, Tipología de proyectos web.

3.Técnicas de organización de metas y contenidos: Entrevistas/encuestas, Benchmarking, Cardsorting, Mapa AI (J.J. Garret)

AnatomĂ­a de la arquitectura organizar, navegar, buscar, etiquetar

Navegación

Búsqueda

Organización

Arquitectura de la información “Top–down”

Cuando el sitio es diseñado para responder las siguientes preguntas: 1. ¿Dónde estoy?

2. ¿Sé lo que busco? ¿dónde lo encuentro?

3. ¿Cómo se navega este sitio?

4. ¿Qué es lo más importante de esta organización? ¿qué la diferencia?

5. ¿Qué ofrece el sitio?

6. ¿Qué acontece? ¿qué ocurre?

7.¿Quieren saber que pienso al respecto?

8. ¿Cómo puedo entrar en contacto con otro humano?

9. ¿Alguna dirección o contacto físico?

4

1

3

6

2

7

2

5

5

5

Arquitectura de la información “Bottom–up”

Cuando algunos componentes del sitio son diseñados y estructurados para responder las siguientes preguntas: 1. ¿Dónde estoy?

2. ¿Qué hay aquí?

3. ¿Dónde puedo ir desde aquí?

Navegaciรณn

Organización

Navegación

Cómo categorizamos la información, por ejemplo: cronológicamente, por materias, geográficamente, por tareas, etc.

Cómo nos movemos a través de la información, por ejemplo: jerarquías, hipertextualidad, menús, etiquetado, etc.

Búsqueda

Etiquetado

Cómo búscamos la información, por ejemplo: barra de búsqueda, usando un índice, micro–mapas, etc.

Cómo presentamos la información, por ejemplo: términos científicos, jerga, etc.

Organización –Algunos conceptos–

Heterogeneidad Esquemas de organización Precisos

Ambiguos

Alfabético, cronológico, geográfico.

Bottom–up & Top-down

Tema, tarea, audiencia, metáfora, híbridos.

Navegación –Algunos conceptos–

Tipos comunes de navegación – sistema “incrustado”

¿Qué hay cerca? – ¿Dónde puedo ir?

Navegación Local

Navegación Global

Navegación por Contexto

¿Dónde estoy? – ¿Dónde puedo ir?

¿Qué se relaciona con esto? – ¿Dónde puedo ir?

Navegación –Algunos conceptos–

Tipos comunes de navegación – sistema “suplementario”

Mapa del sitio

Índice

Guía

Categoría 1

A

Primer paso

etiqueta 1, etiqueta 2

lorem ipsum

lorem ipsum

Categoría 2

B

Segundo paso

etiqueta 1, etiqueta 2

lorem ipsum

lorem ipsum

Búsqueda –Algunos conceptos–

¿Es necesario realizar “búsqueda” en mi sitio?

1. Existe el contenido suficiente.

2. Gastar recursos en una búsqueda le quitará posibilidad a un sistema de navegación más útil y práctico.

3. ¿Sabes cómo optimizar una búsqueda?

4. ¿Existen mejores alternativas?

5. Los usuarios meta ¿usarán la búsqueda?

6. La búsqueda ayuda cuando la información de navegación es demasiada.

7. La búsqueda sirve en sitios fragmentados.

8. La búsqueda es un dispositivo de aprendizaje.

9. Una búsqueda debe estar ahí porque el usuario espera que así sea.

10. La búsqueda puede domar sitios dinámicos.

Etiquetado –Algunos conceptos–

Tipos de etiquetas [de texto]: 1. Enlaces de contexto – hipervínculos a otra página o parte de la misma.

2. Encabezados – títulos que encabezan secciones o contenido.

3. Opciones de navegación – etiquetas que representan opciones de navegación.

4. Términos de búsqueda – palabras clave, tags y encabezados que representan contenido para buscar o navegar a través de él.

Etiquetado –Algunos conceptos–

Tener en cuenta para designar etiquetas: 1. Estilo – escoger las palabras precisas, ser directo y tener “clase”.

2. Presentación – usar una fuente, colores y espaciado adecuada.

3. Sintaxis – todas las etiquetas deben poseer la misma voz.

4. Especificidad – las etiquetas deben estar al mismo nivel.

5. Comprensión – sin adivinanzas ni generando dudas sobe el contenido.

6. Audiencia – todas las etiquetas deben hablarle a un mismo usuario.

Encargo No2

Análisis de arquitectura 1. Escoger un sitio web que administre contenido, por ejemplo: noticias, tiendas, catálogos.

2. Identificar sus distintos componentes de arquitectura de la información: organización, navegación, búsqueda y etiquetado.

3. Realizar un diagrama con 3 páginas del sitio (home, interior 1, interior 2) señalando sus componentes y describiéndolos en párrafos breves. Identificar el tipo de organización (bottom-up o top–down), tipos de navegación predominantes (global, local o de contexto), y los tipos de etiquetado (contexto, encabezado, navegación o términos de búsqueda+estilo,presentación, sintaxis, etc).

4. Componer en medio pliego de hilado, a mano. Exposición en sala.

Pauta de evaluación Consta de 6 puntos que dan un total de 100% (100%= 7.0 / 0%= 1.0), variando en sus proporciones. Cada punto, a su vez, tiene una escala de valoración de 4 puntos: sobresaliente, logrado, semilogrado e insuficiente. a. [20%] Presentación: factura y cuidado en la entrega. b. [20%] Conceptualización: comprensión del encargo (uso de los conceptos y materia asociada a la asignatura). c. [20%] Análisis gráfico: uso adecuado de los elementos visuales propios de la arquitectura de la información. d. [15%] Profundización: aplicación correcta y deliberada de conceptos relativos a la Conceptualización y Análisis gráfico del encargo. e. [15%] Plasticidad: uso adecuado del material. f. [10%] Concreción: realizar el trabajo dentro del tiempo asignado y de la forma en que se asignó.

Insuficiente

Semilogrado

Presentación

0–5

6–10

11–15

16–20

Conceptualización

0–5

6–10

11–15

16–20

Análisis gráfico

0–5

6–10

11–15

16–20

Plasticidad

0

1–5

6–10

11–15

Profundización

0

1–5

6–10

11–15

Concreción

0

0

5

10

15%

40%

70%

100%

máximo posible

Calificaciones

Logrado

Sobresaliente

0%

1.0

25%

2.5

50%

4.0

75%

5.5

5%

1.3

30%

2.8

55%

4.3

80%

5.8

10%

1.6

35%

3.1

60%

4.6

85%

6.1

15%

1.9

40%

3.4

65%

4.9

90%

6.4

20%

2.2

45%

3.7

70%

5.2

95%

6.7

Bibliografía Morville, Rosenfeld. “Information architecture for the world wide web” / COD: 741.6 B141I Spencer, Donna. “A parctical guide to information design” Nielsen, Jacob. “Usabilidad: prioridad en el diseño web” / COD: 005.72 N554U