AI 2

16
ARQUITECTURA DE LA INFORMACIÓN SISTEMAS DE NAVEGACIÓN, ÁRBOLES DE CONTENIDO Y DIAGRAMAS DE FLUJO DE INTERACCIÓN (21/4/2010)

Transcript of AI 2

Page 1: AI 2

ARQUITECTURA DE LA INFORMACIÓN

SISTEMAS DE NAVEGACIÓN, ÁRBOLES DE CONTENIDO Y DIAGRAMAS DE

FLUJO DE INTERACCIÓN(21/4/2010)

Page 2: AI 2

SISTEMAS DE NAVEGACIÓN

• Jerárquicos, globales, locales y específicos• Menús• Directorios• Listados• Filtros• Navegación guiada• Enlaces• Migas• Rastros (“smell of information”)• Métodos de trabajo: Cuadros de organización de

tareas, análisis de tareas, y matriz de funcionalidad.

Page 3: AI 2

SISTEMAS DE NAVEGACIÓN

Page 4: AI 2

SISTEMAS DE NAVEGACIÓN

Page 5: AI 2

SISTEMAS DE NAVEGACIÓN

• Tipos de sistemas:– Browser

– Principales:• Jerárquicos

• Globales

• Locales

• Específicos o ad hoc

– Suplementarios• Mapas de sitio

• Índices

• Guías

Page 6: AI 2

MENÚS DE NAVEGACIÓN

• Tipos de menús– Barras de navegación

– Menús desplegables

• Formatos:– Listas de opciones

– Breadcrumbs

– Barras de imágenes

– Sistemas de pestañas

– Menús desplegables (menús desplegables, listas expandibles y menús pop up)

Page 7: AI 2

ÁRBOLES DE CONTENIDO

• Árbol organizacional

• Árbol funcional

Page 8: AI 2

ÁRBOLES DE CONTENIDO

Page 9: AI 2

ÁRBOLES DE CONTENIDO

Page 10: AI 2

DIAGRAMAS DE FLUJO DE INTERACCIÓN

Page 11: AI 2

DIAGRAMAS DE FLUJO DE INTERACCIÓN

• Página web de Jesse James Garrett

• http://www.jjg.net/ia/visvocab/spanish.html

• Ver pdf de diagramas.

Page 12: AI 2

DIAGRAMAS DE FLUJO DE INTERACCIÓN

• Jesse James Garrett

Page 13: AI 2

WIREFRAME

Page 14: AI 2

PROTOTIPOS

Page 15: AI 2

PROTOTIPOS

Page 16: AI 2

ARGUS FRENTE A GARRET