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

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos necesarios están marcados *

Puedes usar las siguientes etiquetas y atributos HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>