Isotipo » interacción http://www.isotipo.net Diseño, internet y estándares | blog personal de Basilio Cáceres Tue, 26 Jul 2011 02:52:11 +0000 en hourly 1 http://wordpress.org/?v=3.0.1 Interacción y diagramas de flujos http://www.isotipo.net/2007/10/programando-con-diagramas-de-flujos/ http://www.isotipo.net/2007/10/programando-con-diagramas-de-flujos/#comments Mon, 01 Oct 2007 18:24:44 +0000 Basilio http://www.isotipo.net/interaccion/programando-con-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
]]> http://www.isotipo.net/2007/10/programando-con-diagramas-de-flujos/feed/ 0 Diagrama de secuencia http://www.isotipo.net/2007/06/diagrama-de-secuencia/ http://www.isotipo.net/2007/06/diagrama-de-secuencia/#comments Thu, 14 Jun 2007 05:34:02 +0000 Basilio http://www.isotipo.net/2007/06/14/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



]]> http://www.isotipo.net/2007/06/diagrama-de-secuencia/feed/ 0 qué hago? http://www.isotipo.net/2007/06/que-hago/ http://www.isotipo.net/2007/06/que-hago/#comments Thu, 14 Jun 2007 05:03:59 +0000 Basilio http://www.isotipo.net/2007/06/14/en-que-estoy/

Pienso relaciones, programo condiciones y diseño interacciones.
]]> http://www.isotipo.net/2007/06/que-hago/feed/ 0