Vocabulario Visual

Un vocabulario visual 
para describir arquitectura de información y diseńo de interacción
versión 1.1b (6 de marzo 2002)
Jesse James Garrett 
(contact)
Versión original en inglés 
Traducción al castellano por Javier Velasco

Tabla de Contenidos
1. Resumen
2. Historia de versiones
3. Consideraciones iniciales
4. Trasfondo conceptual
5. Elementos simples: paginas,documentos y pilas de éstos
6. Creando relaciones: conectores y flechas
7. Todo de una vez: conjuntos concurrentes
8. Separándolo: puntos de continuación
9. Elementos comunes: áreas y áreas iterativas
10. Componentes re-utilizables: áreas de flujo y referencias
11. Conceptos básicos para elementos condicionales
12. Haciendo elecciones: puntos de decisión
13. Buscandocamino: conectores y flechas condicionales
14. Elección múltiple: ramas condicionales
15. Elige uno o más: selectores condicionales
16. Una decisión, muchos caminos: racimos
17. Algunas restricciones pueden aplicar: áreas condicionales
18. Conclusión
19. Librerías descargbles de formas

Resumen
Los diagramas son una herramienta esencial para comunicar arquitectura deinformación y diseńo de interacción en equipos de desarrollo Web. Este documento trata las consideraciones en el desarrollo de tales diagramas, delinea una simbología básica para diagramar conceptos de arquitectura de información y diseńo de interacción, y entrega guías para el uso de estos elementos.
Historia de versiones
1.1b (6 Mar 2002)
Información sobre soporte incorporado en OmniGraffle 2.0Nueva librería de formas para iGrafx Flowcharter
1.1a (17 Sep 2001)
Nueva librerías de formas para Macromedia FreeHand
Publicada hoja de trucos y template de formas PDF
1.1 (31 Ene 2001)
Agregado el elemento pila de archivos
Agregado el elemento selector condicional
Modificado el elemento flecha para permitir múltiples puntas de flecha
Modificado el comportamiento del elemento racimo de talforma que ahora sólo aparece flujo abajo desde un selector o rama condicional
Modificado el comportamiento del elemento rama condicional para permitir un resultado nulo
Numerosas mejoras a las librerías de formas
Nueva librería de formas para Adobe InDesign
1.0 (17 Oct 2000)
Publicación inicial
Consideraciones iniciales
Un vocabulario visual es un conjunto de símbolos usado para describiralgo (usualmente un sistema, estructura o proceso). El vocabulario descrito aquí puede ser usado por un arquitecto de información o diseńador de interacción para describir, en un nivel alto, la estructura y/o flujo de la experiencia de usuario de un sitio Web.
Estas descripciones, o diagramas son usados por cinco audiencias primarias:
* Inversionistas y gerentes de proyecto, los utilizan paraobtener un sentido general del alcance y forma del proyecto.
* Productores de Contenido, los usan para derivar los requerimientos de contenido.
* Diseńadores visuales y de interfaces, los utilizan para derivar una cuenta de cuántos diseńos de pagina únicos deben ser producidos y obtener un sentido inicial de los requerimientos de navegación e interfaz para estos diseńos.
* Tecnológos,los utilizan para derivar requerimientos funcionales.
* Arquitectos de información y diseńadores de interfaz los usan para desarrollar requerimientos detallados de navegación e interfaz para cada página.
Cada una de estas audiencias (exceptuando los inversionistas) necesita gran cantidad de detalle para hacer su trabajo. El problema es que el detalle que cada audiencia requiere varía en granmanera del detalle requerido por los otros, y la mayoría de este detalle es irrelevante para las necesidades de otras audiencias.
El enfoque sensible es limitar el detalle en el diagrama a lo que puede ser útilmente aplicado por todas las audiencias. El diagrama por lo tanto sirve como un documento hito para el desarrollo de documentos más detallados, específicos a las necesidades de cada...