Diagrama de flujo

1
Diagrama de flujo

• Es un esbozo con líneas que muestra las rutas de
  acceso del contenido, ayuda a especificar de
  manera clara y fácil las jerarquías, los niveles
  y los vínculos que existan en el proyecto.
• Es necesario para visualizar la estructura total
  y la navegación del sitio WEB
• Ayudará a evitar trayectos sin salida y la
  pérdida del usuario en el recorrido.

2

• Para hacer un buen diseño de navegación hay que
  tomar en cuenta los siguientes puntos
• El menú Opciones que tendrá el sitio.
• La sencillez organización clara del sitio para
  que no sea necesario explicarlo.
• Facilitará el viaje Creando el camino más fácil
  y corto entre los temas. Con el menor número
  posible de niveles
• Minimizará la redundancia Evitará caminos
  múltiples al mismo lugar desde la misma pantalla
  creando confusión al usuario en cuanto al camino
  a que va a elegir.

3
Existen 6 tipos

• Lineal
• Indexado
• Circular
• Estrella
• Árbol
• Múltiple

4
Navegación lineal

• Se accede desde la primera pantalla hasta la
  última de una forma secuencial.

5
Navegación indexada

• Se accede de una pantalla a otra utilizando las
  entradas de uno o varios índices.

6
Navegación Circular

• Al llegar a la última pantalla, ya sea mediante
  un acceso secuencial o indexado, se accede de
  nuevo a la primera de una manera cíclica.

7
Navegación en estrella

• Desde cualquier pantalla se puede acceder a
  cualquier otra. Se pueden establecer limitaciones
  (lo que daría lugar a una estructura en forma de
  árbol).

8
Árbol

• Se puede acceder a cualquier pantalla con ciertas
  limitantes y con una estructura más organizada
  entre las opciones

9
Navegación múltiple

• Se combinan algunos o todos los accesos
  anteriores

10
Más utilizadas en Web
Indexada
Árbol
Estrella
11

• Convenciones a utilizar para la elaboración del
  diagrama de flujo o mapa de Navegación.
• Cada opción esta definida por un recuadro con su
  nombre en el interior.
• Una flecha señala una conexión con otra área de
  información.
• La dirección de la flecha señala la forma en que
  se puede dar la conexión.
• Una flecha indica que la información solamente
  puede darse en una sola dirección.
• Dos puntas significará que el flujo va y regresa.

12

• Cualquier comentario acerca de la conexión se
  anota al lado de la conexión a la que hace
  referencia el comentario.
• Se debe procurar que las conexiones no se crucen,
  para evitar cualquier confusión.