Definición de diferentes flujos estructurales

Los diagramas para la arquitectura de la información están diseñados para capturar cómo las páginas se relacionan entre sí a un alto nivel. Profundicemos en cuatro tipos diferentes de diagramas que pueden ayudarnos a comunicar la estructura en diferentes niveles del proyecto.

El primero es un mapa IA, o un mapa del sitio

Los diagramas típicos para comunicar la arquitectura de la información son mapas de sitios o diagramas IA, y se centran en la estructura de la jerarquía en lugar de decisiones o flujos de página condicionales. Por ejemplo, en este mapa de sitio simple para un sitio web, puede ver que es bastante básico. No hay detalles sobre lo que hay en la página, solo muestra que hay una página allí.

El objetivo de este diagrama es comunicar etiquetas de navegación de alto nivel y mostrar qué páginas componen la navegación. Los diagramas IA pueden volverse difíciles de manejar con bastante rapidez, ya que los sitios web pueden tener muchos más elementos en su navegación.

Si tiene detalles de diseño de página, también puede incluirlos en su diagrama si lo desea

Me acerco a los diagramas de IA de manera un poco diferente a los dispositivos móviles y las tabletas porque la navegación y los diseños tienen un alcance más pequeño y, a veces, es más fácil pensar en la navegación y el diseño simultáneamente.

Las vistas de lista en dispositivos móviles son bastante estándar, por lo que no es difícil simplemente agregar eso en el diagrama IA. Y en este caso, comunica algún aspecto del flujo, el diseño y la arquitectura de la información.

Hablemos de la distinción entre mapas de IA, flujos de tareas o diagramas de flujo de usuarios

Como notamos, los mapas IA comunican la jerarquía en los elementos de la página de navegación y las relaciones entre las páginas y el elemento de navegación. Los flujos de tareas comunican cómo algunas de estas páginas se relacionan entre sí. Esto puede ser un flujo muy simple entre páginas que solo muestra qué página debe ver el usuario a continuación, también se puede ver como un flujo de página.

Por ejemplo, si tomamos un flujo de pago estándar, se vería así.

En realidad, hay algunas áreas que tienen muchos puntos de decisión, y ahí es donde entran los diagramas de flujo. Los puntos de decisión se capturan en un diagrama de flujo de usuario en lugar de un flujo de tareas cuando desea resaltar páginas o elementos condicionales.

Los diagramas de flujo tienen símbolos para la decisión, y desea tener en cuenta los correos electrónicos, los modales y otras interacciones que los usuarios pueden encontrar durante el flujo. También podría usar palabras en lugar de un símbolo de punto de decisión si eso es más claro.

Los diagramas de flujo representan la lógica que está diseñando para el flujo del usuario, por lo que no debe tener ningún elemento del que provenga la información de la base de datos o cada caso de uso o condición, a menos que haya una condición de UX significativa que deba capturarse.

A veces, los términos diagrama de flujo y flujos de tareas se usan indistintamente

La conclusión principal es que existen diferentes enfoques para comunicar el diseño en varios niveles. Por lo general, los diagramas basados ​​en el flujo de decisiones aparecen más adelante en el proyecto, cuando tiene una buena comprensión de cómo se desarrollará el diseño. Otro tipo de diagrama es un diagrama de estado. Encuentro que los diagramas de estado funcionan mejor para comunicar cambios de estado que no son necesariamente un flujo, porque los flujos indican un proceso de navegación o lineal.

Por ejemplo, si muestra diferentes estados de una experiencia en línea, puede representarlo más específicamente en un diagrama de estado separado porque no es un proceso lineal. La comunicación de la estructura de su sitio puede ocurrir en múltiples niveles. Encuentre el nivel correcto de dónde se encuentra en su proyecto para asegurarse de que su experiencia tenga una base sólida.

Recomiendas1 recomendaciónPublicado en Arquitectura de la información

Artículos relacionados

Share This