Creación de un diagrama de flujo para estructuras alámbricas

Soy un poco nuevo en el mundo de los wireframes, por lo que podría tener ideas equivocadas aquí, pero me gustaría crear un diagrama de flujo que muestre cómo se relacionan entre sí los diferentes wireframes de una aplicación. La cosa es que se está poniendo bastante desordenado:Estado actual del diagrama de flujo

como pueden ver, ya está bastante desordenado y todavía me faltan algunas conexiones...

¿Hay una mejor manera de representar la relación de los wireframes (tal vez los diagramas de flujo ya no existen y hay algo más genial) o hay otros trucos, como mostrar solo ciertos casos (comprar algo, obtener información sobre X, iniciar sesión, etc.) y por lo tanto reduciendo el número de conexiones que son relevantes para un caso particular?

¡Gracias de antemano! :)

Respuestas (2)

Técnicamente, todas las páginas de la estructura alámbrica estarán interconectadas, lo que complicará el diagrama. No puedo leer bien los nombres de las páginas en la ilustración proporcionada, parece que podría ser un sitio de compras.

Lo dividiría en una ilustración que muestra todos los tipos de página o el árbol del sitio. Luego, un diagrama separado para cada flujo/viaje de usuario. Para un sitio de compras, puede tener los siguientes viajes.

  • Administrar cuenta de usuario
  • Pago de usuario
  • Usuario agregar producto al carrito
  • Admin administrar productos
  • Admin administrar pedidos
  • etc.

Como en los siguientes ejemplos.

Pago de usuarioVerificar

Administrar cuenta de usuarioingrese la descripción de la imagen aquí

Gerente de administraciónGerente de administración

Por lo general, en los diagramas de flujo, el pequeño rombo/cuadrado en un ángulo de 45° representa una decisión del usuario o una división en el flujo. Ignore el primer diamante en el diagrama de cuenta de administración de usuarios, debería haberlo eliminado.

El truco que uso para los gráficos de red es que los abro en alguna herramienta de diseño automatizada como. yEd o Graphwiz . De esta manera, obtengo un buen punto de partida para un gráfico que se superpone mínimamente.

Creación de un diagrama de flujo para estructuras alámbricas
RespuestasAquíPolítica de privacidad1y, 0v