En finalmente estar en un equipo responsable para el desarrollo de algunos sitios con funcionalidad considerable, he estado buscando una manera de comunicarse visualmente el sitio para que todo el equipo puede tener un conjunto de documentos de trabajo fuera de para cada versión. Después de pasar tres años en una empresa de arquitectura y ver los documentos implicados en conseguir un edificio construido, estaba seguro de que debe haber un lenguaje visual y un sistema equivalente para la documentación de diseño web. Después de algunas investigaciones, encontré que el lenguaje visual, y una herramienta muy bien de precio para ejecutarlo.

En mi investigación me topé con UML, que es un lenguaje normalizado para el desarrollo de diagramas de casos de uso, diagramas de actividad, y diagramas de clase, entre otros. Yo estaba emocionado de descubrir estos métodos prometedores, pero todavía no eran muy adecuadas para diagramación de páginas web. Entonces me encontré con Garrett IA, que es muy similar a UML, pero es especialmente para los diagramas de sitios web.

La herramienta que he encontrado mejor para hacer diagramas de Garrett IA sitio web es OmniGraffle, de los cuales una versión básica se incluye la mayoría de los Macs. Es muy sencillo de usar, y viene precargado con la colección de un símbolo IA Garrett (Herramientas> Paletas> Garrett IA). El mejor recurso que he encontrado para estudio para crear su primer dibujo Garrett IA de su sitio web es la siguiente diagrama muestra Garrett IA de MetaFilter. Creo que una de las claves para usar Garrett IA es no ser demasiado literal con el diagrama y dar prioridad a la información que incluyen en él, pero por suerte, Garrett IA hace que sea sencillo diagrama de sitios web muy complejo por la separación de secciones en diferentes páginas, AI al igual que un montón de dibujos de arquitectura. Actualmente estoy usando mi propia versión modificada de Garrett IA para mis documentos en la Web: Señalo a "cosas que se deben hacer en este comunicado que" en rojo, y "cosas que me gustaría ver un cambio" en azul. Hasta la fecha ha hecho mucho más fácil para nuestro equipo de comunicación acerca de que el ciclo de desarrollo actual está.