Interacción y diagramas de flujos

Cuando diseñamos sistemas transaccionales o aplicaciones sociales, donde tenemos módulos de interacción condicional y necesitamos asegurarnos que todas las posibilidades posibles están pensadas, es necesario construir diagramas de flujos de todos los factores que se involucran en el sistema que queremos desarrollar. Este es un paso importantísimo que puede ahorrarle muchas horas a los procesos de producción de una web, ya que a través de los diagramas se pueden prever la mayoría de los problemas de coherencia, solidez y concretividad de lo que queremos que el usuario realice, además de detallar claramente cuales son las acciones que se deben diseñar y programar.

Diagrama de flujo básicoLos diagramas de flujos o flowcharts representan la forma más tradicional y duradera para especificar los detalles algorítmicos de un proceso. Se utiliza principalmente en programación, economía y procesos industriales, sin embargo, su lenguaje estándar nos permiten utilizarlos para definir procesos no matemáticos.

Para la construcción de diagramas existe la estandarización ISO 5807 (texto en francés), que describe una gran cantidad de elementos gráficos que podemos usar para su construcción, además del correcto uso de ellos. Existe el vocabulario visual que hizo Jessie James Garret, sobre mapas de Arquitectura de información e Interacción, el que se encuentra más flitrado y está directamente vinculado a los mapas de AI.

La idea de los diagramas de flujos es que detallen todas las acciones que se plantean en el Diseño de Interacción y que, junto con la estructura de contenidos puesta por la Arquitectura de Información, permitan determinar los comportamientos y definir el QUE, CÓMO y CUÁNDO estará presente en nuestro sitio.

Links

Diagrama de secuencia

diagrama_secuencia.gif

Leyendo por ahí sobre flujos de procesos, me encontre con este tipo de diagrama, llamado diagrama de secuencia. La gracia de este modelo es que permite ordenar claramente los procesos particulares de un flujo en su orden cronológico, logrando una muy buena lectura de las acciones que se realizan. Se me ocurre que puede ser muy útil para la descripcción de procesos en los que se utilice Ajax, haciendo visibles las relaciones entre las funciones, xmls, y la página.

Esta es la descripción:
“Un diagrama de secuencia muestra los objetos que intervienen en el escenario con líneas discontinuas verticales, y los mensajes pasados entre los objetos como vectores horizontales. Los mensajes se dibujan cronológicamente desde la parte superior del diagrama a la parte inferior; la distribución horizontal de los objetos es arbitraria.”

diagramas de secuencia